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

fix: use share button in drawer info

Browse source
This commit is contained in:
puriphatt 2024-08-08 04:59:57 +00:00
parent 6b790573e9
commit 64f9c80a88
1 changed files with 27 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

96
src/components/DrawerInfo.vue
View file

@ -1,5 +1,12 @@
<script setup lang="ts">
import { ref } from 'vue';
import {
EditButton,
DeleteButton,
CancelButton,
SaveButton,
UndoButton,
} from 'src/components/button';
withDefaults(
defineProps<{
@ -65,41 +72,22 @@ function reset() {
<div class="bordered-b q-pa-lg row items-center">
<div v-if="showEdit">
<div v-if="isEdit" class="row">
<q-btn
round
flat
id="closeDialog"
icon="mdi-arrow-left"
padding="xs"
<UndoButton
class="q-mr-md"
:class="{ dark: $q.dark.isActive }"
style="color: var(--brand-1)"
id="btn-info-undo"
iconOnly
@click="undo"
/>
<div style="width: 31.98px"></div>
<div style="width: 36.8px"></div>
</div>
<div v-else>
<q-btn
round
flat
id="editDialog"
icon="mdi-pencil-outline"
padding="xs"
<div v-else class="row">
<EditButton
id="btn-info-edit"
class="q-mr-md"
:class="{ dark: $q.dark.isActive }"
style="color: var(--brand-1)"
iconOnly
@click="editData"
/>
<q-btn
round
flat
id="deleteDialog"
icon="mdi-trash-can-outline"
padding="xs"
:class="{ dark: $q.dark.isActive }"
style="color: hsl(var(--negative-bg))"
@click="deleteData"
/>
<DeleteButton id="btn-info-delete" iconOnly @click="deleteData" />
</div>
</div>
@ -131,22 +119,17 @@ function reset() {
</text>
</div>
<div style="width: 31.98px"></div>
<q-btn
round
flat
id="closeDialog"
icon="mdi-close"
padding="xs"
class="close-btn"
:class="{ dark: $q.dark.isActive }"
type="reset"
<div class="q-mr-md" style="width: 36.8px"></div>
<CancelButton
icon-only
id="btn-info-cancel"
@click="
() => {
drawerOpen = beforeClose ? beforeClose() : !drawerOpen;
close?.();
}
"
type="reset"
resetValidation
/>
</div>
@ -161,39 +144,14 @@ function reset() {
</div>
<!-- footer -->
<div
class="bordered-t q-pr-lg row items-center justify-end q-gutter-x-lg q-py-md"
>
<q-btn
<div class="bordered-t q-pr-lg row items-center justify-end q-py-md">
<CancelButton id="btn-info-cancel" outlined @click="close" />
<SaveButton
class="q-ml-md"
id="btn-info-save"
v-if="isEdit"
id="cancelBtn"
unelevated
class="btn-cancel-dialog"
color="grey-4"
type="reset"
text-color="grey-10"
@click="close"
:label="$t('cancel')"
/>
<q-btn
v-if="isEdit"
dense
unelevated
id="submitBtn"
type="submit"
color="primary"
class="q-px-md"
:label="$t('save')"
/>
<q-btn
v-else
dense
unelevated
id="okBtn"
color="primary"
class="q-px-md"
:label="$t('agree')"
@click="close"
solid
/>
</div>
</div>