Triggering notifications for children of alert entities. Showing icons in alert entity search to distinguish networks and channels.

This commit is contained in:
DebaucheryLibrarian
2021-04-26 00:48:31 +02:00
parent eed563e06f
commit 8bf9fff7dc
10 changed files with 82 additions and 20 deletions

View File

@@ -26,10 +26,10 @@
>Alert</AddAlert>
<div class="notifications-body">
<span
<div
v-if="notifications.length === 0"
class="notifications-empty"
>No notifications</span>
>No notifications</div>
<ul
v-else
@@ -55,18 +55,18 @@
<div class="notification-row notification-title">
<img
v-if="notification.scene.entity.type === 'network' || notification.scene.entity.independent"
:src="`/img/logos/${notification.scene.entity.slug}/favicon_dark.png`"
:src="`/img/logos/${notification.scene.entity.slug}/favicon_${theme === 'dark' ? 'light' : 'dark'}.png`"
class="notification-favicon"
>
<img
v-else
:src="`/img/logos/${notification.scene.entity.parent.slug}/favicon_dark.png`"
:src="`/img/logos/${notification.scene.entity.parent.slug}/favicon_${theme === 'dark' ? 'light' : 'dark'}.png`"
class="notification-favicon"
>
New&nbsp;<ul
v-if="notification.alert.tags.length > 0"
v-if="notification.alert?.tags.length > 0"
class="nolist notification-tags"
>
<li
@@ -180,12 +180,14 @@ export default {
}
.notifications-empty {
padding: 1rem;
padding: .5rem 1rem;
color: var(--shadow);
}
.notification {
display: block;
margin: 0 0 -1px 0;
color: var(--text);
&.unseen {
border-right: solid .5rem var(--primary);