preprocessing mat-progress-spinner animation glitch fixed

Author: niklr

src/app/app.component.html

@@ -97,7 +97,7 @@
         <div fxFlex class="amd-container-row-item">
           <div class="amd-container-row-item-entry">
             <div fxFlex="40px" matTooltip="{{item.preprocessContainer.percent}}%" *ngIf="datatransferFacade.showSpinner(item); else showStatusClass">
-              <mat-progress-spinner [diameter]="20" mode="determinate" [value]="item.preprocessContainer.percent"></mat-progress-spinner>
+              <mat-progress-spinner *ngIf="item.preprocessContainer.percent > 0" [diameter]="20" mode="determinate" [value]="item.preprocessContainer.percent"></mat-progress-spinner>
             </div>
             <ng-template #showStatusClass>
               <div fxFlex="40px">

src/app/facades/datatransfer.facade.ts

@@ -258,7 +258,8 @@ export class DatatransferFacade {
             case TransferStatus.Failed:
                 return 'error_outline';
             case TransferStatus.Queued:
-                return 'query_builder';
+            case TransferStatus.Preprocessing:
+                return 'schedule';
             case TransferStatus.Finished:
                 return 'done_all';
             default:
@@ -295,7 +296,7 @@ export class DatatransferFacade {
     }
 
     public showSpinner(item: IDatatransferItem): boolean {
-        return item.status === TransferStatus.Preprocessing;
+        return item.preprocessContainer.percent > 0 && item.status === TransferStatus.Preprocessing;
     }
 
     public showProgressbar(item: IDatatransferItem): boolean {