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