Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added actions / cancel to alert modals

Browse Source
This commit is contained in:
Alexis
2024-06-05 22:56:41 +02:00
parent edeaaa1e19
commit 05f5c5a92c
2 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/calendar/form/DeleteEvent.vue
View File

@@ -17,7 +17,7 @@ watch(isDeleteEventModalOpen, (hasOpened, _o) => {
} }
}) })
async function handleSubmit() { async function handleAction() {
try { try {
await deleteEventFromSkeleton() await deleteEventFromSkeleton()
@@ -46,21 +46,24 @@ async function handleSubmit() {
Les données associés à cet évènement seront supprimées et vous ne pourrez plus les récupérer ! Les données associés à cet évènement seront supprimées et vous ne pourrez plus les récupérer !
</UiAlertDialogDescription> </UiAlertDialogDescription>
<form @submit.prevent="handleSubmit"> <form>
<div class="grid grid-cols-2 gap-y-4"> <div class="grid grid-cols-2 gap-y-4">
<div class="text-red-500 ml-8"> <div class="text-red-500 ml-8">
<span class="text-sm"> <span class="text-sm">
{{ formErrors.message }} {{ formErrors.message }}
</span> </span>
</div> </div>
<div class="text-right">
<UiButton size="sm" type="submit" variant="destructive">
Supprimer
</UiButton>
</div>
</div> </div>
</form> </form>
<UiAlertDialogFooter>
<UiAlertDialogCancel>
Annuler
</UiAlertDialogCancel>
<UiAlertDialogAction class="destructive" @click="handleAction">
Supprimer
</UiAlertDialogAction>
</UiAlertDialogFooter>
</UiAlertDialogContent> </UiAlertDialogContent>
</UiAlertDialog> </UiAlertDialog>
</template> </template>

21
components/calendar/form/UpdateEvent.vue
View File

@@ -20,7 +20,7 @@ watch(isEditEventModalOpen, (hasOpened, _o) => {
} }
}) })
async function handleSubmit() { async function handleAction() {
try { try {
await updateEventFromSkeleton() await updateEventFromSkeleton()
@@ -51,7 +51,7 @@ async function handleSubmit() {
</UiAlertDialogDescription> </UiAlertDialogDescription>
</VisuallyHidden> </VisuallyHidden>
<form @submit.prevent="handleSubmit"> <form>
<div class="grid grid-cols-2 gap-y-4"> <div class="grid grid-cols-2 gap-y-4">
<div class="col-span-2 ml-8"> <div class="col-span-2 ml-8">
<input <input
@@ -100,17 +100,16 @@ async function handleSubmit() {
{{ formErrors.message }} {{ formErrors.message }}
</span> </span>
</div> </div>
<div class="flex gap-2 justify-end">
<UiButton size="sm" type="button" variant="secondary">
Annuler
</UiButton>
<UiButton size="sm" type="submit">
Sauvegarder
</UiButton>
</div>
</div> </div>
</form> </form>
<UiAlertDialogFooter>
<UiAlertDialogCancel>
Annuler
</UiAlertDialogCancel>
<UiAlertDialogAction @click="handleAction">
Sauvegarder
</UiAlertDialogAction>
</UiAlertDialogFooter>
</UiAlertDialogContent> </UiAlertDialogContent>
</UiAlertDialog> </UiAlertDialog>
</template> </template>