fabio286/antares
1
1
Fork 0
mirror of https://github.com/Fabio286/antares.git synced 2025-06-05 21:59:22 +02:00
Code Issues Releases Wiki Activity

feat: dynamic shortcut suggestions on empty query tabs

Browse Source
This commit is contained in:
Fabio Di Stasio
2022-08-17 16:20:36 +02:00
parent c05be8304f
commit 4df14c3693
4 changed files with 44 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/renderer/components/WorkspaceTabQueryEmptyState.vue
View File

@ -2,49 +2,21 @@
<div class="container">
<div class="columns">
<div class="column col-16 text-right">
<div class="mb-4">
{{ t('message.runQuery') }}
</div>
<div v-if="customizations.cancelQueries" class="mb-4">
{{ t('message.killQuery') }}
</div>
<div class="mb-4">
{{ t('word.format') }}
</div>
<div class="mb-4">
{{ t('word.clear') }}
</div>
<div class="mb-4">
{{ t('word.history') }}
</div>
<div class="mb-4">
{{ t('message.openNewTab') }}
</div>
<div class="mb-4">
{{ t('message.closeTab') }}
<div
v-for="(shortcut, i) in tabShortcuts"
:key="i"
class="mb-4"
>
{{ t(shortcutEvents[shortcut.event].l18n, {param: shortcutEvents[shortcut.event].l18nParam}) }}
</div>
</div>
<div class="column col-16">
<div class="mb-4">
<code>F5</code>
</div>
<div v-if="customizations.cancelQueries" class="mb-4">
<code>CTRL</code> + <code>K</code>
</div>
<div class="mb-4">
<code>CTRL</code> + <code>B</code>
</div>
<div class="mb-4">
<code>CTRL</code> + <code>ALT</code> + <code>W</code>
</div>
<div class="mb-4">
<code>CTRL</code> + <code>G</code>
</div>
<div class="mb-4">
<code>CTRL</code> + <code>T</code>
</div>
<div class="mb-4">
<code>CTRL</code> + <code>W</code>
<div
v-for="(shortcut, i) in tabShortcuts"
:key="i"
class="mb-4"
>
<span v-html="parseKeys(shortcut.keys)" />
</div>
</div>
</div>
@ -52,12 +24,22 @@
</template>
<script setup lang="ts">
import { computed } from 'vue';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';
import { useSettingsStore } from '@/stores/settings';
import { shortcutEvents } from 'common/shortcuts';
import { useFilters } from '@/composables/useFilters';
const { parseKeys } = useFilters();
const { t } = useI18n();
defineProps({
customizations: Object
const settingsStore = useSettingsStore();
const { shortcuts } = storeToRefs(settingsStore);
const tabShortcuts = computed(() => {
return shortcuts.value.filter(s => shortcutEvents[s.event].context === 'tab');
});
</script>