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

lint fixes

Browse Source
This commit is contained in:
Alex Yong 2024-04-25 20:58:09 +00:00
parent c680fbd1f9
commit d29dee3a5e
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,8 +10,12 @@
<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"> {{ getProgressDecimal }}% Completed </div>
<div class="upload-fraction"> {{ getTotalProgressBytes }} / {{ getTotalSize }} </div>
<div class="upload-percentage">
{{ getProgressDecimal }}% Completed
</div>
<div class="upload-fraction">
{{ getTotalProgressBytes }} / {{ getTotalSize }}
</div>
</div>
<button
class="action"
@ -77,7 +81,7 @@ export default {
"getProgress",
"getProgressDecimal",
"getTotalProgressBytes",
"getTotalSize"
"getTotalSize",
]),
...mapWritableState(useFileStore, ["reload"]),
formattedETA() {
@ -97,7 +101,7 @@ export default {
},
},
methods: {
...mapActions(useUploadStore, ["reset"]), // Mapping reset action from upload store
...mapActions(useUploadStore, ["reset"]), // Mapping reset action from upload store
toggle: function () {
this.open = !this.open;
},
@ -106,8 +110,8 @@ export default {
abortAllUploads();
buttons.done("upload");
this.open = false;
this.reset(); // Resetting the upload store state
this.reload = true; // Trigger reload in the file store
this.reset(); // Resetting the upload store state
this.reload = true; // Trigger reload in the file store
}
},
},

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

@ -15,11 +15,11 @@ const beforeUnload = (event: Event) => {
// Utility function to format bytes into a readable string
function formatSize(bytes: number): string {
if (bytes === 0) return '0 Bytes';
if (bytes === 0) return "0 Bytes";
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
const i = Math.floor(Math.log(bytes) / Math.log(1024));
return parseFloat((bytes / Math.pow(1024, i)).toFixed(2)) + ' ' + sizes[i];
return parseFloat((bytes / Math.pow(1024, i)).toFixed(2)) + " " + sizes[i];
}
export const useUploadStore = defineStore("upload", {
@ -69,18 +69,18 @@ export const useUploadStore = defineStore("upload", {
},
getTotalProgressBytes: (state) => {
if (state.progress.length === 0 || state.sizes.length === 0) {
return '0 Bytes';
return "0 Bytes";
}
const sum = state.progress.reduce((acc, val) => +acc + +val, 0) as number;
return formatSize(sum);
},
getTotalSize: (state) => {
if (state.sizes.length === 0) {
return '0 Bytes';
return "0 Bytes";
}
const totalSize = state.sizes.reduce((a, b) => a + b, 0);
return formatSize(totalSize);
},
},
filesInUploadCount: (state) => {
return Object.keys(state.uploads).length + state.queue.length;
},