#201: file processing indicator

docs-web/src/main/webapp/src/locale/en.json

@@ -114,7 +114,8 @@
         "upload_error": "Upload error",
         "upload_error_quota": "Quota reached",
         "drop_zone": "Drag & drop files here to upload",
-        "add_files": "Add files"
+        "add_files": "Add files",
+        "file_processing_indicator": "This file is being processed. Searching will not be available before it is complete."
       },
       "workflow": {
         "workflow": "Workflow",

docs-web/src/main/webapp/src/partial/docs/document.view.content.html

@@ -45,6 +45,11 @@
   <div ui-sortable="fileSortableOptions" ng-model="files">
     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3 text-center" ng-repeat="file in files">
       <div class="thumbnail handle" ng-if="file.id">
+        <div class="file-processing-indicator" ng-show="file.processing"
+             uib-tooltip="{{ 'document.view.content.file_processing_indicator' | translate }}">
+          <span class="fas fa-spin fa-circle-notch"></span>
+        </div>
+
         <a ng-click="openFile(file)">
           <img ng-src="../api/file/{{ file.id }}/data?size=thumb" uib-tooltip="{{ file.mimetype }} | {{ file.size | filesize }}" tooltip-placement="top" />
         </a>

docs-web/src/main/webapp/src/style/main.less

@@ -214,6 +214,15 @@
   }
 }
 
+// File processing indicator
+.file-processing-indicator {
+  position: absolute;
+  z-index: 2;
+  margin-left: 8px;
+  margin-top: 8px;
+  color: #2ab2dc;
+}
+
 // File name
 .file-name {
   word-wrap: break-word;