cerc-io/cosmos-explorer
16
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Delete NavBarNotifications.vue

Browse Source
This commit is contained in:
Alisa | side.one 2023-05-28 01:40:08 +08:00
parent 3c9749e207
commit 5e687f0aa0
1 changed files with 0 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
src/layouts/components/NavBarNotifications.vue
View File

@ -1,85 +0,0 @@
<script lang="ts" setup>
import Notifications from '@core/components/Notifications.vue';
import type { Notification } from '@layouts/types';
// Images
import avatar3 from '@/assets/images/avatars/avatar-3.png';
import avatar4 from '@/assets/images/avatars/avatar-4.png';
import avatar5 from '@/assets/images/avatars/avatar-5.png';
import paypal from '@/assets/images/svg/paypal.svg';
const notifications = ref<Notification[]>([
{
id: 1,
img: avatar4,
title: 'Congratulation Flora! 🎉',
subtitle: 'Won the monthly best seller badge',
time: 'Today',
isRead: false,
},
{
id: 2,
text: 'Tom Holland',
title: 'New user registered.',
subtitle: '5 hours ago',
time: 'Yesterday',
isRead: true,
},
{
id: 3,
img: avatar5,
title: 'New message received 👋🏻',
subtitle: 'You have 10 unread messages',
time: '11 Aug',
isRead: false,
},
{
id: 4,
img: paypal,
title: 'Paypal',
subtitle: 'Received Payment',
time: '25 May',
isRead: true,
color: 'error',
},
{
id: 5,
img: avatar3,
title: 'Received Order 📦',
subtitle: 'New order received from john',
time: '19 Mar',
isRead: false,
},
]);
const removeNotification = (notificationId: number) => {
notifications.value.forEach((item, index) => {
if (notificationId === item.id) notifications.value.splice(index, 1);
});
};
const markRead = (notificationId: number[]) => {
notifications.value.forEach((item) => {
notificationId.forEach((id) => {
if (id === item.id) item.isRead = true;
});
});
};
const markUnRead = (notificationId: number[]) => {
notifications.value.forEach((item) => {
notificationId.forEach((id) => {
if (id === item.id) item.isRead = false;
});
});
};
</script>
<template>
<Notifications
:notifications="notifications"
@remove="removeNotification"
@read="markRead"
@unread="markUnRead"
/>
</template>