diff options
Diffstat (limited to 'src/client/pages/instance/queue.vue')
| -rw-r--r-- | src/client/pages/instance/queue.vue | 24 |
1 files changed, 14 insertions, 10 deletions
diff --git a/src/client/pages/instance/queue.vue b/src/client/pages/instance/queue.vue index 0c1e0e51b5..2dccf48d31 100644 --- a/src/client/pages/instance/queue.vue +++ b/src/client/pages/instance/queue.vue @@ -1,43 +1,47 @@ <template> -<div> +<FormBase> <XQueue :connection="connection" domain="inbox"> - <template #title><i class="fas fa-exchange-alt"></i> In</template> + <template #title>In</template> </XQueue> <XQueue :connection="connection" domain="deliver"> - <template #title><i class="fas fa-exchange-alt"></i> Out</template> + <template #title>Out</template> </XQueue> - <section class="_section"> - <div class="_content"> - <MkButton @click="clear()"><i class="fas fa-trash-alt"></i> {{ $ts.clearQueue }}</MkButton> - </div> - </section> -</div> + <FormButton @click="clear()" danger><i class="fas fa-trash-alt"></i> {{ $ts.clearQueue }}</FormButton> +</FormBase> </template> <script lang="ts"> import { defineComponent } from 'vue'; import MkButton from '@client/components/ui/button.vue'; import XQueue from './queue.chart.vue'; +import FormBase from '@client/components/form/base.vue'; +import FormButton from '@client/components/form/button.vue'; import * as os from '@client/os'; import * as symbols from '@client/symbols'; export default defineComponent({ components: { + FormBase, + FormButton, MkButton, XQueue, }, + emits: ['info'], + data() { return { [symbols.PAGE_INFO]: { title: this.$ts.jobQueue, - icon: 'fas fa-exchange-alt', + icon: 'fas fa-clipboard-list', }, connection: os.stream.useSharedConnection('queueStats'), } }, mounted() { + this.$emit('info', this[symbols.PAGE_INFO]); + this.$nextTick(() => { this.connection.send('requestLog', { id: Math.random().toString().substr(2, 8), |