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

assets/components/alerts/search.vue

@@ -13,15 +13,29 @@
 			class="nolist"
 		>
 			<li
-				v-for="actor in results"
-				:key="`actor-${actor.id}`"
+				v-for="result in results"
+				:key="`result-${result.id}`"
 				class="result"
-				@click="selectResult(actor)"
-			><img
-				v-if="actor.avatar"
-				:src="getPath(actor.avatar)"
-				class="avatar"
-			>{{ actor.name }}</li>
+				@click="selectResult(result)"
+			>
+				<Icon
+					v-if="result.type === 'network'"
+					v-tooltip="'Network'"
+					icon="device_hub"
+				/>
+
+				<Icon
+					v-if="result.type === 'channel'"
+					v-tooltip="'Channel'"
+					icon="tv"
+				/>
+
+				<img
+					v-if="result.avatar"
+					:src="getPath(result.avatar)"
+					class="avatar"
+				>{{ result.name }}
+			</li>
 		</ul>
 	</div>
 </template>
@@ -123,4 +137,9 @@ export default {
 	height: 2rem;
 	margin: 0 .5rem 0 0;
 }
+
+.icon {
+	fill: var(--shadow);
+	margin: -.1rem .75rem 0 0;
+}
 </style>