sort project in my projects page

Arborator · Sep 12, 2024 · d530e56 · d530e56
1 parent 0c2145e
commit d530e56
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/src/pages/MyProjects.vue b/src/pages/MyProjects.vue
@@ -65,8 +65,9 @@
   </q-page>
 </template>
 <script lang="ts">
-import { mapState } from 'pinia';
+import { mapState, mapActions } from 'pinia';
 import { useUserStore } from 'src/pinia/modules/user';
+import { useProjectStore } from 'src/pinia/modules/project';
 import { notifyError, notifyMessage } from 'src/utils/notify';
 import { project_extended_t } from 'src/api/backend-types';
 import { defineComponent } from 'vue';
@@ -75,6 +76,7 @@ import api from 'src/api/backend-api';
 import ProjectCard from 'src/components/project/ProjectCard.vue';
 import CreaProjectCard from 'src/components/project/CreaProjectCard.vue';
 
+
 export default defineComponent({
   name: 'MyProjects',
   components: {
@@ -111,12 +113,14 @@ export default defineComponent({
     });
   },
   methods: {
+    ...mapActions(useProjectStore, ['sortProjects']),
     getUserProjects() {
       api
         .getUserProjects()
         .then((response) => {
           this.myProjects = response.data;
           this.filteredProjects = this.myProjects; 
+          this.sortProjects(this.filteredProjects);
         })
         .catch((error) => {
           notifyError({ error: `Error happened while loading user projects ${error} `});

diff --git a/src/pages/ProjectsHub.vue b/src/pages/ProjectsHub.vue
@@ -245,7 +245,7 @@ export default defineComponent({
     this.getProjects();
   },
   methods: {
-    ...mapActions(useProjectStore, ['isMyProject', 'isOldProject']),
+    ...mapActions(useProjectStore, ['isMyProject', 'isOldProject', 'sortProjects']),
     toggleProjectView() {
       this.listMode = !this.listMode;
       LocalStorage.set('project_view', this.listMode);
@@ -259,16 +259,13 @@ export default defineComponent({
           this.projectsLanguages = [...new Set(this.projects.map((project) => project.language))]
             .filter((language) => language !== '' && language !== null)
             .map((language, i) => ({ index: i + 1, name: language }));
-          this.sortProjects();
+          this.sortProjects(this.visibleProjects)
           this.initLoading = false;
                   })
         .catch((error) => {
           notifyError({ error });
         });
     },
-    sortProjects() {
-      this.visibleProjects.sort((a, b) => b.lastAccess - a.lastAccess);
-    },
     deleteProject(projectName: string) {
       api
         .deleteProject(projectName)

diff --git a/src/pinia/modules/project/index.ts b/src/pinia/modules/project/index.ts
@@ -107,6 +107,9 @@ export const useProjectStore = defineStore('project', {
       const ayear = -3600 * 24 * 365;
       return project.lastAccess < ayear || (project.numberSamples < 1 && project.lastAccess < -3600);
     },
+    sortProjects(projects: project_extended_t[]) {
+      projects.sort((a, b) => b.lastAccess - a.lastAccess);
+    },
     resetAnnotationFeaturesSUD(): void {
       this.annotationFeatures = defaultState().annotationFeaturesSUD;
     },