feat: ajout de la pagination et des filtres dans le store d'activités, mise à jour des composants pour gérer l'affichage des jobs, et amélioration de la gestion des états des jobs. Intégration d'une nouvelle composante de pagination pour une navigation optimisée.

assets/vue/app/domain/activity/application/store/activityStore.js

@@ -8,8 +8,16 @@ export const useActivityStore = defineStore('activity', {
         jobs: [],
         loading: false,
         error: null,
+        // Pagination
+        currentPage: 1,
+        totalPages: 0,
+        total: 0,
+        limit: 20,
+        hasNextPage: false,
+        hasPreviousPage: false,
+        // Filtres
         filter: {
-            status: ['pending', 'in_progress', 'failed'],
+            status: ['pending', 'in_progress'], // Par défaut, ne montrer que les actifs
             sortBy: 'createdAt',
             sortOrder: 'DESC'
         }
@@ -20,28 +28,57 @@ export const useActivityStore = defineStore('activity', {
         completedJobs: state => state.jobs.filter(job => job.isCompleted()),
         failedJobs: state => state.jobs.filter(job => job.hasError()),
         isLoading: state => state.loading,
-        hasError: state => !!state.error
+        hasError: state => !!state.error,
+        // Getters pour la pagination
+        paginationInfo: state => ({
+            currentPage: state.currentPage,
+            totalPages: state.totalPages,
+            total: state.total,
+            limit: state.limit,
+            hasNextPage: state.hasNextPage,
+            hasPreviousPage: state.hasPreviousPage
+        })
     },
 
     actions: {
         /**
          * Charge la liste des jobs selon les filtres actuels
+         * @param {number} page - Numéro de page optionnel
          */
-        async loadJobs() {
+        async loadJobs(page = null) {
             this.loading = true;
             this.error = null;
 
             try {
                 const options = {
-                    page: 1, // Page fixée à 1
-                    limit: 100, // Limite augmentée pour récupérer plus de jobs
+                    page: page || this.currentPage,
+                    limit: this.limit,
                     sortBy: this.filter.sortBy,
                     sortOrder: this.filter.sortOrder,
                     status: this.filter.status
                 };
 
                 const jobCollection = await jobRepository.getJobs(options);
+
+                // Mettre à jour les données
                 this.jobs = jobCollection.items;
+                this.currentPage = jobCollection.page;
+                this.total = jobCollection.total;
+                this.hasNextPage = jobCollection.hasNextPage;
+                this.hasPreviousPage = jobCollection.hasPreviousPage;
+
+                // Calculer le nombre total de pages
+                this.totalPages = Math.ceil(this.total / this.limit);
+
+                console.log('Store updated with:', {
+                    jobs: this.jobs.length,
+                    currentPage: this.currentPage,
+                    total: this.total,
+                    limit: this.limit,
+                    totalPages: this.totalPages,
+                    hasNextPage: this.hasNextPage,
+                    hasPreviousPage: this.hasPreviousPage
+                });
             } catch (error) {
                 this.error = error.message;
                 console.error('Error loading jobs:', error);
@@ -50,13 +87,35 @@ export const useActivityStore = defineStore('activity', {
             }
         },
 
+        /**
+         * Va à une page spécifique
+         * @param {number} page
+         */
+        async goToPage(page) {
+            if (page >= 1 && page <= this.totalPages && page !== this.currentPage) {
+                this.currentPage = page;
+                await this.loadJobs(page);
+            }
+        },
+
         /**
          * Met à jour les filtres et recharge la liste
          * @param {Object} filter
          */
         async updateFilter(filter) {
             this.filter = { ...this.filter, ...filter };
-            await this.loadJobs();
+            this.currentPage = 1; // Retourner à la première page lors du changement de filtre
+            await this.loadJobs(1);
+        },
+
+        /**
+         * Met à jour la limite par page
+         * @param {number} limit
+         */
+        async updateLimit(limit) {
+            this.limit = limit;
+            this.currentPage = 1; // Retourner à la première page
+            await this.loadJobs(1);
         },
 
         /**
@@ -71,6 +130,8 @@ export const useActivityStore = defineStore('activity', {
                 await jobRepository.deleteJob(id);
                 // Supprimer le job de la liste locale
                 this.jobs = this.jobs.filter(job => job.id !== id);
+                // Recharger la page courante pour avoir les bons totaux
+                await this.loadJobs(this.currentPage);
             } catch (error) {
                 this.error = error.message;
                 console.error('Error deleting job:', error);
@@ -90,7 +151,7 @@ export const useActivityStore = defineStore('activity', {
             try {
                 const deleted = await jobRepository.deleteJobs(criteria);
                 // Recharger la liste après suppression
-                await this.loadJobs();
+                await this.loadJobs(this.currentPage);
                 return deleted;
             } catch (error) {
                 this.error = error.message;