diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2019-03-12 23:30:44 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2019-03-12 23:30:44 +0900 |
| commit | e90712706dce64894ea8df8a02a77beaa52e642f (patch) | |
| tree | f2413eacfd8c9fe4704ec92baf4c44457d01d02d /src | |
| parent | :art: (diff) | |
| download | sharkey-e90712706dce64894ea8df8a02a77beaa52e642f.tar.gz sharkey-e90712706dce64894ea8df8a02a77beaa52e642f.tar.bz2 sharkey-e90712706dce64894ea8df8a02a77beaa52e642f.zip | |
Add icons :art:
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/admin/views/queue.vue | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/src/client/app/admin/views/queue.vue b/src/client/app/admin/views/queue.vue index 349de72dde..dfe472ae4e 100644 --- a/src/client/app/admin/views/queue.vue +++ b/src/client/app/admin/views/queue.vue @@ -7,18 +7,22 @@ <ui-horizon-group inputs v-if="latestStats" class="fit-bottom"> <ui-input :value="latestStats.deliver.activeSincePrevTick | number" type="text" readonly> <span>Process</span> + <template #prefix><fa :icon="fasPlayCircle"/></template> <template #suffix>jobs/s</template> </ui-input> <ui-input :value="latestStats.deliver.active | number" type="text" readonly> <span>Active</span> + <template #prefix><fa :icon="farPlayCircle"/></template> <template #suffix>jobs</template> </ui-input> <ui-input :value="latestStats.deliver.waiting | number" type="text" readonly> <span>Waiting</span> + <template #prefix><fa :icon="faStopCircle"/></template> <template #suffix>jobs</template> </ui-input> <ui-input :value="latestStats.deliver.delayed | number" type="text" readonly> <span>Delayed</span> + <template #prefix><fa :icon="faStopwatch"/></template> <template #suffix>jobs</template> </ui-input> </ui-horizon-group> @@ -29,18 +33,22 @@ <ui-horizon-group inputs v-if="latestStats" class="fit-bottom"> <ui-input :value="latestStats.inbox.activeSincePrevTick | number" type="text" readonly> <span>Process</span> + <template #prefix><fa :icon="fasPlayCircle"/></template> <template #suffix>jobs/s</template> </ui-input> <ui-input :value="latestStats.inbox.active | number" type="text" readonly> <span>Active</span> + <template #prefix><fa :icon="farPlayCircle"/></template> <template #suffix>jobs</template> </ui-input> <ui-input :value="latestStats.inbox.waiting | number" type="text" readonly> <span>Waiting</span> + <template #prefix><fa :icon="faStopCircle"/></template> <template #suffix>jobs</template> </ui-input> <ui-input :value="latestStats.inbox.delayed | number" type="text" readonly> <span>Delayed</span> + <template #prefix><fa :icon="faStopwatch"/></template> <template #suffix>jobs</template> </ui-input> </ui-horizon-group> @@ -58,8 +66,8 @@ import Vue from 'vue'; import i18n from '../../i18n'; import ApexCharts from 'apexcharts'; import * as tinycolor from 'tinycolor2'; -import { faTasks, faInbox } from '@fortawesome/free-solid-svg-icons'; -import { faPaperPlane } from '@fortawesome/free-regular-svg-icons'; +import { faTasks, faInbox, faStopwatch, faPlayCircle as fasPlayCircle } from '@fortawesome/free-solid-svg-icons'; +import { faPaperPlane, faStopCircle, faPlayCircle as farPlayCircle } from '@fortawesome/free-regular-svg-icons'; export default Vue.extend({ i18n: i18n('admin/views/queue.vue'), @@ -69,7 +77,7 @@ export default Vue.extend({ stats: [], deliverChart: null, inboxChart: null, - faTasks, faPaperPlane, faInbox + faTasks, faPaperPlane, faInbox, faStopwatch, faStopCircle, farPlayCircle, fasPlayCircle }; }, |