show upload file progress when uploading qemu template.

This commit is contained in:
potats0 2021-10-14 10:56:17 +08:00
parent 4142144d4d
commit 15faca6d89
2 changed files with 5 additions and 0 deletions

View File

@ -110,6 +110,9 @@
placeholder="Please enter name"
/>
</mat-form-field>
<div *ngIf="uploadedFile">
<mat-progress-bar mode="determinate" [value]="uploader.progress" ></mat-progress-bar>
</div>
</div>
</form>
</mat-step>

View File

@ -32,6 +32,7 @@ export class AddQemuVmTemplateComponent implements OnInit {
chosenImage: string = '';
qemuTemplate: QemuTemplate;
uploader: FileUploader;
uploadedFile: boolean = false;
nameForm: FormGroup;
memoryForm: FormGroup;
@ -127,6 +128,7 @@ export class AddQemuVmTemplateComponent implements OnInit {
}
uploadImageFile(event) {
this.uploadedFile = true;
let name = event.target.files[0].name;
this.diskForm.controls['fileName'].setValue(name);