Max665/sharepulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added FileUpload logic

Browse Source 
- Added smoother for progress indicator
This commit is contained in:
Max W.
2024-02-15 17:52:58 +01:00
parent 1bce2e1d2e
commit a4b6069789
3 changed files with 58 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/upload/upload.component.html
View File

@ -46,7 +46,7 @@
<button class="btn btn-primary w-full max-w-xs" (click)="startUpload()">Upload File</button>
</div>
<div *ngIf="uploadStarted && fileToUpload && !uploadFinished" class="flex flex-col items-center justify-center animate-in fade-in duration-500">
<div class="radial-progress" [style.--value]="uploadProgress" style="--size:12rem; --thickness: 2rem;" role="progressbar">{{uploadProgress}}%</div>
<div class="radial-progress" [style.--value]="uploadProgress" style="--size:12rem; --thickness: 2rem;" role="progressbar">{{ uploadProgress | number:'1.0-0' }}%</div>
<p class="text-gray-700 mt-4">Uploading {{ fileToUpload.name }}...</p>
</div>
<div *ngIf="uploadFinished" class="flex flex-col items-center justify-center animate-in fade-in duration-1000">