Add spinner for download pending file

client/src/app/instance/search/components/result/download-file-tab.component.html

@@ -3,7 +3,12 @@
         Files downloaded : 
         <ul>
             <li *ngFor="let downloadFile of downloadedFiles">
-                {{ downloadFile.fileName }} : 
+                {{ downloadFile.fileName }} :
+                <ng-container *ngIf="downloadFile.state == 'PENDING'">
+                    <br>
+                    <span class="fas fa-circle-notch fa-spin"></span>
+                    <span class="sr-only">Loading...</span>
+                </ng-container>
                 <progressbar [value]="downloadFile.progress" [type]="getType(downloadFile.progress)" [animate]="true">{{ downloadFile.progress }}%</progressbar> 
             </li>
         </ul>

client/src/app/instance/store/reducers/download-file.reducer.ts

@@ -63,7 +63,8 @@ export const fileReducer = createReducer(
             ...state.downloadedFiles.filter(f => f.id !== fileId),
             {
                 ...state.downloadedFiles.find(f => f.id === fileId),
-                progress: progress
+                progress: progress,
+                state: 'IN_PROGRESS'
             }
         ]
     })),