booklore-app/booklore
1
0
Fork 0
mirror of https://github.com/booklore-app/booklore.git synced 2026-02-18 23:42:06 +01:00
Code Issues Packages Projects Releases Wiki Activity

- Hide progress-bar for the uploader

Browse Source 
- Make "uploading" icon spin
This commit is contained in:
adityachandelgit
2025-04-15 13:27:31 -06:00
committed by Aditya Chandel
parent 8e0aea6fcd
commit dda52dd1a6
2 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
booklore-ui/src/app/utilities/component/book-uploader/book-uploader.component.html
View File

@@ -69,25 +69,24 @@
(click)="onRemoveTemplatingFile($event, uploadFile.file, removeFileCallback, i)"
severity="danger"
[text]="true"/>
<p-button *ngSwitchCase="'Uploading'"
icon="pi pi-spin pi-spinner"
severity="info"
[text]="true"
[disabled]="true"/>
<p-button *ngSwitchCase="'Uploaded'"
icon="pi pi-check"
severity="success"
[text]="true"
pTooltip="File uploaded"
tooltipPosition="top"
[disabled]="true"/>
<p-button *ngSwitchCase="'Failed'"
icon="pi pi-exclamation-triangle"
severity="danger"
[text]="true"
[disabled]="true"
pTooltip="{{ uploadFile.errorMessage || 'Upload failed' }}"
tooltipPosition="top"/>
<i *ngSwitchCase="'Uploading'"
class="pi pi-spin pi-spinner p-3"
style="color: slateblue"
pTooltip="Uploading"
tooltipPosition="top">
</i>
<i *ngSwitchCase="'Uploaded'"
class="pi pi-check p-3"
style="color: green"
pTooltip="Uploaded"
tooltipPosition="top">
</i>
<i *ngSwitchCase="'Failed'"
class="pi pi-exclamation-triangle p-3"
style="color: darkred"
pTooltip="{{ uploadFile.errorMessage || 'Upload failed' }}"
tooltipPosition="top">
</i>
</ng-container>
</div>
</div>

3
booklore-ui/src/app/utilities/component/book-uploader/book-uploader.component.scss
View File

@@ -0,0 +1,3 @@
:host ::ng-deep .p-fileupload-content p-progressbar {
display: none !important;
}