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
This commit is contained in:
Johann150 2022-12-07 23:22:19 +01:00
parent 350f21d955
commit 73870e85cd
Signed by untrusted user: Johann150
GPG key ID: 9EE6577A2A06F8F1

View file

@ -1,7 +1,10 @@
<template> <template>
<div class="mkw-jobQueue _monospace" :class="{ _panel: !widgetProps.transparent }"> <div class="mkw-jobQueue _monospace" :class="{ _panel: !widgetProps.transparent }">
<div class="inbox"> <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 class="values">
<div> <div>
<div>Process</div> <div>Process</div>
@ -22,7 +25,10 @@
</div> </div>
</div> </div>
<div class="deliver"> <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 class="values">
<div> <div>
<div>Process</div> <div>Process</div>
@ -46,7 +52,7 @@
</template> </template>
<script lang="ts" setup> <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 { useWidgetPropsManager, Widget, WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget';
import { GetFormResultType } from '@/scripts/form'; import { GetFormResultType } from '@/scripts/form';
import { stream } from '@/stream'; import { stream } from '@/stream';