32 lines
1.0 KiB
Vue
32 lines
1.0 KiB
Vue
<template>
|
|
<div>
|
|
<div class="text-xs font-mono">
|
|
<div class="rounded-t p-2 bg-black overflow-scroll w-full" style="min-height: 16rem;max-height:32rem;">
|
|
<div class="mb-2">
|
|
<span class="block text-grey-light" v-for="line in console" v-text="line"></span>
|
|
</div>
|
|
</div>
|
|
<div class="rounded-b bg-grey-darkest text-white flex">
|
|
<div class="flex-no-shrink p-2">
|
|
<span class="font-bold">$</span>
|
|
</div>
|
|
<div class="w-full">
|
|
<input type="text" aria-label="Send console command" class="bg-transparent text-white p-2 pl-0 w-full" placeholder="enter command and press enter to send">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {mapState} from 'vuex';
|
|
|
|
export default {
|
|
name: 'console-page',
|
|
|
|
computed: {
|
|
...mapState('server', ['console']),
|
|
},
|
|
};
|
|
</script>
|