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(UI): shortcuts info on empty query tab

Browse Source
This commit is contained in:
Fabio Di Stasio
2021-08-03 17:59:15 +02:00
parent 372049ae64
commit 70354aa828
6 changed files with 55 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/renderer/components/WorkspaceQueryEmptyState.vue Normal file
View File

@ -0,0 +1,41 @@
<template>
<div class="container">
<div class="columns">
<div class="column col-16 text-right">
<div class="mb-4">
{{ $t('message.runQuery') }}
</div>
<div class="mb-4">
{{ $t('word.format') }}
</div>
<div class="mb-4">
{{ $t('word.clear') }}
</div>
</div>
<div class="column col-16">
<div class="mb-4">
<code>F5</code>
</div>
<div class="mb-4">
<code>CTRL</code> + <code>F8</code>
</div>
<div class="mb-4">
<code>CTRL</code> + <code>W</code>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'WorkspaceQueryEmptyState'
};
</script>
<style scoped>
.container {
padding-top: 15vh;
opacity: 0.6;
}
</style>

5
src/renderer/components/WorkspaceQueryTab.vue
View File

@ -100,6 +100,7 @@
</div>
</div>
</div>
<WorkspaceQueryEmptyState v-if="!results.length && !isQuering" />
<div class="workspace-query-results p-relative column col-12">
<BaseLoader v-if="isQuering" />
<WorkspaceQueryTable
@ -124,6 +125,7 @@ import Schema from '@/ipc-api/Schema';
import QueryEditor from '@/components/QueryEditor';
import BaseLoader from '@/components/BaseLoader';
import WorkspaceQueryTable from '@/components/WorkspaceQueryTable';
import WorkspaceQueryEmptyState from '@/components/WorkspaceQueryEmptyState';
import { mapGetters, mapActions } from 'vuex';
import tableTabs from '@/mixins/tableTabs';
@ -132,7 +134,8 @@ export default {
components: {
BaseLoader,
QueryEditor,
WorkspaceQueryTable
WorkspaceQueryTable,
WorkspaceQueryEmptyState
},
mixins: [tableTabs],
props: {

2
src/renderer/components/WorkspaceQueryTable.vue
View File

@ -130,7 +130,7 @@ export default {
},
data () {
return {
resultsSize: 1000,
resultsSize: 0,
localResults: [],
isContext: false,
isDeleteConfirmModal: false,