Refactor code to use optional chaining for accessing nested properties

Author: tacxou

src/components/2pan/index.vue

@@ -311,13 +311,19 @@ const getTitle = computed(() => {
   return Object.values(valuesList).join(' ')
 })
 
+function clearSelected() {
+  selected.value = []
+}
+
 defineExpose({
   cancel,
   create,
   read,
   update,
   remove,
   refresh,
+  selected,
+  clearSelected,
 })
 
 onMounted(async () => {

src/components/appbar/RightButtons.vue

@@ -2,7 +2,8 @@
 div
   //q-btn(v-for="button in buttons" :key="button.icon" round flat :icon="button.icon" size="md").q-mx-sm
     q-tooltip.text-body2(transition-show="scale" transition-hide="scale") {{ button.name }}
-  q-btn-dropdown(icon="mdi-account-circle-outline" round flat size="md")
+  q-btn(icon="mdi-sync" square color="amber-9" size="md" :label="badgesValues.TO_SYNC +' items à Synchroniser'" @click="syncAll")
+  q-btn-dropdown(icon="mdi-account-circle-outline" :label="auth?.user?.displayName" round flat size="md")
     q-list
       q-item.q-pa-none(v-for="button in buttons" :key="button.name")
         q-btn.full-width.items-baseline.q-pa-sm(
@@ -17,7 +18,17 @@ div
 </template>
 
 <script lang="ts" setup>
+import { useIdentityStateStore } from "~/stores/identityState"
+
+
+const identityStateStore = useIdentityStateStore()
+
+const badgesValues = ref({
+  TO_SYNC: computed(() => (identityStateStore.getToSyncCount > 9999 ? '9999+' : identityStateStore.getToSyncCount)),
+})
+
 const auth = useAuth()
+console.log(auth)
 const buttons = [
   // {
   //   icon: 'mdi-cog',
@@ -44,4 +55,15 @@ const buttons = [
     },
   },
 ]
+
+async function syncAll() {
+  await useHttp('/core/backends/syncall', {
+    method: 'POST',
+    params: {
+      async: true,
+    },
+  })
+  await identityStateStore.fetchToSyncCount()
+  await identityStateStore.fetchSyncedCount()
+}
 </script>

src/components/identityForm/actions.vue

@@ -5,7 +5,7 @@ div
   q-btn.q-mx-xs(@click="sync" color="primary" v-if="identity" :disabled="props.identity.state != IdentityState.TO_VALIDATE" icon="mdi-sync")
     q-tooltip.text-body2(slot="trigger" v-if="props.identity.state == IdentityState.TO_VALIDATE") Synchroniser l'identité
     q-tooltip.text-body2(slot="trigger" v-else) L'état de l'identité ne permet pas de la synchroniser
-  q-btn.q-mx-xs(@click="logs" color="primary" icon="mdi-file-document")
+  q-btn.q-mx-xs(@click="logs" color="primary" icon="mdi-file-document" :href="'/jobs?filters[:concernedTo.id]=' + props.identity._id")
     q-tooltip.text-body2(slot="trigger") Voir les logs de l'identité
 </template>
 

src/components/table/top-left.vue

@@ -31,6 +31,7 @@ const props = defineProps({
 })
 
 const emit = defineEmits(['updateLifestep', 'clear', 'refresh'])
+const { getToSyncCount, fetchAllStateCount } = useIdentityStateStore()
 
 const { getStateName } = useIdentityStates()
 const { getStateValue } = useIdentityStateStore()
@@ -111,6 +112,7 @@ async function updateIdentity(identities, state: IdentityState) {
     message: `Les identités ont été mises à jour avec succès`,
     color: 'positive',
   })
+  await fetchAllStateCount()
   emit('refresh')
   emit('clear')
 }

src/pages/identities/index.vue

@@ -24,7 +24,7 @@ div
       q-icon(name="mdi-circle" :color="getStateColor(props.target.state)" :class="`q-mr-xs`")
         q-tooltip.text-body2(slot="trigger") {{ getStateName(props.target.state) }}
     template(#top-left-btn-grp="{selectedValues}")
-      sesame-table-top-left(:selected="selectedValues" @refresh="refresh" @clear="selected = []")
+      sesame-table-top-left(:selected="selectedValues" @refresh="refresh" @clear="clearSelected")
     template(#body-cell-states="props")
       sesame-table-state-col(:identity="props.row")
     template(#right-panel-actions-content-after="{target}")
@@ -49,9 +49,12 @@ import type { components, operations } from '#build/types/service-api'
 import { useErrorHandling } from '#imports'
 import { useIdentityStates } from '~/composables'
 import { identity } from '@vueuse/core'
+import { useIdentityStateStore } from "~/stores/identityState"
 type Identity = components['schemas']['IdentitiesDto']
 type Response = operations['IdentitiesController_search']['responses']['200']['content']['application/json']
 
+const identityStateStore = useIdentityStateStore()
+
 defineOptions({
   name: 'Identities',
 })
@@ -68,8 +71,9 @@ onMounted(() => {
   initializePagination(identities.value?.total)
 })
 
-function refreshTarget(target: Identity) {
+async function refreshTarget(target: Identity) {
   twopan.value.read(target)
+  await identityStateStore.fetchToSyncCount()
   refreshEvent()
 }
 
@@ -101,6 +105,10 @@ const { columns, visibleColumns, columnsType } = useColumnsIdentites()
 
 const selected = ref([])
 
+function clearSelected() {
+  (twopan as any).value.clearSelected()
+}
+
 function refreshEvent() {
   refresh()
   selected.value = []