fix(orb-ui): Table checkboxes adjustments

orb-community · Oct 24, 2023 · ee49005 · ee49005
1 parent 53b8f95
commit ee49005
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 25 deletions.
diff --git a/ui/src/app/pages/datasets/policies.agent/list/agent.policy.list.component.ts b/ui/src/app/pages/datasets/policies.agent/list/agent.policy.list.component.ts
@@ -240,9 +240,10 @@ export class AgentPolicyListComponent
       {
         name: '',
         prop: 'checkbox',
-        width: 1,
+        width: 62,
         minWidth: 62,
-        canAutoResize: true,
+        canAutoResize: false,
+        resizeable: false,
         sortable: false,
         cellTemplate: this.checkboxTemplateCell,
         headerTemplate: this.checkboxTemplateHeader,
@@ -306,7 +307,7 @@ export class AgentPolicyListComponent
         },
         name: 'Last Modified',
         minWidth: 110,
-        width: 150,
+        width: 160,
         resizeable: true,
       },
       {

diff --git a/ui/src/app/pages/fleet/agents/list/agent.list.component.ts b/ui/src/app/pages/fleet/agents/list/agent.list.component.ts
@@ -226,16 +226,17 @@ export class AgentListComponent implements AfterViewInit, AfterViewChecked, OnDe
       {
         name: '',
         prop: 'checkbox',
-        width: 1,
+        width: 62,
         minWidth: 62,
-        canAutoResize: true,
+        canAutoResize: false,
+        resizeable: false,
         sortable: false,
         cellTemplate: this.checkboxTemplateCell,
         headerTemplate: this.checkboxTemplateHeader,
       },
       {
         prop: 'name',
-        width: 250,
+        width: 280,
         canAutoResize: true,
         minWidth: 150,
         name: 'Name',
@@ -244,7 +245,7 @@ export class AgentListComponent implements AfterViewInit, AfterViewChecked, OnDe
       },
       {
         prop: 'state',
-        width: 100,
+        width: 120,
         minWidth: 90,
         canAutoResize: true,
         name: 'Status',
@@ -253,7 +254,7 @@ export class AgentListComponent implements AfterViewInit, AfterViewChecked, OnDe
       },
       {
         prop: 'policy_agg_info',
-        width: 170,
+        width: 190,
         canAutoResize: true,
         minWidth: 150,
         name: 'Policies',
@@ -262,7 +263,7 @@ export class AgentListComponent implements AfterViewInit, AfterViewChecked, OnDe
       },
       {
         prop: 'combined_tags',
-        width: 300,
+        width: 340,
         canAutoResize: true,
         name: 'Tags',
         cellTemplate: this.agentTagsTemplateCell,
@@ -279,7 +280,7 @@ export class AgentListComponent implements AfterViewInit, AfterViewChecked, OnDe
       },
       {
         prop: 'version',
-        width: 200,
+        width: 210,
         minWidth: 150,
         canAutoResize: true,
         name: 'Version',
@@ -289,8 +290,8 @@ export class AgentListComponent implements AfterViewInit, AfterViewChecked, OnDe
       },
       {
         prop: 'ts_last_hb',
-        width: 150,
-        minWidth: 150,
+        width: 170,
+        minWidth: 160,
         canAutoResize: true,
         name: 'Last Activity',
         sortable: true,
@@ -300,8 +301,8 @@ export class AgentListComponent implements AfterViewInit, AfterViewChecked, OnDe
       {
         name: '',
         prop: 'actions',
-        width: 150,
-        minWidth: 150,
+        width: 145,
+        minWidth: 145,
         canAutoResize: true,
         sortable: false,
         cellTemplate: this.actionsTemplateCell,

diff --git a/ui/src/app/pages/fleet/groups/list/agent.group.list.component.ts b/ui/src/app/pages/fleet/groups/list/agent.group.list.component.ts
@@ -198,9 +198,10 @@ export class AgentGroupListComponent
       {
         name: '',
         prop: 'checkbox',
-        width: 1,
+        width: 62,
         minWidth: 62,
-        canAutoResize: true,
+        canAutoResize: false,
+        resizeable: false,
         sortable: false,
         cellTemplate: this.checkboxTemplateCell,
         headerTemplate: this.checkboxTemplateHeader,
@@ -235,7 +236,7 @@ export class AgentGroupListComponent
       },
       {
         prop: 'tags',
-        width: 450,
+        width: 460,
         canAutoResize: true,
         resizeable: true,
         cellTemplate: this.agentGroupTagsTemplateCell,

diff --git a/ui/src/app/pages/sinks/list/sink.list.component.ts b/ui/src/app/pages/sinks/list/sink.list.component.ts
@@ -180,9 +180,10 @@ export class SinkListComponent implements AfterViewInit, AfterViewChecked, OnDes
       {
         name: '',
         prop: 'checkbox',
-        width: 1,
+        width: 62,
         minWidth: 62,
-        canAutoResize: true,
+        canAutoResize: false,
+        resizeable: false,
         sortable: false,
         cellTemplate: this.checkboxTemplateCell,
         headerTemplate: this.checkboxTemplateHeader,
@@ -192,23 +193,23 @@ export class SinkListComponent implements AfterViewInit, AfterViewChecked, OnDes
         name: 'Name',
         canAutoResize: true,
         resizeable: true,
-        width: 220,
+        width: 250,
         minWidth: 150,
         cellTemplate: this.sinkNameTemplateCell,
       },
       {
         prop: 'state',
         name: 'Status',
         resizeable: true,
-        width: 150,
+        width: 160,
         cellTemplate: this.sinkStateTemplateCell,
       },
       {
         prop: 'backend',
         name: 'Backend',
         resizeable: true,
         minWidth: 120,
-        width: 150,
+        width: 160,
         cellTemplate: this.sinkNameTemplateCell,
       },
       {
@@ -222,7 +223,7 @@ export class SinkListComponent implements AfterViewInit, AfterViewChecked, OnDes
       {
         prop: 'tags',
         name: 'Tags',
-        width: 350,
+        width: 370,
         resizeable: true,
         cellTemplate: this.sinkTagsTemplateCell,
         comparator: (a, b) =>
@@ -238,10 +239,10 @@ export class SinkListComponent implements AfterViewInit, AfterViewChecked, OnDes
       {
         name: '',
         prop: 'actions',
-        minWidth: 150,
+        minWidth: 140,
         resizeable: true,
         sortable: false,
-        width: 150,
+        width: 140,
         cellTemplate: this.actionsTemplateCell,
       },
     ];