arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-29 19:30:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

Closing modal after signijg

Browse Source
This commit is contained in:
Arthur Danjou
2023-12-14 22:22:52 +01:00
parent 114eab1fea
commit 8a97c26b43
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/guestbook.vue
View File

@@ -17,6 +17,7 @@ async function sign() {
if (messageContent.value.length < 7 || messageContent.value.length > 58) if (messageContent.value.length < 7 || messageContent.value.length > 58)
return return
isOpen.value = false
await $fetch('/api/message', { await $fetch('/api/message', {
method: 'post', method: 'post',
body: { body: {
@@ -42,7 +43,6 @@ async function deleteMessage(id: number) {
if (!user.value.admin) if (!user.value.admin)
return return
isOpen.value = false
await $fetch('/api/message', { await $fetch('/api/message', {
method: 'delete', method: 'delete',
body: { body: {
@@ -67,7 +67,7 @@ async function deleteMessage(id: number) {
<template> <template>
<section class="w-container lg:mt-24 my-8"> <section class="w-container lg:mt-24 my-8">
<div class="max-w-2xl space-y-8 mb-16"> <div class="max-w-2xl space-y-8 md:mb-16 mb-8">
<h1 class="text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl !leading-tight"> <h1 class="text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl !leading-tight">
You want to leave a message ? You want to leave a message ?
</h1> </h1>
@@ -75,13 +75,19 @@ async function deleteMessage(id: number) {
Your opinion means a lot to me. Feel free to share your impressions of my projects, explore my site, or simply leave a personalised message. Your comments are a source of inspiration and continuous improvement. Thank you for taking the time to contribute to this virtual community. I look forward to reading what you have to share! Your opinion means a lot to me. Feel free to share your impressions of my projects, explore my site, or simply leave a personalised message. Your comments are a source of inspiration and continuous improvement. Thank you for taking the time to contribute to this virtual community. I look forward to reading what you have to share!
</p> </p>
</div> </div>
<UButton class="mb-8" label="Want to sign my book ?" icon="i-ph-circle-wavy-question-bold" @click.prevent="isOpen = true" /> <div class="flex justify-center md:justify-start">
<UButton
class="mb-8 md:mb-16"
label="Want to sign my book ?"
icon="i-ph-circle-wavy-question-bold"
@click.prevent="isOpen = true"
/>
</div>
<UModal v-model="isOpen"> <UModal v-model="isOpen">
<UCard> <UCard>
<template #header> <template #header>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<UIcon name="i-ph-circle-wavy-question-bold" class="text-subtitle text-xl" />
<h1 class="text-md font-bold"> <h1 class="text-md font-bold">
Enter just below your message to sign my book Enter just below your message to sign my book
</h1> </h1>
@@ -116,7 +122,7 @@ async function deleteMessage(id: number) {
Logout Logout
</UButton> </UButton>
</div> </div>
<div v-else class="flex gap-2"> <div v-else class="flex gap-2 justify-center">
<UButton <UButton
v-for="provider in providers" v-for="provider in providers"
:key="provider.slug" :key="provider.slug"