Merge pull request #1055 from florianorben/PLT-42

PLT-42: Add "File uploading" text left of "Add Comment" when file is uploading

web/react/components/create_comment.jsx

@@ -255,6 +255,17 @@ export default class CreateComment extends React.Component {
             postFooterClassName += ' has-error';
         }
 
+        let uploadsInProgressText = null;
+        if (this.state.uploadsInProgress.length > 0) {
+            uploadsInProgressText = (
+                <span
+                    className='pull-right post-right-comments-upload-in-progress'
+                >
+                    {this.state.uploadsInProgress.length === 1 ? 'File uploading' : 'Files uploading'}
+                </span>
+            );
+        }
+
         return (
             <form onSubmit={this.handleSubmit}>
                 <div className='post-create'>
@@ -295,6 +306,7 @@ export default class CreateComment extends React.Component {
                             value='Add Comment'
                             onClick={this.handleSubmit}
                         />
+                        {uploadsInProgressText}
                         {postError}
                         {serverError}
                     </div>

web/sass-files/sass/partials/_post_right.scss

@@ -36,6 +36,11 @@
 		.post-create-footer {
 			padding-top: 10px;
 		}
+		.post-right-comments-upload-in-progress {
+			padding: 6px 0;
+			color: #a8adb7;
+			margin-right: 10px;
+		}
 	}
 
 }