clean up the tables to make them more uniform

webui/package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@oracle/oraclejet": "^13.1.7",
-    "@oracle/wrc-jet-pack": "^2.4.2-develop.202303071626",
+    "@oracle/wrc-jet-pack": "^2.4.2-develop.202303162018",
     "ace-builds": "^1.15.0",
     "i18next": "^22.4.9",
     "jquery": "^3.6.3",

webui/src/js/viewModels/discover-result-dialog.js

@@ -62,12 +62,14 @@ function(accUtils, ko, i18n, viewHelper, ArrayDataProvider) {
 
     this.typesColumnData = [
       {
-        'headerText': this.labelMapper('file-location-header'),
-        'sortProperty': 'file'
+        headerText: this.labelMapper('file-location-header'),
+        sortProperty: 'file',
+        resizeable: 'enabled'
       },
       {
-        'headerText': this.labelMapper('archive-path-header'),
-        'sortable': 'disable'
+        headerText: this.labelMapper('archive-path-header'),
+        sortable: 'disable',
+        resizeable: 'enabled'
       }
     ];
 

webui/src/js/viewModels/domain-design-view.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021, 2022, Oracle and/or its affiliates.
+ * Copyright (c) 2021, 2023, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0 as shown at https://oss.oracle.com/licenses/upl/
  */
 define(['models/wkt-project', 'accUtils', 'utils/common-utilities', 'knockout', 'utils/i18n', 'utils/screen-utils',
@@ -261,42 +261,47 @@ function (project, accUtils, utils, ko, i18n, screenUtils, BufferingDataProvider
     this.clusterColumnData = [
       {
         headerText: this.labelMapper('clusters-name-heading'),
-        sortProperty: 'name'
+        sortProperty: 'name',
+        resizable: 'enabled'
       },
       {
         headerText: this.labelMapper('clusters-replicas-heading'),
-        sortProperty: 'replicas'
+        sortProperty: 'replicas',
+        resizable: 'enabled'
       },
       {
         headerText: this.labelMapper('clusters-min-heap-heading'),
-        sortProperty: 'minHeap'
+        sortProperty: 'minHeap',
+        resizable: 'enabled'
       },
       {
         headerText: this.labelMapper('clusters-max-heap-heading'),
-        sortProperty: 'maxHeap'
+        sortProperty: 'maxHeap',
+        resizable: 'enabled'
       },
       {
         headerText: this.labelMapper('clusters-cpu-request-heading'),
-        sortProperty: 'cpuRequest'
+        sortProperty: 'cpuRequest',
+        resizable: 'enabled'
       },
       {
         headerText: this.labelMapper('clusters-memory-request-heading'),
         sortProperty: 'memoryRequest'
       },
       {
-        'className': 'wkt-table-delete-cell',
-        'headerClassName': 'wkt-table-add-header',
-        'headerTemplate': 'chooseHeaderTemplate',
-        'template': 'actionTemplate',
-        'sortable': 'disable',
+        className: 'wkt-table-delete-cell',
+        headerClassName: 'wkt-table-add-header',
+        headerTemplate: 'chooseHeaderTemplate',
+        template: 'actionTemplate',
+        sortable: 'disable',
         width: viewHelper.BUTTON_COLUMN_WIDTH
       },
       {
-        'className': 'wkt-table-delete-cell',
-        'headerClassName': 'wkt-table-add-header',
-        'headerTemplate': 'headerTemplate',
-        'template': 'actionTemplate',
-        'sortable': 'disable',
+        className: 'wkt-table-delete-cell',
+        headerClassName: 'wkt-table-add-header',
+        headerTemplate: 'headerTemplate',
+        template: 'actionTemplate',
+        sortable: 'disable',
         width: viewHelper.BUTTON_COLUMN_WIDTH
       },
     ];
@@ -379,9 +384,9 @@ function (project, accUtils, utils, ko, i18n, screenUtils, BufferingDataProvider
 
     this.propertyTableColumnMetadata = () => {
       return [
-        {'headerText': this.labelMapper('propname-header'), 'sortProperty': 'Name', 'resizable': 'enabled'},
-        {'headerText': this.labelMapper('propvalue-header'), 'sortProperty': 'Value', 'resizable': 'enabled'},
-        {'headerText': this.labelMapper('propoverride-header'), 'sortProperty': 'Override', 'resizable': 'enabled'},
+        { headerText: this.labelMapper('propname-header'), sortProperty: 'Name', resizable: 'enabled' },
+        { headerText: this.labelMapper('propvalue-header'), sortProperty: 'Value', resizable: 'enabled' },
+        { headerText: this.labelMapper('propoverride-header'), sortProperty: 'Override', resizable: 'enabled' },
       ];
     };
 
@@ -414,18 +419,19 @@ function (project, accUtils, utils, ko, i18n, screenUtils, BufferingDataProvider
     this.nodeSelectorColumnMetadata = [
       {
         headerText: this.labelMapper('domain-node-selector-label-name-header'),
-        sortProperty: 'name'
+        sortProperty: 'name',
+        resizable: 'enabled'
       },
       {
         headerText: this.labelMapper('domain-node-selector-label-value-header'),
         sortable: 'disabled'
       },
       {
-        'className': 'wkt-table-delete-cell',
-        'headerClassName': 'wkt-table-add-header',
-        'headerTemplate': 'headerTemplate',
-        'template': 'actionTemplate',
-        'sortable': 'disable',
+        className: 'wkt-table-delete-cell',
+        headerClassName: 'wkt-table-add-header',
+        headerTemplate: 'headerTemplate',
+        template: 'actionTemplate',
+        sortable: 'disable',
         width: viewHelper.BUTTON_COLUMN_WIDTH
       },
     ];

webui/src/js/viewModels/ingress-design-view-impl.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021, 2022, Oracle and/or its affiliates.
+ * Copyright (c) 2021, 2023, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0 as shown at https://oss.oracle.com/licenses/upl/
  */
 
@@ -114,43 +114,48 @@ function(i18n, accUtils, ko, ArrayDataProvider, BufferingDataProvider, project,
     // this is dynamic to allow i18n fields to load correctly
     this.columnData = [
       {
-        'headerText': this.labelMapper('ingress-route-name-label'),
-        'sortProperty': 'name'
+        headerText: this.labelMapper('ingress-route-name-label'),
+        sortProperty: 'name',
+        resizable: 'enabled'
       },
       {
-        'headerText': this.labelMapper('ingress-route-virtualhost-label'),
-        'sortProperty': 'virtualHost'
+        headerText: this.labelMapper('ingress-route-virtualhost-label'),
+        sortProperty: 'virtualHost',
+        resizable: 'enabled'
       },
       {
-        'headerText': this.labelMapper('ingress-route-path-label'),
-        'sortProperty': 'path'
+        headerText: this.labelMapper('ingress-route-path-label'),
+        sortProperty: 'path',
+        resizable: 'enabled'
       },
       {
-        'headerText': this.labelMapper('ingress-route-targetservice-label'),
-        'sortProperty': 'targetService'
+        headerText: this.labelMapper('ingress-route-targetservice-label'),
+        sortProperty: 'targetService',
+        resizable: 'enabled'
       },
       {
-        'headerText': this.labelMapper('ingress-route-targetport-label'),
-        'sortProperty': 'targetPort'
+        headerText: this.labelMapper('ingress-route-targetport-label'),
+        sortProperty: 'targetPort',
+        resizable: 'enabled'
       },
       {
-        'headerText': this.labelMapper('ingress-route-accesspoint-label'),
-        'sortProperty': 'targetServiceNameSpace'
+        headerText: this.labelMapper('ingress-route-accesspoint-label'),
+        sortProperty: 'targetServiceNameSpace'
       },
       {
-        'className': 'wkt-table-delete-cell',
-        'headerClassName': 'wkt-table-add-header',
-        'headerTemplate': 'chooseHeaderTemplate',
-        'template': 'actionTemplate',
-        'sortable': 'disable',
+        className: 'wkt-table-delete-cell',
+        headerClassName: 'wkt-table-add-header',
+        headerTemplate: 'chooseHeaderTemplate',
+        template: 'actionTemplate',
+        sortable: 'disable',
         width: viewHelper.BUTTON_COLUMN_WIDTH
       },
       {
-        'className': 'wkt-table-delete-cell',
-        'headerClassName': 'wkt-table-add-header',
-        'headerTemplate': 'headerTemplate',
-        'template': 'actionTemplate',
-        'sortable': 'disable',
+        className: 'wkt-table-delete-cell',
+        headerClassName: 'wkt-table-add-header',
+        headerTemplate: 'headerTemplate',
+        template: 'actionTemplate',
+        sortable: 'disable',
         width: viewHelper.BUTTON_COLUMN_WIDTH
       }];
 

webui/src/js/viewModels/kubectl-page.js

@@ -44,22 +44,24 @@ function(accUtils, ko, project, i18n, ArrayDataProvider, BufferingDataProvider,
     this.vzManagedClustersColumnData = [
       {
         headerText: this.labelMapper('vz-managed-cluster-name-heading'),
-        sortProperty: 'name'
+        sortProperty: 'name',
+        resizable: 'enabled'
       },
       {
         headerText: this.labelMapper('vz-managed-cluster-kubeconfig-heading'),
-        'sortable': 'disable'
+        sortable: 'disable',
+        resizable: 'enabled'
       },
       {
         headerText: this.labelMapper('vz-managed-cluster-kubecontext-heading'),
         sortProperty: 'kubeContext'
       },
       {
-        'className': 'wkt-table-delete-cell',
-        'headerClassName': 'wkt-table-add-header',
-        'headerTemplate': 'headerTemplate',
-        'template': 'actionTemplate',
-        'sortable': 'disable',
+        className: 'wkt-table-delete-cell',
+        headerClassName: 'wkt-table-add-header',
+        headerTemplate: 'headerTemplate',
+        template: 'actionTemplate',
+        sortable: 'disable',
         width: viewHelper.BUTTON_COLUMN_WIDTH
       },
     ];

webui/src/js/viewModels/macos-environment-variables-dialog.js

@@ -51,20 +51,20 @@ function(accUtils, ko, i18n, viewHelper, ArrayDataProvider, ListDataProviderView
 
     this.environmentVariablesColumnData = [
       {
-        'className': 'wkt-table-env-vars-cell',
-        'headerClassName': 'wkt-table-env-vars-header',
-        'headerText': this.labelMapper('name-header'),
-        'field': 'name',
-        'resizable': 'enabled',
-        'weight': 30
+        className: 'wkt-table-env-vars-cell',
+        headerClassName: 'wkt-table-env-vars-header',
+        headerText: this.labelMapper('name-header'),
+        field: 'name',
+        resizable: 'enabled',
+        weight: 30
       },
       {
-        'className': 'wkt-table-env-vars-cell',
-        'headerClassName': 'wkt-table-env-vars-header',
-        'headerText': this.labelMapper('value-header'),
-        'field': 'value',
-        'resizable': 'enabled',
-        'weight': 70
+        className: 'wkt-table-env-vars-cell',
+        headerClassName: 'wkt-table-env-vars-header',
+        headerText: this.labelMapper('value-header'),
+        field: 'value',
+        resizable: 'enabled',
+        weight: 70
       }
     ];
 

webui/src/js/viewModels/macos-path-directories-dialog.js

@@ -45,11 +45,11 @@ function(accUtils, ko, i18n, viewHelper, ArrayDataProvider) {
 
     this.pathDirectoriesColumnData = [
       {
-        'className': 'wkt-table-env-vars-cell',
-        'headerClassName': 'wkt-table-env-vars-header',
-        'headerText': this.labelMapper('name-header'),
-        'field': 'value',
-        'sortable': 'disable'
+        className: 'wkt-table-env-vars-cell',
+        headerClassName: 'wkt-table-env-vars-header',
+        headerText: this.labelMapper('name-header'),
+        field: 'value',
+        sortable: 'disable'
       }
     ];
 

webui/src/js/viewModels/model-properties-view.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2021, Oracle and/or its affiliates.
+ * Copyright (c) 2021, 2023, Oracle and/or its affiliates.
  * Licensed under The Universal Permissive License (UPL), Version 1.0 as shown at https://oss.oracle.com/licenses/upl/
  */
 define(['accUtils', 'knockout', 'utils/i18n', 'utils/view-helper', 'ojs/ojarraydataprovider',
@@ -20,21 +20,20 @@ function (accUtils, ko, i18n, viewHelper, ArrayDataProvider, BufferingDataProvid
     // this is dynamic to allow i18n fields to load correctly
     this.columnData = [
       {
-        'headerText': this.labelMapper('name-header'),
-        'sortProperty': 'Name',
-        'resizable': 'enabled'
+        headerText: this.labelMapper('name-header'),
+        sortProperty: 'Name',
+        resizable: 'enabled'
       },
       {
-        'headerText': this.labelMapper('value-header'),
-        'sortProperty': 'Value',
-        'resizable': 'enabled'
+        headerText: this.labelMapper('value-header'),
+        sortProperty: 'Value'
       },
       {
-        'className': 'wkt-table-delete-cell',
-        'headerClassName': 'wkt-table-add-header',
-        'headerTemplate': 'headerTemplate',
-        'template': 'actionTemplate',
-        'sortable': 'disable',
+        className: 'wkt-table-delete-cell',
+        headerClassName: 'wkt-table-add-header',
+        headerTemplate: 'headerTemplate',
+        template: 'actionTemplate',
+        sortable: 'disable',
         width: viewHelper.BUTTON_COLUMN_WIDTH
       }];