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

Web: Adjust size of tables

Browse Source 
* Do not set height of table manually.
* Set the width of ID cells as characters, instead of percentage.
This commit is contained in:
Pablo Vazquez 2022-05-04 15:30:40 +02:00
parent c10b7f97c9
commit 5dae53c1c5
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/src/components/JobsTable.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div> <div>
<h2 class="column-title">Jobs</h2> <h2 class="column-title">Jobs</h2>
<job-actions-bar /> <job-actions-bar />
<div class="job-list" id="flamenco_job_list"></div> <div class="job-list" id="flamenco_job_list"></div>
</div> </div>
@ -24,7 +25,7 @@ export default {
// See pkg/api/flamenco-manager.yaml, schemas Job and JobUpdate. // See pkg/api/flamenco-manager.yaml, schemas Job and JobUpdate.
columns: [ columns: [
{ formatter: "rowSelection", titleFormatter: "rowSelection", hozAlign: "center", headerHozAlign: "center", headerSort: false }, { formatter: "rowSelection", titleFormatter: "rowSelection", hozAlign: "center", headerHozAlign: "center", headerSort: false },
{ title: 'ID', field: 'id', sorter: 'string', width: "12%" }, { title: 'ID', field: 'id', sorter: 'string', width: "13ch" },
{ title: 'Name', field: 'name', sorter: 'string' }, { title: 'Name', field: 'name', sorter: 'string' },
{ title: 'Status', field: 'status', sorter: 'string' }, { title: 'Status', field: 'status', sorter: 'string' },
{ title: 'Type', field: 'type', sorter: 'string' }, { title: 'Type', field: 'type', sorter: 'string' },
@ -44,7 +45,6 @@ export default {
initialSort: [ initialSort: [
{ column: "updated", dir: "desc" }, { column: "updated", dir: "desc" },
], ],
height: "99%",
data: [], // Will be filled via a Flamenco API request. data: [], // Will be filled via a Flamenco API request.
selectable: 1, // Only allow a single row to be selected at a time. selectable: 1, // Only allow a single row to be selected at a time.
}; };

3
web/app/src/components/TasksTable.vue
View File

@ -27,7 +27,7 @@ export default {
// See pkg/api/flamenco-manager.yaml, schemas Task and TaskUpdate. // See pkg/api/flamenco-manager.yaml, schemas Task and TaskUpdate.
columns: [ columns: [
{ formatter: "rowSelection", titleFormatter: "rowSelection", hozAlign: "center", headerHozAlign: "center", headerSort: false }, { formatter: "rowSelection", titleFormatter: "rowSelection", hozAlign: "center", headerHozAlign: "center", headerSort: false },
{ title: 'ID', field: 'id', sorter: 'string', width: "12%" }, { title: 'ID', field: 'id', sorter: 'string', width: "13ch" },
{ title: 'Name', field: 'name', sorter: 'string' }, { title: 'Name', field: 'name', sorter: 'string' },
{ title: 'Status', field: 'status', sorter: 'string' }, { title: 'Status', field: 'status', sorter: 'string' },
{ {
@ -45,7 +45,6 @@ export default {
initialSort: [ initialSort: [
{ column: "updated", dir: "desc" }, { column: "updated", dir: "desc" },
], ],
height: "300px",
data: [], // Will be filled via a Flamenco API request. data: [], // Will be filled via a Flamenco API request.
selectable: 1, // Only allow a single row to be selected at a time. selectable: 1, // Only allow a single row to be selected at a time.
}; };