blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Webapp: change Tabulator layout mode to fitDataFill

Browse Source 
Change the Tabulator layout mode from `fitData` to `fitDataFill`. The new
value adjusts the layout when the data has changed.
This commit is contained in:
Sybren A. Stüvel 2024-03-13 18:23:41 +01:00
parent 3aec8b15ef
commit 91890541a2
3 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/src/components/jobs/JobsTable.vue
View File

@ -88,7 +88,7 @@ export default {
classList.toggle('deletion-requested', !!data.delete_requested_at); classList.toggle('deletion-requested', !!data.delete_requested_at);
}, },
initialSort: [{ column: 'updated', dir: 'desc' }], initialSort: [{ column: 'updated', dir: 'desc' }],
layout: 'fitData', layout: 'fitDataFill',
layoutColumnsOnNewData: true, layoutColumnsOnNewData: true,
height: '720px', // Must be set in order for the virtual DOM to function correctly. height: '720px', // Must be set in order for the virtual DOM to function correctly.
data: [], // Will be filled via a Flamenco API request. data: [], // Will be filled via a Flamenco API request.

2
web/app/src/components/jobs/TasksTable.vue
View File

@ -85,7 +85,7 @@ export default {
row.getElement().classList.toggle('active-row', isActive); row.getElement().classList.toggle('active-row', isActive);
}, },
initialSort: [{ column: 'updated', dir: 'desc' }], initialSort: [{ column: 'updated', dir: 'desc' }],
layout: 'fitData', layout: 'fitDataFill',
layoutColumnsOnNewData: true, layoutColumnsOnNewData: true,
height: '100%', // Must be set in order for the virtual DOM to function correctly. height: '100%', // Must be set in order for the virtual DOM to function correctly.
maxHeight: '100%', maxHeight: '100%',

3
web/app/src/components/workers/WorkersTable.vue
View File

@ -73,7 +73,7 @@ export default {
row.getElement().classList.toggle('active-row', isActive); row.getElement().classList.toggle('active-row', isActive);
}, },
initialSort: [{ column: 'name', dir: 'asc' }], initialSort: [{ column: 'name', dir: 'asc' }],
layout: 'fitData', layout: 'fitDataFill',
layoutColumnsOnNewData: true, layoutColumnsOnNewData: true,
height: '360px', // Must be set in order for the virtual DOM to function correctly. height: '360px', // Must be set in order for the virtual DOM to function correctly.
data: [], // Will be filled via a Flamenco API request. data: [], // Will be filled via a Flamenco API request.
@ -129,7 +129,6 @@ export default {
onWorkersFetched(data) { onWorkersFetched(data) {
this.tabulator.setData(data.workers); this.tabulator.setData(data.workers);
this._refreshAvailableStatuses(); this._refreshAvailableStatuses();
this.recalcTableHeight(); this.recalcTableHeight();
}, },
processWorkerUpdate(workerUpdate) { processWorkerUpdate(workerUpdate) {