diff --git a/dashboard/src/views/AppsView.vue b/dashboard/src/views/AppsView.vue index a755b0382..be3d9d751 100644 --- a/dashboard/src/views/AppsView.vue +++ b/dashboard/src/views/AppsView.vue @@ -62,18 +62,8 @@ const listColumns = { sort: true, hideMobile: true, }, - status: { - label: 'Status', - hideMobile: true, - sort: (a, b, fullA, fullB) => { - if (!fullA || !fullA) return -1; - const checkA = fullA.installationState + '-' + fullA.runState + '-' + fullA.health; - const checkB = fullB.installationState + '-' + fullB.runState + '-' + fullB.health; - return checkA < checkB ? -1 : (checkA > checkB ? 1 : 0); - }, - }, appTitle: { - label: 'App Title', + label: 'App', hideMobile: true, sort: (a, b, fullA, fullB) => { if (!fullA || !fullA) return -1; @@ -83,7 +73,6 @@ const listColumns = { }, }, sso: { - label: 'Login', hideMobile: true, sort: (a, b, fullA, fullB) => { if (!fullA || !fullA) return -1; @@ -93,6 +82,17 @@ const listColumns = { return checkA - checkB; }, + width: '30px', + }, + status: { + label: 'Status', + hideMobile: true, + sort: (a, b, fullA, fullB) => { + if (!fullA || !fullA) return -1; + const checkA = fullA.installationState + '-' + fullA.runState + '-' + fullA.health; + const checkB = fullB.installationState + '-' + fullB.runState + '-' + fullB.health; + return checkA < checkB ? -1 : (checkA > checkB ? 1 : 0); + }, }, checklist: {}, actions: {} @@ -341,6 +341,7 @@ onDeactivated(() => { + @@ -546,6 +547,10 @@ tr:hover .action-button { align-items: center; } +.list-item-update-indicator { + color: var(--pankow-color-success); +} + .list-item-checklist-indicator { color: var(--pankow-color-danger); }