chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: use expansion
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 8s
Details

Browse source
This commit is contained in:
Thanaphon Frappet 2025-03-18 09:21:10 +07:00
parent 200bdb8f23
commit 0091cedb59
1 changed files with 17 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/pages/00_manual/MainPage.vue
View file

@ -10,6 +10,7 @@ import { useRouter } from 'vue-router';
import { useManualStore } from 'src/stores/manual'; import { useManualStore } from 'src/stores/manual';
import { useNavigator } from 'src/stores/navigator'; import { useNavigator } from 'src/stores/navigator';
import Expansion from 'src/components/14_report/Expansion.vue';
// NOTE: Variable // NOTE: Variable
const manualStore = useManualStore(); const manualStore = useManualStore();
@ -37,25 +38,23 @@ onMounted(async () => {
<div <div
class="column full-height no-wrap surface-1 rounded bordered overflow-hidden q-pa-sm" class="column full-height no-wrap surface-1 rounded bordered overflow-hidden q-pa-sm"
> >
<section class="scroll"> <section class="scroll q-gutter-y-sm">
<template v-for="v in dataManual"> <Expansion v-for="v in dataManual">
<q-item clickable dense class="items-center rounded"> <template #header>
{{ v.label }} {{ $i18n.locale === 'eng' ? v.labelEN : v.label }}
</q-item>
<template v-if="v.page">
<div class="q-pl-md">
<q-item
v-for="x in v.page"
clickable
dense
class="dot items-center rounded"
@click="() => navigateTo(`/manual/${v.category}/${x.name}`)"
>
{{ x.label }}
</q-item>
</div>
</template> </template>
</template> <template #main>
<q-item
v-for="x in v.page"
clickable
dense
class="dot items-center rounded"
@click="() => navigateTo(`/manual/${v.category}/${x.name}`)"
>
{{ $i18n.locale === 'eng' ? x.labelEN : x.label }}
</q-item>
</template>
</Expansion>
</section> </section>
</div> </div>
</template> </template>