Added entity reporting.

components/admin/admin.vue

@@ -4,6 +4,7 @@ import { inject } from 'vue';
 import { post } from '#/src/api.js';
 
 const pageContext = inject('pageContext');
+const indicators = pageContext.assets?.adminIndicators || {};
 
 async function initCaches() {
 	await post('/caches', null, {
@@ -50,6 +51,22 @@ async function initCaches() {
 					>Entity Health</a>
 				</li>
 
+				<li class="nav-item">
+					<a
+						href="/admin/reports"
+						class="nav-link nolink"
+						:class="{ active: pageContext.routeParams.section === 'reports' }"
+					>
+						Reports
+
+						<span
+							v-if="indicators.reports?.count > 0"
+							:title="`${indicators.reports.count} ${indicators.reports.label}`"
+							class="nav-attention"
+						>{{ indicators.reports.count }}</span>
+					</a>
+				</li>
+
 				<li
 					v-if="pageContext.user.role === 'admin'"
 					class="nav-item"
@@ -120,6 +137,21 @@ async function initCaches() {
 	}
 }
 
+.nav-attention {
+	min-width: 1.1rem;
+	height: 1.1rem;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	box-sizing: border-box;
+	padding: 0 .25rem;
+	margin-left: .25rem;
+	border-radius: .55rem;
+	background: var(--primary);
+	color: var(--text-light);
+	font-size: .7rem;
+}
+
 .content {
 	display: flex;
 	flex-direction: column;