mirror of https://github.com/doccano/doccano.git
Hironsan
2 years ago
3 changed files with 110 additions and 1 deletions
Split View
Diff Options
-
12frontend/components/tasks/toolbar/ToolbarLaptop.vue
-
24frontend/components/tasks/toolbar/buttons/ButtonKeyboardShortcut.vue
-
75frontend/components/tasks/toolbar/forms/FormKeyboardShortcut.vue
@ -0,0 +1,24 @@ |
|||
<template> |
|||
<v-tooltip bottom> |
|||
<template #activator="{ on }"> |
|||
<v-btn icon v-on="on" @click="$emit('click:open')"> |
|||
<v-icon> |
|||
{{ mdiKeyboardOutline }} |
|||
</v-icon> |
|||
</v-btn> |
|||
</template> |
|||
<span>Keyboard Shortcut</span> |
|||
</v-tooltip> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mdiKeyboardOutline } from '@mdi/js' |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
mdiKeyboardOutline |
|||
} |
|||
} |
|||
} |
|||
</script> |
@ -0,0 +1,75 @@ |
|||
<template> |
|||
<base-card title="Keyboard Shortcut" :cancel-text="$t('generic.close')" @cancel="close"> |
|||
<template #content> |
|||
<v-simple-table> |
|||
<template #default> |
|||
<thead> |
|||
<tr> |
|||
<th class="text-left">Action</th> |
|||
<th class="text-left">Key</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<tr v-for="item in items" :key="item.name"> |
|||
<td>{{ item.name }}</td> |
|||
<td> |
|||
<v-chip |
|||
v-for="key in item.key" |
|||
:key="key" |
|||
color="primary" |
|||
class="ma-1" |
|||
label |
|||
small |
|||
>{{ key }}</v-chip |
|||
> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</template> |
|||
</v-simple-table> |
|||
</template> |
|||
</base-card> |
|||
</template> |
|||
|
|||
<script> |
|||
import BaseCard from '@/components/utils/BaseCard' |
|||
|
|||
export default { |
|||
components: { |
|||
BaseCard |
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
items: [ |
|||
{ |
|||
name: 'Jump to the first data', |
|||
key: ['shift', '←'] |
|||
}, |
|||
{ |
|||
name: 'Jump to the last data', |
|||
key: ['shift', '→'] |
|||
}, |
|||
{ |
|||
name: 'Move to the previous data', |
|||
key: ['←'] |
|||
}, |
|||
{ |
|||
name: 'Move to the next data', |
|||
key: ['→'] |
|||
}, |
|||
{ |
|||
name: 'Confirm the data', |
|||
key: ['enter'] |
|||
} |
|||
] |
|||
} |
|||
}, |
|||
|
|||
methods: { |
|||
close() { |
|||
this.$emit('click:close') |
|||
} |
|||
} |
|||
} |
|||
</script> |
Write
Preview
Loading…
Cancel
Save