feat: update identity lifecycle and table components for improved identity handling

Author: tacxou

src/constants/enums.ts

@@ -10,10 +10,17 @@ export enum IdentityState {
 }
 
 export enum IdentityLifecycle {
-  IMPORTED = 3,
-  OFFICIAL = 2,
-  ACTIVE = 1,
-  PROVISIONAL = 0,
-  INACTIVE = -1,
-  DELETED = -2,
+  WAIT = "W",
+  OFFICIAL = "O",
+  ACTIVE = "A",
+  PROVISIONAL = "P",
+  INACTIVE = "I",
+  DELETED = "D",
+
+  // IMPORTED = 3,
+  // OFFICIAL = 2,
+  // ACTIVE = 1,
+  // PROVISIONAL = 0,
+  // INACTIVE = -1,
+  // DELETED = -2,
 }

src/pages/jobs/table.vue

@@ -17,7 +17,24 @@
       <template v-slot:body="props">
         <q-tr :props="props" :class="{ 'bg-primary': props.expand, 'text-white': props.expand }">
           <q-td v-for="col in props.cols" :key="col.name" :props="props">
-            {{ col.name === 'state' ? getStatusText(col.value) : col.value }}
+            <template v-if="col.name === 'identity'">
+              <q-chip
+                v-if="props.row?.concernedTo?.name"
+                @click="open(`/identities?read=${props.row?.concernedTo?.id}&skip=0&limit=16&sort[metadata.lastUpdatedAt]=desc`)"
+                icon="mdi-account"
+                clickable
+                dense
+              >
+                {{ props.row.concernedTo?.name }}
+              </q-chip>
+              <span v-else>Inconnu</span>
+            </template>
+            <template v-else-if="col.name === 'state'">
+              <span>{{ col.name === 'state' ? getStatusText(col.value) : col.value }}</span>
+            </template>
+            <template v-else>
+              <span>{{ col.value || col.field(props.row) || '' }}</span>
+            </template>
           </q-td>
           <q-td class="text-center" auto-width>
             <q-btn size="sm" :disable="!props.row?.result" :color="getColorState(props.row.state)" round dense @click="expandRow(props)" :icon="getIconState(props.row.state)" />
@@ -48,7 +65,7 @@ const columns = [
   {
     name: 'identity',
     title: 'Identité',
-    field: (row) => row?.concernedTo?.name,
+    field: (row) => row?.concernedTo || {},
     align: 'left',
     label: 'Identité',
   },
@@ -125,6 +142,10 @@ function push(path) {
   router.push(path)
 }
 
+function open(path) {
+  window.open(path, '_blank')
+}
+
 function expandRow(props) {
   expanded.value = expanded.value.includes(props.row.jobId) ? [] : [props.row.jobId]
   // props.expand = !props.expand

src/pages/lifecycles/table.vue

@@ -28,7 +28,16 @@
             v-for="col in props.cols.filter(c => c.name !== 'expand')"
             :key="col.name"
             :props="props"
-          ) {{ col.value }}
+          )
+            template(v-if="col.name === 'identity'")
+              q-chip(
+                v-if="props.row?.refId?.inetOrgPerson?.cn"
+                @click="push(`/identities?read=${props.row.refId._id}&skip=0&limit=16&sort[metadata.lastUpdatedAt]=desc`)"
+                icon="mdi-account" clickable dense
+              ) {{ props.row?.refId?.inetOrgPerson?.cn }}
+              span(v-else) Inconnu
+            template(v-else)
+              span {{ col.value || col.field(props.row) || "" }}
           q-td.text-center(auto-width)
             q-btn(
               @click="expandRow(props)"
@@ -71,17 +80,16 @@ export default {
           name: 'identity',
           align: 'center',
           label: 'Identité(e)',
-          field: (row) => row?.refId?.inetOrgPerson?.cn || '<Inconnu>',
-          format: (cn) => `${cn}`,
+          field: (row) => row?.refId || {},
           sortable: true,
         },
         {
           name: 'lifecycle',
           required: true,
-          label: 'Cycle',
+          label: 'Cycle déclanché',
           align: 'left',
           field: (row) => row.lifecycle,
-          format: (lifecycle) => `${lifecycle}`,
+          format: (lifecycle) => `${this.cycleToText(lifecycle)}`,
           sortable: true,
         },
         {
@@ -97,6 +105,8 @@ export default {
     }
   },
   async setup() {
+    const router = useRouter()
+
     const {
       data: rows,
       pending,
@@ -106,9 +116,14 @@ export default {
       method: 'GET',
       transform: (context: { statusCode: number; data: any[] }) => context?.data || [],
     })
+
     return {
       rows,
       pending,
+      error,
+      refresh,
+
+      router,
     }
   },
   computed: {
@@ -144,6 +159,26 @@ export default {
       this.expanded = this.expanded.includes(props.row._id) ? [] : [props.row._id]
       // props.expand = !props.expand
     },
+    cycleToText(cycle) {
+      switch (cycle) {
+        case IdentityLifecycle.DELETED:
+          return 'Suppression'
+        case IdentityLifecycle.INACTIVE:
+          return 'Inactif'
+        case IdentityLifecycle.PROVISIONAL:
+          return 'Provisionnel'
+        case IdentityLifecycle.ACTIVE:
+          return 'Actif'
+        case IdentityLifecycle.OFFICIAL:
+          return 'Officiel'
+
+        default:
+          return 'Inconnu'
+      }
+    },
+    push(path) {
+      window.open(path, '_blank')
+    },
   },
   onMounted() {
     this.$nextTick(() => {