vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #3879 - For Terminal

pull/3892/head
Tuğçe Küçükoğlu 2023-04-24 11:33:32 +03:00
parent a0e838096e
commit 5dd44b5424
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/lib/terminal/Terminal.vue
View File

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