Mise à jour de l'état de l'identité pour inclure le traitement en cours de synchronisation

Author: tacxou

src/composables/useIdentityStates.ts

@@ -23,6 +23,7 @@ export const IdentityStateList = [
     { value: IdentityState.TO_CREATE, text: 'A créer', color: 'grey', icon: 'mdi-circle', display: false},
     { value: IdentityState.TO_COMPLETE, text: 'A compléter', color: 'warning', icon: 'mdi-circle', display: true },
     { value: IdentityState.ON_ERROR, text: 'En erreur', color: 'negative', icon: 'mdi-circle', display: true },
+    { value: IdentityState.PROCESSING, text: 'En cours de synchronisation', color: 'warning', icon: 'mdi-loading', display: true },
 ];
 
 export function useIdentityStates(): useIdentityStateReturnType

src/layouts/default.vue

@@ -42,6 +42,12 @@ q-layout
             q-tooltip.text-body2(anchor="center right" self="center left") A synchroniser
             q-badge(color="primary" floating) {{ TO_SYNC }}
 
+          q-item(@click="push(`/identities?sort[metadata.lastUpdatedAt]=desc&skip=0&limit=10&filters[@state][]=${IdentityState.PROCESSING}`)" clickable)
+            q-item-section(avatar)
+              q-icon(name="mdi-loading")
+            q-tooltip.text-body2(anchor="center right" self="center left") En cours de synchronisation
+            q-badge(color="primary" floating) {{ PROCESSING }}
+
           q-item(@click="push(`/identities?sort[metadata.lastUpdatedAt]=desc&skip=0&limit=10&filters[@state][]=${IdentityState.SYNCED}`)" clickable)
             q-item-section(avatar)
               q-icon(name="mdi-check")
@@ -99,6 +105,7 @@ const TO_COMPLETE = computed(() => identityStore.getToCompleteCount > 99 ? '99+'
 const TO_VALIDATE = computed(() => identityStore.getToValidateCount > 99 ? '99+' : identityStore.getToValidateCount)
 const ON_ERROR = computed(() => identityStore.getOnErrorCount > 99 ? '99+' : identityStore.getOnErrorCount)
 const TO_SYNC = computed(() => identityStore.getToSyncCount > 99 ? '99+' : identityStore.getToSyncCount)
+const PROCESSING = computed(() => identityStore.getProcessingCount > 99 ? '99+' : identityStore.getProcessingCount)
 const SYNCED = computed(() => identityStore.getSyncedCount > 99 ? '99+' : identityStore.getSyncedCount)
 
 const ADM = computed(() => identityAffectationStore.getAdmCount > 9999 ? '9999+' : identityAffectationStore.getAdmCount)

src/stores/identityState.ts

@@ -7,13 +7,15 @@ export const useIdentityStateStore = defineStore('identityStates', {
     [IdentityState.TO_VALIDATE]: 0,
     [IdentityState.ON_ERROR]: 0,
     [IdentityState.TO_SYNC]: 0,
+    [IdentityState.PROCESSING]: 0,
     [IdentityState.SYNCED]: 0,
   }),
   getters: {
     getToCompleteCount: state => state[IdentityState.TO_COMPLETE],
     getToValidateCount: state => state[IdentityState.TO_VALIDATE],
     getOnErrorCount: state => state[IdentityState.ON_ERROR],
     getToSyncCount: state => state[IdentityState.TO_SYNC],
+    getProcessingCount: state => state[IdentityState.PROCESSING],
     getSyncedCount: state => state[IdentityState.SYNCED],
   },
   actions: {
@@ -24,6 +26,7 @@ export const useIdentityStateStore = defineStore('identityStates', {
           this.fetchToValidateCount(),
           this.fetchOnErrorCount(),
           this.fetchToSyncCount(),
+          this.fetchProcessingCount(),
           this.fetchSyncedCount(),
         ]);
       } catch (error) {
@@ -62,6 +65,14 @@ export const useIdentityStateStore = defineStore('identityStates', {
         console.error(error);
       }
     },
+    async fetchProcessingCount() {
+      try {
+        const { data } = await useHttp(`/management/identities/count?filters[@state][]=${IdentityState.PROCESSING}&limit=100`);
+        this[IdentityState.PROCESSING] = data.value.data;
+      } catch (error) {
+        console.error(error);
+      }
+    },
     async fetchSyncedCount() {
       try {
         const { data } = await useHttp(`/management/identities/count?filters[@state][]=${IdentityState.SYNCED}&limit=100`);