local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Add quick action bar shortcut to shortcut overview

Browse source
This commit is contained in:
kolaente 2021-05-30 21:14:15 +02:00
parent 7690cada78
commit 1969bd8190
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/misc/keyboard-shortcuts.vue
View file

@ -3,14 +3,23 @@
<div @click.self="close()" class="modal-container"> <div @click.self="close()" class="modal-container">
<div class="modal-content"> <div class="modal-content">
<card class="has-background-white has-no-shadow" title="Available Keyboard Shortcuts"> <card class="has-background-white has-no-shadow" title="Available Keyboard Shortcuts">
<div class="message is-primary">
<div class="message-body">
These shortcuts work on all pages.
</div>
</div>
<p> <p>
<strong>Toggle The Menu</strong> <strong>Toggle The Menu</strong>
<shortcut :keys="['ctrl', 'e']"/> <shortcut :keys="['ctrl', 'e']"/>
</p> </p>
<p>
<strong>Open the search/quick action bar</strong>
<shortcut :keys="['ctrl', 'k']"/>
</p>
<h3>Kanban</h3> <h3>Kanban</h3>
<div class="message is-primary" v-if="$route.name === 'list.kanban'"> <div class="message is-primary" v-if="$route.name === 'list.kanban'">
<div class="message-body"> <div class="message-body">
These shortcuts work on the current page. These shortcuts work only on the current page.
</div> </div>
</div> </div>
<p> <p>
@ -22,7 +31,7 @@
class="message is-primary" class="message is-primary"
v-if="$route.name === 'task.detail' || $route.name === 'task.list.detail' || $route.name === 'task.gantt.detail' || $route.name === 'task.kanban.detail' || $route.name === 'task.detail'"> v-if="$route.name === 'task.detail' || $route.name === 'task.list.detail' || $route.name === 'task.gantt.detail' || $route.name === 'task.kanban.detail' || $route.name === 'task.detail'">
<div class="message-body"> <div class="message-body">
These shortcuts work on the current page. These shortcuts work only on the current page.
</div> </div>
</div> </div>
<p> <p>