From 56384fbcc074f182216a78629fd8d3928022e04a Mon Sep 17 00:00:00 2001
From: potats0 <potatso>
Date: Thu, 14 Oct 2021 12:22:15 +0800
Subject: [PATCH] fix progress bar incorrect when upload file twice

---
 .../add-qemu-vm-template/add-qemu-vm-template.component.html  | 2 +-
 .../add-qemu-vm-template/add-qemu-vm-template.component.ts    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.html b/src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.html
index 23b6c211..9d2bf8dd 100644
--- a/src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.html
+++ b/src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.html
@@ -111,7 +111,7 @@
                 />
               </mat-form-field>
               <div *ngIf="uploadedFile">
-                <mat-progress-bar mode="determinate" [value]="uploader.progress" ></mat-progress-bar>
+                <mat-progress-bar mode="determinate" [value]="uploadProgress" aria-valuemin="0" aria-valuemax="100"></mat-progress-bar>
               </div>
             </div>
           </form>
diff --git a/src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.ts b/src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.ts
index 4d43918e..40db7280 100644
--- a/src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.ts
+++ b/src/app/components/preferences/qemu/add-qemu-vm-template/add-qemu-vm-template.component.ts
@@ -33,6 +33,7 @@ export class AddQemuVmTemplateComponent implements OnInit {
   qemuTemplate: QemuTemplate;
   uploader: FileUploader;
   uploadedFile: boolean = false;
+  uploadProgress: number = 0;
 
   nameForm: FormGroup;
   memoryForm: FormGroup;
@@ -87,6 +88,9 @@ export class AddQemuVmTemplateComponent implements OnInit {
       });
       this.toasterService.success('Image uploaded');
     };
+    this.uploader.onProgressItem = (progress: any) => {
+      this.uploadProgress = progress['progress'];
+    };
 
     const server_id = this.route.snapshot.paramMap.get('server_id');
     this.serverService.get(parseInt(server_id, 10)).then((server: Server) => {