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

fix: form & drawer hide action

Browse source
This commit is contained in:
puriphatt 2024-08-09 02:10:06 +00:00
parent 187ae5fb1f
commit 99a28782dc
2 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/DialogForm.vue
View file

@ -17,7 +17,7 @@ defineProps<{
badgeLabel?: string; badgeLabel?: string;
customerLabel?: string; customerLabel?: string;
badgeClass?: string; badgeClass?: string;
noFooter?: boolean; hideFooter?: boolean;
noAppBox?: boolean; noAppBox?: boolean;
noPaddingTab?: boolean; noPaddingTab?: boolean;
maxWidth?: string; maxWidth?: string;
@ -203,7 +203,7 @@ const currentTab = defineModel<string>('currentTab');
<!-- footer --> <!-- footer -->
<div <div
v-if="!noFooter" v-if="!hideFooter"
class="form-footer row items-center full-width justify-between q-px-md q-py-md surface-1" class="form-footer row items-center full-width justify-between q-px-md q-py-md surface-1"
style="z-index: 3" style="z-index: 3"
> >

13
src/components/DrawerInfo.vue
View file

@ -18,7 +18,7 @@ withDefaults(
badgeLabel?: string; badgeLabel?: string;
badgeClass?: string; badgeClass?: string;
bgColor?: string; bgColor?: string;
showEdit?: boolean; hideAction?: boolean;
editData?: (...args: unknown[]) => void; editData?: (...args: unknown[]) => void;
deleteData?: (...args: unknown[]) => void; deleteData?: (...args: unknown[]) => void;
submit?: (...args: unknown[]) => void; submit?: (...args: unknown[]) => void;
@ -27,7 +27,7 @@ withDefaults(
beforeClose?: (...args: unknown[]) => boolean; beforeClose?: (...args: unknown[]) => boolean;
}>(), }>(),
{ {
showEdit: true, hideAction: false,
}, },
); );
@ -70,7 +70,7 @@ function reset() {
> >
<!-- header --> <!-- header -->
<div class="bordered-b q-pa-lg row items-center"> <div class="bordered-b q-pa-lg row items-center">
<div v-if="showEdit"> <div v-if="!hideAction">
<div v-if="isEdit" class="row"> <div v-if="isEdit" class="row">
<UndoButton <UndoButton
class="q-mr-md" class="q-mr-md"
@ -78,7 +78,7 @@ function reset() {
iconOnly iconOnly
@click="undo" @click="undo"
/> />
<div style="width: 36.8px"></div> <div style="width: 38.8px"></div>
</div> </div>
<div v-else class="row"> <div v-else class="row">
<EditButton <EditButton
@ -90,6 +90,7 @@ function reset() {
<DeleteButton id="btn-info-delete" iconOnly @click="deleteData" /> <DeleteButton id="btn-info-delete" iconOnly @click="deleteData" />
</div> </div>
</div> </div>
<div v-else style="width: 38.8px"></div>
<div class="col text-weight-bold text-center"> <div class="col text-weight-bold text-center">
<text <text
@ -119,7 +120,7 @@ function reset() {
</text> </text>
</div> </div>
<div class="q-mr-md" style="width: 36.8px"></div> <div v-if="!hideAction" class="q-mr-md" style="width: 38.8px"></div>
<CancelButton <CancelButton
icon-only icon-only
id="btn-info-close" id="btn-info-close"
@ -149,7 +150,7 @@ function reset() {
<SaveButton <SaveButton
class="q-ml-md" class="q-ml-md"
id="btn-info-save" id="btn-info-save"
v-if="isEdit" v-if="isEdit && !hideAction"
type="submit" type="submit"
solid solid
/> />