ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

progress-bar is added

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
projects/ucap-webmessenger-ui/src/lib/components/file-upload-queue.component.html
View File

@ -4,18 +4,23 @@
class="ucap-ui-file-upload-queue-container"
>
<div
fxLayout="row"
fxLayout="column"
fxFlex="100"
fxFlex.gt-xs="50"
fxFlex.gt-md="25"
*ngFor="let file of uploadFiles"
>
<div>
<mat-icon>image</mat-icon>
<div fxLayout="row">
<div>
<mat-icon>image</mat-icon>
</div>
<div>{{ file.name }}</div>
<div (click)="onClickClear(file)">
<mat-icon>clear</mat-icon>
</div>
</div>
<div>{{ file.name }}</div>
<div (click)="onClickClear(file)">
<mat-icon>clear</mat-icon>
<div fxLayout="row">
<mat-progress-bar mode="determinate" value="40"> </mat-progress-bar>
</div>
</div>
</div>

2
projects/ucap-webmessenger-ui/src/lib/ucap-ui.module.ts
View File

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