diff --git a/src/client/widgets/job-queue.vue b/src/client/widgets/job-queue.vue index 11bb20979..b7bfb6de2 100644 --- a/src/client/widgets/job-queue.vue +++ b/src/client/widgets/job-queue.vue @@ -5,19 +5,19 @@
Process
-
{{ number(inbox.activeSincePrevTick) }}
+
{{ number(inbox.activeSincePrevTick) }}
Active
-
{{ number(inbox.active) }}
+
{{ number(inbox.active) }}
Delayed
-
{{ number(inbox.delayed) }}
+
{{ number(inbox.delayed) }}
Waiting
-
{{ number(inbox.waiting) }}
+
{{ number(inbox.waiting) }}
@@ -26,19 +26,19 @@
Process
-
{{ number(deliver.activeSincePrevTick) }}
+
{{ number(deliver.activeSincePrevTick) }}
Active
-
{{ number(deliver.active) }}
+
{{ number(deliver.active) }}
Delayed
-
{{ number(deliver.delayed) }}
+
{{ number(deliver.delayed) }}
Waiting
-
{{ number(deliver.waiting) }}
+
{{ number(deliver.waiting) }}
@@ -79,10 +79,15 @@ export default defineComponent({ waiting: 0, delayed: 0, }, + prev: {}, faExclamationTriangle, }; }, created() { + for (const domain of ['inbox', 'deliver']) { + this.prev[domain] = JSON.parse(JSON.stringify(this[domain])); + } + this.connection.on('stats', this.onStats); this.connection.on('statsLog', this.onStatsLog); @@ -99,6 +104,7 @@ export default defineComponent({ methods: { onStats(stats) { for (const domain of ['inbox', 'deliver']) { + this.prev[domain] = JSON.parse(JSON.stringify(this[domain])); this[domain].activeSincePrevTick = stats[domain].activeSincePrevTick; this[domain].active = stats[domain].active; this[domain].waiting = stats[domain].waiting; @@ -152,6 +158,16 @@ export default defineComponent({ > div:first-child { opacity: 0.7; } + + > div:last-child { + &.inc { + color: var(--warn); + } + + &.dec { + color: var(--success); + } + } } } }