ui(server): add file upload status

resources/scripts/state/server/files.ts

@@ -1,35 +1,50 @@
 import { action, Action } from 'easy-peasy';
 import { cleanDirectoryPath } from '@/helpers';
 
+export interface FileUpload {
+    name: string;
+    loaded: number;
+    readonly total: number;
+}
+
 export interface ServerFileStore {
     directory: string;
     selectedFiles: string[];
+    uploads: FileUpload[];
 
     setDirectory: Action<ServerFileStore, string>;
     setSelectedFiles: Action<ServerFileStore, string[]>;
     appendSelectedFile: Action<ServerFileStore, string>;
     removeSelectedFile: Action<ServerFileStore, string>;
+
+    appendFileUpload: Action<ServerFileStore, FileUpload>;
+    removeFileUpload: Action<ServerFileStore, string>;
 }
 
 const files: ServerFileStore = {
     directory: '/',
     selectedFiles: [],
+    uploads: [],
 
     setDirectory: action((state, payload) => {
         state.directory = cleanDirectoryPath(payload);
     }),
-
     setSelectedFiles: action((state, payload) => {
         state.selectedFiles = payload;
     }),
-
     appendSelectedFile: action((state, payload) => {
         state.selectedFiles = state.selectedFiles.filter(f => f !== payload).concat(payload);
     }),
-
     removeSelectedFile: action((state, payload) => {
         state.selectedFiles = state.selectedFiles.filter(f => f !== payload);
     }),
+
+    appendFileUpload: action((state, payload) => {
+        state.uploads = state.uploads.filter(f => f.name !== payload.name).concat(payload);
+    }),
+    removeFileUpload: action((state, payload) => {
+        state.uploads = state.uploads.filter(f => f.name !== payload);
+    }),
 };
 
 export default files;