nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjusting formatting

Browse Source
This commit is contained in:
Alex Yong 2024-04-12 16:17:08 +00:00
parent 05ea73bffe
commit 3f26e93e42
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/prompts/UploadFiles.vue
View File

@ -10,7 +10,7 @@
<div class="upload-info">
<div class="upload-speed">{{ uploadSpeed.toFixed(2) }} MB/s</div>
<div class="upload-eta">{{ formattedETA }} remaining</div>
<div class="upload-percentage"> {{ getProgress }} % Completed </div>
<div class="upload-percentage"> {{ getProgressDecimal }}% Completed </div>
<div class="upload-fraction"> {{ getTotalProgressBytes }} / {{ getTotalSize }} </div>
</div>
<button
@ -75,6 +75,7 @@ export default {
"uploadSpeed",
"getETA",
"getProgress",
"getProgressDecimal",
"getTotalProgressBytes",
"getTotalSize"
]),

11
frontend/src/stores/upload.ts
View File

@ -47,6 +47,17 @@ export const useUploadStore = defineStore("upload", {
const sum = state.progress.reduce((acc, val) => +acc + +val) as number;
return Math.ceil((sum / totalSize) * 100);
},
getProgressDecimal: (state) => {
if (state.progress.length === 0) {
return 0;
}
const totalSize = state.sizes.reduce((a, b) => a + b, 0);
// TODO: this looks ugly but it works with ts now
const sum = state.progress.reduce((acc, val) => +acc + +val) as number;
return ((sum / totalSize) * 100).toFixed(2);
},
getTotalProgressBytes: (state) => {
if (state.progress.length === 0 || state.sizes.length === 0) {
return '0 Bytes';