44 lines
1.2 KiB
Vue
44 lines
1.2 KiB
Vue
<template>
|
|
<article
|
|
class="notification | bg-white rounded-lg | p-16 | flow"
|
|
data-type="content"
|
|
@click="
|
|
read(notification);
|
|
router.push(notification.location.page.uri);
|
|
"
|
|
title="Aller au contenu"
|
|
>
|
|
<header>
|
|
<p class="flex">
|
|
<strong
|
|
class="notification__type | font-medium text-primary"
|
|
data-icon="content"
|
|
>Contenu</strong
|
|
>
|
|
<span class="notification__client | text-grey-700">{{
|
|
notification.location.project.title
|
|
}}</span>
|
|
<time
|
|
datetime=""
|
|
class="notification__date | text-grey-700 | ml-auto"
|
|
>{{ formatDate(notification) }}</time
|
|
>
|
|
</p>
|
|
</header>
|
|
<p
|
|
v-if="notification.type"
|
|
class="notification__body | text-md font-medium | line-clamp"
|
|
>
|
|
{{ notification.text }}
|
|
</p>
|
|
</article>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useRouter } from "vue-router";
|
|
import { useNotificationsStore } from "../../stores/notifications";
|
|
|
|
const router = useRouter();
|
|
const { notification } = defineProps({ notification: Object });
|
|
const { formatDate, read } = useNotificationsStore();
|
|
</script>
|