TheLanc3/YoutubeDL-Material
1
0
Fork 0
mirror of https://github.com/Tzahi12345/YoutubeDL-Material.git synced 2026-03-19 11:10:57 +03:00
Code Issues Packages Projects Releases Wiki Activity

added stylistic spinner

Browse Source
This commit is contained in:
Isaac Grynsztein
2019-10-21 02:25:03 -04:00
parent f98ba00551
commit 9fa646132d
3 changed files with 17 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/app.component.html
View File

@@ -39,8 +39,12 @@
</div>
<br/>
<div class="centered big" id="bar_div" *ngIf="downloadingfile;else nofile">
<div *ngIf="determinateProgress;else indeterminateprogress">
<div style="display: inline-block; width: 800px;" *ngIf="determinateProgress;else indeterminateprogress">
<mat-progress-bar mode="determinate" value="{{percentDownloaded}}"></mat-progress-bar>
<br/>
</div>
<div *ngIf="determinateProgress && percentDownloaded === 100" class="spinner">
<mat-spinner [diameter]="25"></mat-spinner>
</div>
<ng-template #indeterminateprogress>
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
@@ -50,7 +54,7 @@
<ng-template #nofile>
</ng-template>
<div *ngIf="fileManagerEnabled">
<div style="margin: 20px" *ngIf="fileManagerEnabled">
<mat-accordion>
<mat-expansion-panel class="big">
<mat-expansion-panel-header>