Skip to content

Commit 1be2080

Browse files
committed
refactor: improve identities table layout and interaction
- Adjusted tooltip positioning for better visibility. - Enhanced identity display logic with conditional rendering for new identities. - Added clickable identity names for navigation and included a chip to indicate identity type. - Improved layout responsiveness and spacing for a cleaner user interface.
1 parent 82ae250 commit 1be2080

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

apps/web/src/pages/identities/table/[_id].vue

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,15 @@
22
q-card.flex.column.fit.absolute(flat)
33
q-toolbar.bg-transparent.q-pa-none(style='border-radius: 0;')
44
q-btn.icon(stretch icon='mdi-arrow-left' flat @click='navigateToTab(`/identities/table`)')
5-
q-tooltip.text-body2(anchor="top middle" self="center middle") Retour à la liste des identités
5+
q-tooltip.text-body2(anchor="top middle" self="bottom middle") Retour à la liste des identités
66
q-separator(v-for='_ in 2' :key='_' vertical)
7-
sesame-pages-identities-states-info.q-mx-sm(:identity='identity')
8-
q-toolbar-title.q-pa-none.cursor-pointer(@click='navigateToTab(`/identities/table/${identity._id}`)')
7+
sesame-pages-identities-states-info.q-ml-sm(v-if='!isNew' :identity='identity')
8+
q-toolbar-title.q-ml-sm.q-pa-none
99
span(v-if='isNew') Nouvelle identitée
10-
span(v-else v-text='identity?.inetOrgPerson?.cn || "Identité sans nom"')
10+
span.cursor-pointer(v-else @click='navigateToTab(`/identities/table/${identity._id}`)' v-text='identity?.inetOrgPerson?.cn || "Identité sans nom"')
11+
q-chip.q-ml-sm(v-if='!isNew' color='grey-8' text-color='white' size='xs')
12+
q-tooltip.text-body2(slot="trigger") Type d'identitée
13+
b(v-text='identity?.inetOrgPerson?.employeeType')
1114
q-tabs.full-height(:model-value='tab' v-if='!isSmall && !isNew')
1215
template(v-for="tab in tabs" :key="tab.name")
1316
q-separator.q-mx-xs(v-if="tab.type === 'separator'" inset vertical)

0 commit comments

Comments
 (0)