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" placeholder="Please enter name"
/> />
</mat-form-field> </mat-form-field>
<div *ngIf="uploadedFile">
<mat-progress-bar mode="determinate" [value]="uploader.progress" ></mat-progress-bar>
</div>
</div> </div>
</form> </form>
</mat-step> </mat-step>

View File

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