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

Added table tab

Browse Source
This commit is contained in:
Fabio
2020-06-12 18:10:45 +02:00
parent 29812f7ee3
commit 68b128c550
13 changed files with 309 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,7 @@
<BaseVirtualScroll
v-if="results.rows"
ref="resultTable"
:items="results.rows"
:items="rows"
:item-height="25"
class="vscroll"
:style="{'height': resultsSize+'px'}"
@ -22,8 +22,8 @@
</div>
<div class="tbody">
<div
v-for="(row, rKey) in items"
:key="rKey"
v-for="row in items"
:key="row._id"
class="tr"
tabindex="0"
>
@ -32,6 +32,7 @@
:key="cKey"
class="td"
:class="fieldType(col)"
:style="{'display': cKey === '_id'? 'none' : ''}"
>
{{ col }}
</div>
@ -43,6 +44,7 @@
</template>
<script>
import { uidGen } from 'common/libs/utilities';
import BaseVirtualScroll from '@/components/BaseVirtualScroll';
export default {
@ -59,15 +61,15 @@ export default {
};
},
computed: {
rows () {
return this.results.rows ? this.results.rows.map(item => Object.assign({}, item)) : [];
rows () { // Adds uid to rows
return this.results.rows ? this.results.rows.map(item => {
return { ...item, _id: uidGen() };
}) : [];
}
},
watch: {
results: function () {
if (this.$refs.resultTable)
this.resizeResults();
}
updated () {
if (this.$refs.resultTable)
this.resizeResults();
},
mounted () {
window.addEventListener('resize', this.resizeResults);
@ -86,12 +88,14 @@ export default {
return `type-${type}`;
},
resizeResults (e) {
const el = this.$refs.resultTable.$el;
const footer = document.getElementById('footer');
if (this.$refs.resultTable) {
const el = this.$refs.resultTable.$el;
const footer = document.getElementById('footer');
if (el) {
const size = window.innerHeight - el.getBoundingClientRect().top - footer.offsetHeight;
this.resultsSize = size;
if (el) {
const size = window.innerHeight - el.getBoundingClientRect().top - footer.offsetHeight;
this.resultsSize = size;
}
}
}
}