adb/cybre.town
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

browse through history

Browse Source
This commit is contained in:
adb 2021-02-12 03:39:46 +01:00
parent fc609c3ae0
commit 08b356dd0a
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/console.vue
View File

@ -1,10 +1,13 @@
<template> <template>
<div @click="focusInput()" class="console" ref="console"> <div @click="focusInput()" class="console" ref="console">
<div class="content"> <div class="content">
<div @keypress.enter="displayCommand();" class="group" v-for="(group, index) in history" :key="group"> <div class="group" v-for="(group, index) in history" :key="group">
<pre><span class="host">{{group.host}}</span><span <pre><span class="host">{{group.host}}</span><span
v-if="index !== history.length-1">{{group.command}}</span><input v-if="index !== history.length-1">{{group.command}}</span><input
v-else v-model="group.command" ref="consoleInput" type="text" autocomplete="off"></pre> v-else v-model="group.command" ref="consoleInput" type="text" autocomplete="off"
@keydown.enter.exact="displayCommand();"
@keydown.up="group.command = getPreviousCommand(index);"
@keydown.down="group.command = getNextCommand(index);"></pre>
<pre v-if="group.output.length"><span v-for="output in group.output" :key="output" :class="output.color">{{output.content}}</span></pre> <pre v-if="group.output.length"><span v-for="output in group.output" :key="output" :class="output.color">{{output.content}}</span></pre>
</div> </div>
</div> </div>
@ -23,7 +26,7 @@ export default {
command: "welcome --help", command: "welcome --help",
output: [] output: []
}], }],
currentInput: "" currentHistoryPoint: undefined
} }
}, },
methods:{ methods:{
@ -45,6 +48,17 @@ export default {
this.scrollToBottom(); this.scrollToBottom();
}, group.delay) }, group.delay)
}) })
this.currentHistoryPoint = undefined;
},
getPreviousCommand(index){
if (this.currentHistoryPoint === undefined) this.currentHistoryPoint = index;
if (this.currentHistoryPoint > 0) this.currentHistoryPoint--;
return this.history[this.currentHistoryPoint].command;
},
getNextCommand(index){
if (this.currentHistoryPoint === undefined) this.currentHistoryPoint = index;
if (this.currentHistoryPoint < this.history.length-1) this.currentHistoryPoint++;
return this.history[this.currentHistoryPoint].command;
}, },
focusInput(){ focusInput(){
this.$nextTick(() => this.$refs.consoleInput.focus()); this.$nextTick(() => this.$refs.consoleInput.focus());