vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 09:22:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactored Terminal

Browse source
This commit is contained in:
Cagatay Civici 2024-04-08 14:51:39 +03:00
parent 3d3c90c2e5
commit 68960d68c6
3 changed files with 19 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

18
components/lib/terminal/Terminal.vue
View file

@ -1,16 +1,16 @@
<template>
<div :class="cx('root')" @click="onClick" v-bind="ptmi('root')">
<div v-if="welcomeMessage" v-bind="ptm('welcomeMessage')">{{ welcomeMessage }}</div>
<div :class="cx('content')" v-bind="ptm('content')">
<div v-for="(command, i) of commands" :key="command.text + i.toString()" v-bind="ptm('commands')">
<span :class="cx('prompt')" v-bind="ptm('prompt')">{{ prompt }}</span>
<span :class="cx('command')" v-bind="ptm('command')">{{ command.text }}</span>
<div :class="cx('response')" aria-live="polite" v-bind="ptm('response')">{{ command.response }}</div>
<div v-if="welcomeMessage" :class="cx('welcomeMessage')" v-bind="ptm('welcomeMessage')">{{ welcomeMessage }}</div>
<div :class="cx('commandList')" v-bind="ptm('content')">
<div v-for="(command, i) of commands" :key="command.text + i.toString()" :class="cx('command')" v-bind="ptm('commands')">
<span :class="cx('promptLabel')" v-bind="ptm('prompt')">{{ prompt }}</span>
<span :class="cx('commandValue')" v-bind="ptm('command')">{{ command.text }}</span>
<div :class="cx('commandResponse')" aria-live="polite" v-bind="ptm('response')">{{ command.response }}</div>
</div>
</div>
<div :class="cx('container')" v-bind="ptm('container')">
<span :class="cx('prompt')" v-bind="ptm('prompt')">{{ prompt }}</span>
<input ref="input" v-model="commandText" type="text" :class="cx('commandText')" autocomplete="off" @keydown="onKeydown" v-bind="ptm('commandText')" />
<div :class="cx('prompt')" v-bind="ptm('container')">
<span :class="cx('promptLabel')" v-bind="ptm('prompt')">{{ prompt }}</span>
<input ref="input" v-model="commandText" :class="cx('promptValue')" type="text" autocomplete="off" @keydown="onKeydown" v-bind="ptm('commandText')" />
</div>
</div>
</template>