feat: implement order

Signed-off-by: Vitor Mattos <vitor@php.rio>

src/store/files.js

@@ -44,13 +44,15 @@ export const useFilesStore = function(...args) {
 				loading: false,
 				filterActive: 'all',
 				canRequestSign: loadState('libresign', 'can_request_sign', false),
+				ordered: [],
 			}
 		},
 
 		actions: {
 			addFile(file) {
 				set(this.files, file.nodeId, file)
 				this.hydrateFile(file.nodeId)
+				this.ordered.push(file.nodeId)
 			},
 			selectFile(nodeId) {
 				this.selectedNodeId = nodeId ?? 0
@@ -229,6 +231,11 @@ export const useFilesStore = function(...args) {
 					}))
 				}
 				del(this.files, file.nodeId)
+
+				const index = this.ordered.indexOf(file.nodeId)
+				if (index > -1) {
+					this.ordered.splice(index, 1)
+				}
 			},
 			async getAllFiles(filter) {
 				if (!filter) filter = {}
@@ -250,11 +257,15 @@ export const useFilesStore = function(...args) {
 				}
 				const response = await axios.get(generateOcsUrl('/apps/libresign/api/v1/file/list'), { params: filter })
 				this.files = {}
+				this.ordered = []
 				response.data.ocs.data.data.forEach(file => {
 					this.addFile(file)
 				})
 				return this.files
 			},
+			filesSorted() {
+				return this.ordered.map(key => this.files[key])
+			},
 			filter(type) {
 				this.filterActive = type
 				if (type === 'pending') {

src/views/FilesList/VirtualList.vue

@@ -14,7 +14,7 @@
 				:class="userConfigStore.grid_view ? 'files-list__tbody--grid' : 'files-list__tbody--list'"
 				data-cy-files-list-tbody>
 				<component :is="dataComponent"
-					v-for="(item) in filesStore.files"
+					v-for="(item) in filesStore.filesSorted()"
 					:key="item.nodeId"
 					:source="item"
 					:loading="loading" />