progress-bar is added

This commit is contained in:
병준 박 2019-10-29 18:18:16 +09:00
parent feb398b6d9
commit f75bd7c2bb
2 changed files with 13 additions and 6 deletions

View File

@ -4,12 +4,13 @@
class="ucap-ui-file-upload-queue-container" class="ucap-ui-file-upload-queue-container"
> >
<div <div
fxLayout="row" fxLayout="column"
fxFlex="100" fxFlex="100"
fxFlex.gt-xs="50" fxFlex.gt-xs="50"
fxFlex.gt-md="25" fxFlex.gt-md="25"
*ngFor="let file of uploadFiles" *ngFor="let file of uploadFiles"
> >
<div fxLayout="row">
<div> <div>
<mat-icon>image</mat-icon> <mat-icon>image</mat-icon>
</div> </div>
@ -18,4 +19,8 @@
<mat-icon>clear</mat-icon> <mat-icon>clear</mat-icon>
</div> </div>
</div> </div>
<div fxLayout="row">
<mat-progress-bar mode="determinate" value="40"> </mat-progress-bar>
</div>
</div>
</div> </div>

View File

@ -7,6 +7,7 @@ import { MatButtonModule } from '@angular/material/button';
import { MatCardModule } from '@angular/material/card'; import { MatCardModule } from '@angular/material/card';
import { MatDialogModule } from '@angular/material/dialog'; import { MatDialogModule } from '@angular/material/dialog';
import { MatIconModule } from '@angular/material/icon'; import { MatIconModule } from '@angular/material/icon';
import { MatProgressBarModule } from '@angular/material/progress-bar';
import { MatSnackBarModule } from '@angular/material/snack-bar'; import { MatSnackBarModule } from '@angular/material/snack-bar';
import { DragDropModule } from '@angular/cdk/drag-drop'; import { DragDropModule } from '@angular/cdk/drag-drop';
@ -57,6 +58,7 @@ const SERVICES = [
MatCardModule, MatCardModule,
MatDialogModule, MatDialogModule,
MatIconModule, MatIconModule,
MatProgressBarModule,
MatSnackBarModule, MatSnackBarModule,
DragDropModule DragDropModule
], ],