From 73870e85cd1affff6b8c28743c00317ddeb2bdc3 Mon Sep 17 00:00:00 2001
From: Johann150 <johann.galle@protonmail.com>
Date: Wed, 7 Dec 2022 23:22:19 +0100
Subject: [PATCH] client: make headlines in queue widget links

The headlines "inbox queue" and "deliver queue" are now links to the
admin panel page about the queue.

Changelog: Changed
---
 packages/client/src/widgets/job-queue.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/widgets/job-queue.vue b/packages/client/src/widgets/job-queue.vue
index 0baf248e6..6df95150d 100644
--- a/packages/client/src/widgets/job-queue.vue
+++ b/packages/client/src/widgets/job-queue.vue
@@ -1,7 +1,10 @@
 <template>
 <div class="mkw-jobQueue _monospace" :class="{ _panel: !widgetProps.transparent }">
 	<div class="inbox">
-		<div class="label">Inbox queue<i v-if="current.inbox.waiting > 0" class="fas fa-exclamation-triangle icon"></i></div>
+		<div class="label">
+			<MkA to="/admin/queue">Inbox queue</MkA>
+			<i v-if="current.inbox.waiting > 0" class="fas fa-exclamation-triangle icon"></i>
+		</div>
 		<div class="values">
 			<div>
 				<div>Process</div>
@@ -22,7 +25,10 @@
 		</div>
 	</div>
 	<div class="deliver">
-		<div class="label">Deliver queue<i v-if="current.deliver.waiting > 0" class="fas fa-exclamation-triangle icon"></i></div>
+		<div class="label">
+			<MkA to="/admin/queue">Deliver queue</MkA>
+			<i v-if="current.deliver.waiting > 0" class="fas fa-exclamation-triangle icon"></i>
+		</div>
 		<div class="values">
 			<div>
 				<div>Process</div>
@@ -46,7 +52,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, onUnmounted, reactive, ref } from 'vue';
+import { onMounted, onUnmounted, reactive } from 'vue';
 import { useWidgetPropsManager, Widget, WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget';
 import { GetFormResultType } from '@/scripts/form';
 import { stream } from '@/stream';