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

refactor: add hideInputEn and hideIcon

Browse source
This commit is contained in:
Net 2024-09-20 14:21:30 +07:00
parent 4c29d154e6
commit 7d8cd9fa28
1 changed files with 16 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/components/form/AddressForm.vue
View file

@ -22,6 +22,8 @@ defineProps<{
indexId?: number;
prefixId: string;
hideTitle?: boolean;
hideInputEn?: boolean;
hideIcon?: boolean;
useEmployment?: boolean;
useWorkPlace?: boolean;
@ -323,10 +325,13 @@ watch(districtId, fetchSubDistrict);
:for="`${prefixId}-${indexId !== undefined ? `input-address-${indexId}` : 'input-address'}`"
/>
</div>
<div class="col-12 app-text-muted-2">
<q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
{{ addressTitle || $t('form.address') }}
</div>
<template v-if="!hideIcon">
<div class="col-12 app-text-muted-2">
<q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
{{ addressTitle || $t('form.address') }}
</div>
</template>
<div class="col-12 row q-col-gutter-sm">
<div class="row col-12" v-if="useWorkPlace">
<q-input
@ -555,12 +560,13 @@ watch(districtId, fetchSubDistrict);
:for="`${prefixId}-${indexId !== undefined ? `input-full-address-${indexId}` : 'input-full-address'}`"
/>
</div>
<div class="col-12 app-text-muted-2">
<q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
{{ addressTitleEN || $t('form.address', { suffix: '(EN)' }) }}
</div>
<div class="col-12 row q-col-gutter-sm">
<template v-if="!hideIcon">
<div class="col-12 app-text-muted-2" v-if="!hideInputEn">
<q-icon size="xs" class="q-mr-xs" name="mdi-map-marker-outline" />
{{ addressTitleEN || $t('form.address', { suffix: '(EN)' }) }}
</div>
</template>
<div class="col-12 row q-col-gutter-sm" v-if="!hideInputEn">
<div class="row col-12" v-if="useWorkPlace">
<q-input
outlined