coba generate
This commit is contained in:
parent
3f50bec600
commit
db7704c1dd
@ -147,149 +147,6 @@
|
|||||||
</client-only>
|
</client-only>
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<!-- <div class="dropdown shrink-0">
|
|
||||||
<client-only>
|
|
||||||
<Popper :placement="store.rtlClass === 'rtl' ? 'bottom-start' : 'bottom-end'" offsetDistance="8">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="block rounded-full bg-white-light/40 p-2 hover:bg-white-light/90 hover:text-primary dark:bg-dark/40 dark:hover:bg-dark/60"
|
|
||||||
>
|
|
||||||
<icon-mail-dot />
|
|
||||||
</button>
|
|
||||||
<template #content="{ close }">
|
|
||||||
<ul class="top-11 w-[300px] !py-0 text-xs text-dark dark:text-white-dark sm:w-[375px]">
|
|
||||||
<li class="mb-5">
|
|
||||||
<div class="relative overflow-hidden rounded-t-md !p-5 text-white">
|
|
||||||
<div
|
|
||||||
class="absolute inset-0 h-full w-full bg-[url('/assets/images/menu-heade.jpg')] bg-cover bg-center bg-no-repeat"
|
|
||||||
></div>
|
|
||||||
<h4 class="relative z-10 text-lg font-semibold">Messages</h4>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<template v-for="msg in messages" :key="msg.id">
|
|
||||||
<li>
|
|
||||||
<div class="flex items-center px-5 py-3">
|
|
||||||
<div v-html="msg.image"></div>
|
|
||||||
<span class="px-3 dark:text-gray-500">
|
|
||||||
<div class="text-sm font-semibold dark:text-white-light/90" v-text="msg.title"></div>
|
|
||||||
<div v-text="msg?.message"></div>
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
class="whitespace-pre rounded bg-white-dark/20 px-1 font-semibold text-dark/60 ltr:ml-auto ltr:mr-2 rtl:ml-2 rtl:mr-auto dark:text-white-dark"
|
|
||||||
v-text="msg.time"
|
|
||||||
></span>
|
|
||||||
<button type="button" class="text-neutral-300 hover:text-danger" @click="removeMessage(msg.id)">
|
|
||||||
<icon-x-circle />
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</template>
|
|
||||||
<template v-if="messages.length">
|
|
||||||
<li class="mt-5 border-t border-white-light text-center dark:border-white/10">
|
|
||||||
<div
|
|
||||||
class="group flex cursor-pointer items-center justify-center px-5 py-4 font-semibold text-primary dark:text-gray-400"
|
|
||||||
@click="close()"
|
|
||||||
>
|
|
||||||
<span class="group-hover:underline ltr:mr-1 rtl:ml-1">VIEW ALL ACTIVITIES</span>
|
|
||||||
|
|
||||||
<icon-arrow-left class="transition duration-300 group-hover:translate-x-1 ltr:ml-1 rtl:mr-1" />
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</template>
|
|
||||||
<template v-if="!messages.length">
|
|
||||||
<li class="mb-5">
|
|
||||||
<div class="!grid min-h-[200px] place-content-center text-lg hover:!bg-transparent">
|
|
||||||
<div class="mx-auto mb-4 rounded-full text-primary ring-4 ring-primary/30">
|
|
||||||
<icon-info-circle :fill="true" class="h-10 w-10" />
|
|
||||||
</div>
|
|
||||||
No data available.
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</template>
|
|
||||||
</ul>
|
|
||||||
</template>
|
|
||||||
</Popper>
|
|
||||||
</client-only>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<!-- <div class="dropdown shrink-0">
|
|
||||||
<client-only>
|
|
||||||
<Popper :placement="store.rtlClass === 'rtl' ? 'bottom-end' : 'bottom-start'" offsetDistance="8">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="relative block rounded-full bg-white-light/40 p-2 hover:bg-white-light/90 hover:text-primary dark:bg-dark/40 dark:hover:bg-dark/60"
|
|
||||||
>
|
|
||||||
<icon-bell-bing />
|
|
||||||
|
|
||||||
<span class="absolute top-0 flex h-3 w-3 ltr:right-0 rtl:left-0">
|
|
||||||
<span
|
|
||||||
class="absolute -top-[3px] inline-flex h-full w-full animate-ping rounded-full bg-success/50 opacity-75 ltr:-left-[3px] rtl:-right-[3px]"
|
|
||||||
></span>
|
|
||||||
<span class="relative inline-flex h-[6px] w-[6px] rounded-full bg-success"></span>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
<template #content="{ close }">
|
|
||||||
<ul class="w-[300px] divide-y !py-0 text-dark dark:divide-white/10 dark:text-white-dark sm:w-[350px]">
|
|
||||||
<li>
|
|
||||||
<div class="flex items-center justify-between px-4 py-2 font-semibold">
|
|
||||||
<h4 class="text-lg">Notification</h4>
|
|
||||||
<template v-if="notifications.length">
|
|
||||||
<span class="badge bg-primary/80" v-text="notifications.length + 'New'"></span>
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<template v-for="notification in notifications" :key="notification.id">
|
|
||||||
<li class="dark:text-white-light/90">
|
|
||||||
<div class="group flex items-center px-4 py-2">
|
|
||||||
<div class="grid place-content-center rounded">
|
|
||||||
<div class="relative h-12 w-12">
|
|
||||||
<img
|
|
||||||
class="h-12 w-12 rounded-full object-cover"
|
|
||||||
:src="`/assets/images/${notification.profile}`"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
<span class="absolute bottom-0 right-[6px] block h-2 w-2 rounded-full bg-success"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex flex-auto ltr:pl-3 rtl:pr-3">
|
|
||||||
<div class="ltr:pr-3 rtl:pl-3">
|
|
||||||
<h6 v-html="notification?.message"></h6>
|
|
||||||
<span class="block text-xs font-normal dark:text-gray-500" v-text="notification.time"></span>
|
|
||||||
</div>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="text-neutral-300 opacity-0 hover:text-danger group-hover:opacity-100 ltr:ml-auto rtl:mr-auto"
|
|
||||||
@click="removeNotification(notification.id)"
|
|
||||||
>
|
|
||||||
<icon-x-circle />
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</template>
|
|
||||||
<template v-if="notifications.length">
|
|
||||||
<li>
|
|
||||||
<div class="p-4">
|
|
||||||
<button class="btn btn-primary btn-small block w-full" @click="close()">Read All Notifications</button>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</template>
|
|
||||||
<template v-if="!notifications.length">
|
|
||||||
<li>
|
|
||||||
<div class="!grid min-h-[200px] place-content-center text-lg hover:!bg-transparent">
|
|
||||||
<div class="mx-auto mb-4 rounded-full text-primary ring-4 ring-primary/30">
|
|
||||||
<icon-info-circle :fill="true" class="h-10 w-10" />
|
|
||||||
</div>
|
|
||||||
No data available.
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</template>
|
|
||||||
</ul>
|
|
||||||
</template>
|
|
||||||
</Popper>
|
|
||||||
</client-only>
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<div class="dropdown shrink-0">
|
<div class="dropdown shrink-0">
|
||||||
<client-only>
|
<client-only>
|
||||||
<Popper :placement="store.rtlClass === 'rtl' ? 'bottom-end' : 'bottom-start'" offsetDistance="8" class="!block">
|
<Popper :placement="store.rtlClass === 'rtl' ? 'bottom-end' : 'bottom-start'" offsetDistance="8" class="!block">
|
||||||
|
|||||||
@ -74,7 +74,10 @@ export default defineNuxtConfig({
|
|||||||
|
|
||||||
ssr: false,
|
ssr: false,
|
||||||
nitro: {
|
nitro: {
|
||||||
preset: "static"
|
prerender: {
|
||||||
|
crawlLinks: false,
|
||||||
|
routes: []
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user