diff --git a/src/client/app/admin/views/queue.vue b/src/client/app/admin/views/queue.vue index 12110b48f..59e29d321 100644 --- a/src/client/app/admin/views/queue.vue +++ b/src/client/app/admin/views/queue.vue @@ -5,14 +5,21 @@
Deliver
- - Waiting - - - Delayed + + Process + Active + + + + Waiting + + + + Delayed +
@@ -20,14 +27,21 @@
Inbox
- - Waiting - - - Delayed + + Process + Active + + + + Waiting + + + + Delayed +
@@ -68,8 +82,11 @@ export default Vue.extend({ watch: { stats(stats) { this.inboxChart.updateSeries([{ - name: 'Active', + name: 'Process', data: stats.map((x, i) => ({ x: i, y: x.inbox.activeSincePrevTick })) + }, { + name: 'Active', + data: stats.map((x, i) => ({ x: i, y: x.inbox.active })) }, { name: 'Waiting', data: stats.map((x, i) => ({ x: i, y: x.inbox.waiting })) @@ -78,8 +95,11 @@ export default Vue.extend({ data: stats.map((x, i) => ({ x: i, y: x.inbox.delayed })) }]); this.deliverChart.updateSeries([{ - name: 'Active', + name: 'Process', data: stats.map((x, i) => ({ x: i, y: x.deliver.activeSincePrevTick })) + }, { + name: 'Active', + data: stats.map((x, i) => ({ x: i, y: x.deliver.active })) }, { name: 'Waiting', data: stats.map((x, i) => ({ x: i, y: x.deliver.waiting })) @@ -127,7 +147,7 @@ export default Vue.extend({ }, }, series: [] as any, - colors: ['#00BCD4', '#FFEB3B', '#e53935'], + colors: ['#00E396', '#00BCD4', '#FFEB3B', '#e53935'], xaxis: { type: 'numeric', labels: {