Refining the speech-to-text conversion structure
This commit is contained in:
@@ -9,6 +9,7 @@ import ExcelImportFlow from '@/components/ExcelImportFlow.vue';
|
||||
import PhoneContactsImport from '@/components/PhoneContactsImport.vue';
|
||||
import {
|
||||
UiButton,
|
||||
UiDropdownMenu,
|
||||
UiModal,
|
||||
UiPageHeader,
|
||||
UiPagination,
|
||||
@@ -372,9 +373,27 @@ onMounted(load);
|
||||
<RouterLink class="name" :to="{ name: 'person-detail', params: { id: p.id } }">
|
||||
{{ p.fullName }}
|
||||
</RouterLink>
|
||||
<button class="more" type="button" @click.stop="menuId = menuId === p.id ? null : p.id">
|
||||
<UiIcon name="dots-v" :size="16" />
|
||||
</button>
|
||||
<UiDropdownMenu
|
||||
:open="menuId === p.id"
|
||||
align="end"
|
||||
@update:open="(v) => (menuId = v ? p.id : null)"
|
||||
>
|
||||
<template #trigger="{ toggle }">
|
||||
<button class="more" type="button" @click.stop="toggle">
|
||||
<UiIcon name="dots-v" :size="16" />
|
||||
</button>
|
||||
</template>
|
||||
<RouterLink :to="{ name: 'person-detail', params: { id: p.id } }">پرونده</RouterLink>
|
||||
<RouterLink :to="{ name: 'person-edit', params: { id: p.id } }">ویرایش</RouterLink>
|
||||
<button
|
||||
v-for="mood in PERSON_MOODS"
|
||||
:key="mood"
|
||||
type="button"
|
||||
@click.stop="setMoodFor(p, mood)"
|
||||
>
|
||||
{{ moodLabel(mood) }}
|
||||
</button>
|
||||
</UiDropdownMenu>
|
||||
</div>
|
||||
<p class="role">
|
||||
{{ [p.position, p.company?.name].filter(Boolean).join(' • ') || 'بدون سمت' }}
|
||||
@@ -389,17 +408,6 @@ onMounted(load);
|
||||
</p>
|
||||
<span class="badge" :class="moodOf(p)">{{ moodLabel(moodOf(p)) }}</span>
|
||||
</div>
|
||||
<ul v-if="menuId === p.id" class="menu row-menu">
|
||||
<li>
|
||||
<RouterLink :to="{ name: 'person-detail', params: { id: p.id } }">پرونده</RouterLink>
|
||||
</li>
|
||||
<li>
|
||||
<RouterLink :to="{ name: 'person-edit', params: { id: p.id } }">ویرایش</RouterLink>
|
||||
</li>
|
||||
<li v-for="mood in PERSON_MOODS" :key="mood">
|
||||
<button type="button" @click.stop="setMoodFor(p, mood)">{{ moodLabel(mood) }}</button>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
@@ -449,21 +457,28 @@ onMounted(load);
|
||||
</span>
|
||||
</td>
|
||||
<td>{{ formatDate(p.createdAt) }}</td>
|
||||
<td class="ops">
|
||||
<button type="button" class="more" @click.stop="menuId = menuId === p.id ? null : p.id">
|
||||
<UiIcon name="dots-v" :size="16" />
|
||||
</button>
|
||||
<ul v-if="menuId === p.id" class="menu row-menu">
|
||||
<li>
|
||||
<RouterLink :to="{ name: 'person-detail', params: { id: p.id } }">پرونده</RouterLink>
|
||||
</li>
|
||||
<li>
|
||||
<RouterLink :to="{ name: 'person-edit', params: { id: p.id } }">ویرایش</RouterLink>
|
||||
</li>
|
||||
<li v-for="mood in PERSON_MOODS" :key="mood">
|
||||
<button type="button" @click.stop="setMoodFor(p, mood)">{{ moodLabel(mood) }}</button>
|
||||
</li>
|
||||
</ul>
|
||||
<td class="ops" @click.stop>
|
||||
<UiDropdownMenu
|
||||
:open="menuId === p.id"
|
||||
align="end"
|
||||
@update:open="(v) => (menuId = v ? p.id : null)"
|
||||
>
|
||||
<template #trigger="{ toggle }">
|
||||
<button type="button" class="more" @click.stop="toggle">
|
||||
<UiIcon name="dots-v" :size="16" />
|
||||
</button>
|
||||
</template>
|
||||
<RouterLink :to="{ name: 'person-detail', params: { id: p.id } }">پرونده</RouterLink>
|
||||
<RouterLink :to="{ name: 'person-edit', params: { id: p.id } }">ویرایش</RouterLink>
|
||||
<button
|
||||
v-for="mood in PERSON_MOODS"
|
||||
:key="mood"
|
||||
type="button"
|
||||
@click.stop="setMoodFor(p, mood)"
|
||||
>
|
||||
{{ moodLabel(mood) }}
|
||||
</button>
|
||||
</UiDropdownMenu>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -1005,12 +1020,6 @@ strong.newcomer {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.row-menu {
|
||||
inset-inline-start: auto;
|
||||
inset-inline-end: 0;
|
||||
top: 2.4rem;
|
||||
}
|
||||
|
||||
.empty {
|
||||
margin: 0;
|
||||
padding: 1.4rem;
|
||||
|
||||
Reference in New Issue
Block a user