perf(UI): resize results table on filters change

This commit is contained in:
Fabio Di Stasio 2021-10-18 11:58:29 +02:00
parent 0e15c39797
commit f9ee7d0450
3 changed files with 15 additions and 2 deletions

View File

@ -132,6 +132,7 @@
v-if="isSearch"
:fields="fields"
@filter="updateFilters"
@filter-change="resizeScroller"
/>
<div class="workspace-query-results p-relative column col-12">
<BaseLoader v-if="isQuering" />
@ -293,6 +294,7 @@ export default {
this.filters = [];
this.getTableData();
}
this.resizeScroller();
}
},
created () {
@ -436,6 +438,9 @@ export default {
downloadTable (format) {
this.$refs.queryTable.downloadTable(format, this.table);
},
resizeScroller () {
setTimeout(() => this.$refs.queryTable.refreshScroller(), 1);
},
updateFilters (clausoles) {
this.filters = clausoles;
this.getTableData();

View File

@ -5,7 +5,7 @@
:key="index"
class="workspace-table-filters-row"
>
<label class="form-checkbox my-0" :title="$t('word.insert')">
<label class="form-checkbox my-0">
<input
v-model="row.active"
type="checkbox"
@ -89,10 +89,13 @@ export default {
methods: {
addRow () {
this.rows.push({ active: true, field: this.fields[0].name, op: '=', value: '', value2: '' });
this.$emit('filter-change');
},
removeRow (i) {
if (this.rows.length >= 2)
if (this.rows.length >= 2) {
this.rows = this.rows.filter((_, idx) => idx !== i);
this.$emit('filter-change');
}
},
doFilter () {
const clausoles = this.rows.filter(el => el.active).map(el => this.createClausole(el));

View File

@ -116,6 +116,11 @@ module.exports = {
triggerFunction: 'Funzione di trigger | Funzioni di trigger',
all: 'Tutto',
duplicate: 'Duplica',
routine: 'Routine',
new: 'Nuovo',
history: 'Cronologia',
select: 'Seleziona',
passphrase: 'Passphrase',
filter: 'Filtra'
},
message: {