fabio286
/
antares
mirror of https://github.com/Fabio286/antares.git
1
1
Fork 0
Code Issues Releases Wiki Activity

feat(UI): loader layers on query and data tabs

This commit is contained in:
Fabio Di Stasio 2021-03-09 19:14:02 +01:00
parent e9a26c1bc0
commit b232a3bb5f
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -49,7 +49,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="workspace-query-results column col-12"> <div class="workspace-query-results p-relative column col-12">
<BaseLoader v-if="isQuering" />
<WorkspaceQueryTable <WorkspaceQueryTable
v-if="results" v-if="results"
v-show="!isQuering" v-show="!isQuering"
@ -69,6 +70,7 @@
<script> <script>
import Database from '@/ipc-api/Database'; import Database from '@/ipc-api/Database';
import QueryEditor from '@/components/QueryEditor'; import QueryEditor from '@/components/QueryEditor';
import BaseLoader from '@/components/BaseLoader';
import WorkspaceQueryTable from '@/components/WorkspaceQueryTable'; import WorkspaceQueryTable from '@/components/WorkspaceQueryTable';
import { mapGetters, mapActions } from 'vuex'; import { mapGetters, mapActions } from 'vuex';
import tableTabs from '@/mixins/tableTabs'; import tableTabs from '@/mixins/tableTabs';
@ -76,6 +78,7 @@ import tableTabs from '@/mixins/tableTabs';
export default { export default {
name: 'WorkspaceQueryTab', name: 'WorkspaceQueryTab',
components: { components: {
BaseLoader,
QueryEditor, QueryEditor,
WorkspaceQueryTable WorkspaceQueryTable
}, },
@ -243,6 +246,10 @@ export default {
} }
} }
} }
.workspace-query-results {
min-height: 200px;
}
} }
</style> </style>

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

@ -83,7 +83,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="workspace-query-results column col-12"> <div class="workspace-query-results p-relative column col-12">
<BaseLoader v-if="isQuering" />
<WorkspaceQueryTable <WorkspaceQueryTable
v-if="results" v-if="results"
ref="queryTable" ref="queryTable"
@ -118,6 +119,7 @@
<script> <script>
import Tables from '@/ipc-api/Tables'; import Tables from '@/ipc-api/Tables';
import BaseLoader from '@/components/BaseLoader';
import WorkspaceQueryTable from '@/components/WorkspaceQueryTable'; import WorkspaceQueryTable from '@/components/WorkspaceQueryTable';
import ModalNewTableRow from '@/components/ModalNewTableRow'; import ModalNewTableRow from '@/components/ModalNewTableRow';
import ModalFakerRows from '@/components/ModalFakerRows'; import ModalFakerRows from '@/components/ModalFakerRows';
@ -127,6 +129,7 @@ import tableTabs from '@/mixins/tableTabs';
export default { export default {
name: 'WorkspaceTableTab', name: 'WorkspaceTableTab',
components: { components: {
BaseLoader,
WorkspaceQueryTable, WorkspaceQueryTable,
ModalNewTableRow, ModalNewTableRow,
ModalFakerRows ModalFakerRows