@rancher/shell 3.0.8-rc.8 → 3.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (260) hide show
  1. package/apis/impl/apis.ts +61 -0
  2. package/apis/index.ts +40 -0
  3. package/apis/intf/modal.ts +90 -0
  4. package/apis/intf/shell.ts +36 -0
  5. package/apis/intf/slide-in.ts +98 -0
  6. package/apis/intf/system.ts +41 -0
  7. package/apis/shell/__tests__/modal.test.ts +80 -0
  8. package/apis/shell/__tests__/notifications.test.ts +71 -0
  9. package/apis/shell/__tests__/slide-in.test.ts +54 -0
  10. package/apis/shell/__tests__/system.test.ts +129 -0
  11. package/apis/shell/index.ts +38 -0
  12. package/apis/shell/modal.ts +41 -0
  13. package/apis/shell/notifications.ts +65 -0
  14. package/apis/shell/slide-in.ts +33 -0
  15. package/apis/shell/system.ts +65 -0
  16. package/apis/vue-shim.d.ts +11 -0
  17. package/assets/brand/suse/dark/rancher-logo.svg +1 -64
  18. package/assets/styles/global/_tooltip.scss +6 -1
  19. package/assets/translations/en-us.yaml +14 -1
  20. package/components/ActionMenuShell.vue +3 -1
  21. package/components/BackLink.vue +8 -0
  22. package/components/BannerGraphic.vue +1 -5
  23. package/components/BrandImage.vue +17 -6
  24. package/components/Cron/CronExpressionEditor.vue +1 -1
  25. package/components/Cron/CronExpressionEditorModal.vue +1 -1
  26. package/components/CruResource.vue +8 -1
  27. package/components/Drawer/ResourceDetailDrawer/ConfigTab.vue +1 -0
  28. package/components/Drawer/ResourceDetailDrawer/__tests__/composables.test.ts +50 -1
  29. package/components/Drawer/ResourceDetailDrawer/composables.ts +19 -0
  30. package/components/Drawer/ResourceDetailDrawer/index.vue +4 -1
  31. package/components/Drawer/ResourceDetailDrawer/types.ts +2 -1
  32. package/components/LocaleSelector.vue +2 -2
  33. package/components/ModalManager.vue +11 -1
  34. package/components/Questions/__tests__/Yaml.test.ts +1 -1
  35. package/components/Questions/__tests__/index.test.ts +159 -0
  36. package/components/RelatedResources.vue +5 -0
  37. package/components/Resource/Detail/Metadata/Annotations/index.vue +2 -2
  38. package/components/Resource/Detail/Metadata/Labels/index.vue +2 -2
  39. package/components/Resource/Detail/Metadata/index.vue +3 -3
  40. package/components/Resource/Detail/ResourcePopover/index.vue +5 -1
  41. package/components/Resource/Detail/composables.ts +2 -2
  42. package/components/ResourceDetail/Masthead/latest.vue +23 -21
  43. package/components/ResourceDetail/index.vue +3 -0
  44. package/components/ResourceTable.vue +54 -21
  45. package/components/SlideInPanelManager.vue +16 -11
  46. package/components/SortableTable/THead.vue +2 -1
  47. package/components/SortableTable/index.vue +20 -2
  48. package/components/Tabbed/__tests__/index.test.ts +86 -0
  49. package/components/Tabbed/index.vue +37 -2
  50. package/components/__tests__/NamespaceFilter.test.ts +49 -0
  51. package/components/auth/SelectPrincipal.vue +28 -6
  52. package/components/auth/__tests__/SelectPrincipal.test.ts +119 -0
  53. package/components/auth/login/ldap.vue +3 -3
  54. package/components/fleet/FleetSecretSelector.vue +1 -1
  55. package/components/form/KeyValue.vue +1 -1
  56. package/components/form/NameNsDescription.vue +1 -1
  57. package/components/form/NodeScheduling.vue +2 -2
  58. package/components/form/ResourceTabs/composable.ts +2 -2
  59. package/components/form/ResourceTabs/index.vue +0 -2
  60. package/components/form/__tests__/NameNsDescription.test.ts +42 -0
  61. package/components/formatter/InternalExternalIP.vue +4 -1
  62. package/components/formatter/LinkName.vue +5 -0
  63. package/components/formatter/__tests__/InternalExternalIP.test.ts +1 -1
  64. package/components/nav/Group.vue +25 -7
  65. package/components/nav/Header.vue +1 -1
  66. package/components/nav/NamespaceFilter.vue +1 -0
  67. package/components/nav/Type.vue +17 -6
  68. package/components/nav/WindowManager/panels/TabBodyContainer.vue +1 -1
  69. package/components/nav/__tests__/Type.test.ts +59 -0
  70. package/components/templates/standalone.vue +1 -1
  71. package/composables/cruResource.ts +27 -0
  72. package/composables/focusTrap.ts +3 -1
  73. package/composables/resourceDetail.ts +15 -0
  74. package/composables/useI18n.ts +10 -1
  75. package/composables/useLabeledFormElement.ts +3 -4
  76. package/config/__test__/uiplugins.test.ts +309 -0
  77. package/config/labels-annotations.js +1 -0
  78. package/config/product/explorer.js +3 -1
  79. package/config/product/fleet.js +1 -1
  80. package/config/router/navigation-guards/clusters.js +3 -3
  81. package/config/router/navigation-guards/products.js +1 -1
  82. package/config/router/routes.js +7 -7
  83. package/config/types.js +7 -0
  84. package/config/uiplugins.js +46 -2
  85. package/core/__tests__/extension-manager-impl.test.js +437 -0
  86. package/core/extension-manager-impl.js +21 -25
  87. package/core/plugin-helpers.ts +2 -2
  88. package/core/plugin.ts +9 -1
  89. package/core/plugins-loader.js +2 -2
  90. package/core/types-provisioning.ts +5 -1
  91. package/core/types.ts +35 -0
  92. package/detail/provisioning.cattle.io.cluster.vue +9 -6
  93. package/dialog/DeveloperLoadExtensionDialog.vue +13 -4
  94. package/dialog/MoveNamespaceDialog.vue +20 -4
  95. package/dialog/RollbackWorkloadDialog.vue +2 -5
  96. package/dialog/SearchDialog.vue +1 -0
  97. package/dialog/__tests__/MoveNamespaceDialog.test.ts +249 -0
  98. package/directives/__tests__/clean-tooltip.test.ts +298 -0
  99. package/directives/clean-tooltip.ts +234 -0
  100. package/edit/__tests__/fleet.cattle.io.gitrepo.test.ts +2 -2
  101. package/edit/__tests__/fleet.cattle.io.helmop.test.ts +100 -3
  102. package/edit/autoscaling.horizontalpodautoscaler/index.vue +1 -0
  103. package/edit/configmap.vue +1 -0
  104. package/edit/constraints.gatekeeper.sh.constraint/index.vue +1 -0
  105. package/edit/fleet.cattle.io.helmop.vue +11 -6
  106. package/edit/helm.cattle.io.projecthelmchart.vue +1 -0
  107. package/edit/k8s.cni.cncf.io.networkattachmentdefinition.vue +1 -0
  108. package/edit/logging-flow/index.vue +1 -0
  109. package/edit/logging.banzaicloud.io.output/index.vue +1 -0
  110. package/edit/management.cattle.io.fleetworkspace.vue +1 -1
  111. package/edit/management.cattle.io.project.vue +1 -0
  112. package/edit/monitoring.coreos.com.alertmanagerconfig/index.vue +4 -1
  113. package/edit/monitoring.coreos.com.alertmanagerconfig/receiverConfig.vue +2 -1
  114. package/edit/monitoring.coreos.com.prometheusrule/index.vue +1 -0
  115. package/edit/monitoring.coreos.com.receiver/index.vue +2 -1
  116. package/edit/monitoring.coreos.com.route.vue +1 -1
  117. package/edit/namespace.vue +1 -0
  118. package/edit/networking.istio.io.destinationrule/index.vue +1 -0
  119. package/edit/networking.k8s.io.ingress/index.vue +1 -0
  120. package/edit/networking.k8s.io.networkpolicy/PolicyRules.vue +1 -0
  121. package/edit/networking.k8s.io.networkpolicy/index.vue +1 -0
  122. package/edit/node.vue +1 -0
  123. package/edit/persistentvolume/index.vue +27 -22
  124. package/edit/persistentvolume/plugins/awsElasticBlockStore.vue +13 -14
  125. package/edit/persistentvolume/plugins/azureDisk.vue +49 -48
  126. package/edit/persistentvolume/plugins/azureFile.vue +15 -14
  127. package/edit/persistentvolume/plugins/cephfs.vue +15 -14
  128. package/edit/persistentvolume/plugins/cinder.vue +15 -14
  129. package/edit/persistentvolume/plugins/csi.vue +18 -16
  130. package/edit/persistentvolume/plugins/fc.vue +13 -14
  131. package/edit/persistentvolume/plugins/flexVolume.vue +15 -14
  132. package/edit/persistentvolume/plugins/flocker.vue +1 -3
  133. package/edit/persistentvolume/plugins/gcePersistentDisk.vue +13 -14
  134. package/edit/persistentvolume/plugins/glusterfs.vue +15 -14
  135. package/edit/persistentvolume/plugins/hostPath.vue +40 -39
  136. package/edit/persistentvolume/plugins/iscsi.vue +13 -14
  137. package/edit/persistentvolume/plugins/local.vue +1 -3
  138. package/edit/persistentvolume/plugins/longhorn.vue +23 -22
  139. package/edit/persistentvolume/plugins/nfs.vue +15 -14
  140. package/edit/persistentvolume/plugins/photonPersistentDisk.vue +1 -14
  141. package/edit/persistentvolume/plugins/portworxVolume.vue +15 -14
  142. package/edit/persistentvolume/plugins/quobyte.vue +15 -14
  143. package/edit/persistentvolume/plugins/rbd.vue +15 -14
  144. package/edit/persistentvolume/plugins/scaleIO.vue +15 -14
  145. package/edit/persistentvolume/plugins/storageos.vue +15 -14
  146. package/edit/persistentvolume/plugins/vsphereVolume.vue +1 -3
  147. package/edit/provisioning.cattle.io.cluster/__tests__/rke2.test.ts +21 -21
  148. package/edit/provisioning.cattle.io.cluster/index.vue +5 -5
  149. package/edit/provisioning.cattle.io.cluster/rke2.vue +9 -8
  150. package/edit/resources.cattle.io.restore.vue +1 -1
  151. package/edit/secret/index.vue +1 -1
  152. package/edit/service.vue +1 -0
  153. package/edit/serviceaccount.vue +1 -0
  154. package/edit/storage.k8s.io.storageclass/index.vue +1 -0
  155. package/edit/workload/Job.vue +2 -2
  156. package/edit/workload/index.vue +2 -1
  157. package/edit/workload/mixins/workload.js +1 -1
  158. package/initialize/App.vue +4 -4
  159. package/initialize/install-plugins.js +19 -5
  160. package/machine-config/azure.vue +1 -1
  161. package/machine-config/components/GCEImage.vue +1 -1
  162. package/mixins/__tests__/brand.spec.ts +2 -2
  163. package/mixins/brand.js +1 -7
  164. package/mixins/create-edit-view/index.js +5 -0
  165. package/models/__tests__/provisioning.cattle.io.cluster.test.ts +128 -5
  166. package/models/chart.js +70 -74
  167. package/models/management.cattle.io.cluster.js +21 -3
  168. package/models/provisioning.cattle.io.cluster.js +31 -11
  169. package/package.json +11 -10
  170. package/pages/auth/login.vue +4 -6
  171. package/pages/auth/setup.vue +1 -1
  172. package/pages/auth/verify.vue +3 -3
  173. package/pages/c/_cluster/apps/charts/__tests__/chart.test.ts +135 -0
  174. package/pages/c/_cluster/apps/charts/chart.vue +33 -15
  175. package/pages/c/_cluster/apps/charts/index.vue +122 -24
  176. package/pages/c/_cluster/apps/charts/install.vue +33 -0
  177. package/pages/c/_cluster/explorer/__tests__/index.test.ts +1 -1
  178. package/pages/c/_cluster/explorer/index.vue +8 -6
  179. package/pages/c/_cluster/fleet/index.vue +4 -7
  180. package/pages/c/_cluster/manager/hostedprovider/index.vue +12 -6
  181. package/pages/c/_cluster/settings/brand.vue +1 -1
  182. package/pages/c/_cluster/settings/index.vue +5 -0
  183. package/pages/c/_cluster/uiplugins/__tests__/index.test.ts +7 -0
  184. package/pages/c/_cluster/uiplugins/catalogs.vue +147 -0
  185. package/pages/c/_cluster/uiplugins/index.vue +126 -184
  186. package/pkg/auto-import.js +3 -3
  187. package/pkg/dynamic-importer.lib.js +1 -1
  188. package/pkg/import.js +1 -1
  189. package/plugins/__tests__/mutations.tests.ts +179 -0
  190. package/plugins/dashboard-client-init.js +3 -0
  191. package/plugins/dashboard-store/getters.js +19 -2
  192. package/plugins/dashboard-store/model-loader.js +1 -1
  193. package/plugins/dashboard-store/mutations.js +23 -2
  194. package/plugins/dashboard-store/resource-class.js +11 -5
  195. package/plugins/i18n.js +8 -0
  196. package/plugins/plugin.js +2 -2
  197. package/plugins/steve/__tests__/steve-pagination-utils.test.ts +506 -0
  198. package/plugins/steve/steve-class.js +1 -1
  199. package/plugins/steve/steve-pagination-utils.ts +131 -47
  200. package/rancher-components/Form/Checkbox/Checkbox.vue +1 -1
  201. package/rancher-components/Form/LabeledInput/LabeledInput.vue +1 -1
  202. package/rancher-components/Pill/RcStatusBadge/RcStatusBadge.vue +6 -42
  203. package/rancher-components/Pill/RcStatusBadge/index.ts +0 -1
  204. package/rancher-components/Pill/RcStatusBadge/types.ts +1 -1
  205. package/rancher-components/Pill/RcStatusIndicator/RcStatusIndicator.vue +5 -28
  206. package/rancher-components/Pill/RcStatusIndicator/types.ts +2 -1
  207. package/rancher-components/Pill/types.ts +0 -1
  208. package/rancher-components/RcDropdown/useDropdownContext.ts +2 -4
  209. package/rancher-components/RcIcon/RcIcon.test.ts +51 -0
  210. package/rancher-components/RcIcon/RcIcon.vue +46 -0
  211. package/rancher-components/RcIcon/index.ts +1 -0
  212. package/rancher-components/RcIcon/types.ts +160 -0
  213. package/rancher-components/RcItemCard/RcItemCard.vue +1 -1
  214. package/rancher-components/utils/status.test.ts +67 -0
  215. package/rancher-components/utils/status.ts +77 -0
  216. package/scripts/publish-shell.sh +25 -0
  217. package/scripts/typegen.sh +1 -0
  218. package/store/__tests__/catalog.test.ts +1 -1
  219. package/store/__tests__/type-map.test.ts +164 -2
  220. package/store/action-menu.js +8 -0
  221. package/store/auth.js +25 -13
  222. package/store/catalog.js +6 -0
  223. package/store/i18n.js +3 -3
  224. package/store/index.js +8 -6
  225. package/store/notifications.ts +2 -0
  226. package/store/prefs.js +6 -7
  227. package/store/type-map.js +17 -7
  228. package/store/wm.ts +4 -4
  229. package/types/internal-api/shell/modal.d.ts +6 -6
  230. package/types/notifications/index.ts +126 -15
  231. package/types/rancher/index.d.ts +9 -0
  232. package/types/shell/index.d.ts +54 -3
  233. package/types/store/__tests__/pagination.types.spec.ts +137 -0
  234. package/types/store/pagination.types.ts +157 -9
  235. package/types/vue-shim.d.ts +5 -4
  236. package/utils/__tests__/provider.test.ts +98 -0
  237. package/utils/__tests__/router.test.js +238 -0
  238. package/utils/__tests__/selector-typed.test.ts +263 -0
  239. package/utils/cluster.js +4 -1
  240. package/utils/color.js +1 -1
  241. package/utils/dynamic-content/__tests__/info.test.ts +6 -0
  242. package/utils/dynamic-content/info.ts +43 -0
  243. package/utils/favicon.js +4 -4
  244. package/utils/fleet.ts +8 -1
  245. package/utils/pagination-utils.ts +2 -2
  246. package/utils/pagination-wrapper.ts +1 -1
  247. package/utils/provider.ts +14 -0
  248. package/utils/router.js +50 -0
  249. package/utils/selector-typed.ts +6 -2
  250. package/utils/unit-tests/pagination-utils.spec.ts +8 -8
  251. package/vue.config.js +3 -3
  252. package/composables/useExtensionManager.ts +0 -17
  253. package/core/plugins.js +0 -38
  254. package/directives/clean-tooltip.js +0 -32
  255. package/plugins/internal-api/index.ts +0 -37
  256. package/plugins/internal-api/shared/base-api.ts +0 -13
  257. package/plugins/internal-api/shell/shell.api.ts +0 -108
  258. package/plugins/nuxt-client-init.js +0 -3
  259. package/types/internal-api/shell/growl.d.ts +0 -25
  260. package/types/internal-api/shell/slideIn.d.ts +0 -15
@@ -278,6 +278,7 @@ export default {
278
278
  <Tabbed
279
279
  :side-tabs="true"
280
280
  :use-hash="useTabbedHash"
281
+ :default-tab="defaultTab"
281
282
  @changed="onTabChanged"
282
283
  >
283
284
  <Tab
@@ -80,6 +80,7 @@ export default {
80
80
  type: CONFIG_MAP
81
81
  }
82
82
  }, this.$store);
83
+ this.currentUser = await this.value.getCurrentUser();
83
84
  },
84
85
 
85
86
  data() {
@@ -237,11 +238,11 @@ export default {
237
238
  },
238
239
 
239
240
  downstreamSecretsList() {
240
- return (this.value.spec.helm.downstreamResources || []).filter((r) => r.kind === 'Secret').map((r) => r.name);
241
+ return (this.value.spec.downstreamResources || []).filter((r) => r.kind === 'Secret').map((r) => r.name);
241
242
  },
242
243
 
243
244
  downstreamConfigMapsList() {
244
- return (this.value.spec.helm.downstreamResources || []).filter((r) => r.kind === 'ConfigMap').map((r) => r.name);
245
+ return (this.value.spec.downstreamResources || []).filter((r) => r.kind === 'ConfigMap').map((r) => r.name);
245
246
  },
246
247
  },
247
248
 
@@ -405,6 +406,10 @@ export default {
405
406
 
406
407
  updateBeforeSave() {
407
408
  this.value.spec['correctDrift'] = { enabled: this.correctDriftEnabled };
409
+
410
+ if (this.mode === _CREATE) {
411
+ this.value.metadata.labels[FLEET_LABELS.CREATED_BY_USER_ID] = this.currentUser.id;
412
+ }
408
413
  },
409
414
 
410
415
  durationSeconds(value) {
@@ -446,14 +451,14 @@ export default {
446
451
  updateDownstreamResources(kind, list) {
447
452
  switch (kind) {
448
453
  case 'Secret':
449
- this.value.spec.helm.downstreamResources = [
450
- ...(this.value.spec.helm.downstreamResources || []).filter((r) => r.kind !== 'Secret'),
454
+ this.value.spec.downstreamResources = [
455
+ ...(this.value.spec.downstreamResources || []).filter((r) => r.kind !== 'Secret'),
451
456
  ...(list || []).map((name) => ({ name, kind: 'Secret' })),
452
457
  ];
453
458
  break;
454
459
  case 'ConfigMap':
455
- this.value.spec.helm.downstreamResources = [
456
- ...(this.value.spec.helm.downstreamResources || []).filter((r) => r.kind !== 'ConfigMap'),
460
+ this.value.spec.downstreamResources = [
461
+ ...(this.value.spec.downstreamResources || []).filter((r) => r.kind !== 'ConfigMap'),
457
462
  ...(list || []).map((name) => ({ name, kind: 'ConfigMap' })),
458
463
  ];
459
464
  break;
@@ -143,6 +143,7 @@ export default {
143
143
  ref="tabs"
144
144
  :side-tabs="true"
145
145
  :use-hash="useTabbedHash"
146
+ :default-tab="defaultTab"
146
147
  >
147
148
  <Questions
148
149
  v-model:value="value.spec.values"
@@ -74,6 +74,7 @@ export default {
74
74
  class="mt-15"
75
75
  :side-tabs="true"
76
76
  :use-hash="useTabbedHash"
77
+ :default-tab="defaultTab"
77
78
  >
78
79
  <Tab
79
80
  name="basics"
@@ -405,6 +405,7 @@ export default {
405
405
  <Tabbed
406
406
  :side-tabs="true"
407
407
  :use-hash="useTabbedHash"
408
+ :default-tab="defaultTab"
408
409
  @changed="tabChanged($event)"
409
410
  >
410
411
  <Tab
@@ -212,6 +212,7 @@ export default {
212
212
  ref="tabbed"
213
213
  :side-tabs="true"
214
214
  :use-hash="useTabbedHash"
215
+ :default-tab="defaultTab"
215
216
  @changed="tabChanged($event)"
216
217
  >
217
218
  <Tab
@@ -199,7 +199,7 @@ export default {
199
199
 
200
200
  <Tabbed
201
201
  :side-tabs="true"
202
- default-tab="members"
202
+ :default-tab="defaultTab || 'members'"
203
203
  :use-hash="useTabbedHash"
204
204
  >
205
205
  <!-- <Tab name="members" label-key="generic.members" :weight="2">
@@ -198,6 +198,7 @@ export default {
198
198
  <Tabbed
199
199
  :side-tabs="true"
200
200
  :use-hash="useTabbedHash"
201
+ :default-tab="defaultTab"
201
202
  >
202
203
  <Tab
203
204
  v-if="canViewMembers"
@@ -204,7 +204,10 @@ export default {
204
204
  @input="$emit('input', $event)"
205
205
  />
206
206
 
207
- <Tabbed :use-hash="useTabbedHash">
207
+ <Tabbed
208
+ :use-hash="useTabbedHash"
209
+ :default-tab="defaultTab"
210
+ >
208
211
  <Tab
209
212
  :label="t('monitoring.route.label')"
210
213
  :weight="1"
@@ -313,8 +313,9 @@ export default {
313
313
  <Tabbed
314
314
  ref="tabbed"
315
315
  :side-tabs="true"
316
- default-tab="overview"
316
+ :default-tab="defaultTab || 'overview'"
317
317
  :use-hash="useTabbedHash"
318
+
318
319
  @changed="tabChanged"
319
320
  >
320
321
  <Tab
@@ -155,6 +155,7 @@ export default {
155
155
  :side-tabs="true"
156
156
  :show-tabs-add-remove="mode !== 'view'"
157
157
  :use-hash="useTabbedHash"
158
+ :default-tab="defaultTab"
158
159
  @addTab="addRuleGroup"
159
160
  @removeTab="removeGroupRule"
160
161
  >
@@ -218,8 +218,9 @@ export default {
218
218
  <Tabbed
219
219
  ref="tabbed"
220
220
  :side-tabs="true"
221
- default-tab="overview"
221
+ :default-tab="defaultTab || 'overview'"
222
222
  :use-hash="useTabbedHash"
223
+
223
224
  @changed="tabChanged"
224
225
  >
225
226
  <Tab
@@ -102,7 +102,7 @@ export default {
102
102
  <Tabbed
103
103
  ref="tabbed"
104
104
  :side-tabs="true"
105
- default-tab="overview"
105
+ :default-tab="defaultTab || 'overview'"
106
106
  :use-hash="useTabbedHash"
107
107
  >
108
108
  <Tab
@@ -203,6 +203,7 @@ export default {
203
203
  :mode="mode"
204
204
  :side-tabs="true"
205
205
  :use-hash="useTabbedHash"
206
+ :default-tab="defaultTab"
206
207
  @update:value="$emit('input', $event)"
207
208
  >
208
209
  <Tab
@@ -69,6 +69,7 @@ export default {
69
69
  <Tabbed
70
70
  :side-tabs="true"
71
71
  :use-hash="useTabbedHash"
72
+ :default-tab="defaultTab"
72
73
  >
73
74
  <Tab
74
75
  name="subsets"
@@ -229,6 +229,7 @@ export default {
229
229
  <Tabbed
230
230
  :side-tabs="true"
231
231
  :use-hash="useTabbedHash"
232
+ :default-tab="defaultTab"
232
233
  >
233
234
  <Tab
234
235
  :label="firstTabLabel"
@@ -59,6 +59,7 @@ export default {
59
59
  :side-tabs="true"
60
60
  :show-tabs-add-remove="mode !== 'view'"
61
61
  :use-hash="useTabbedHash"
62
+ :default-tab="defaultTab"
62
63
  @addTab="addPolicyRule"
63
64
  @removeTab="removePolicyRule"
64
65
  >
@@ -178,6 +178,7 @@ export default {
178
178
  <Tabbed
179
179
  :side-tabs="true"
180
180
  :use-hash="useTabbedHash"
181
+ :default-tab="defaultTab"
181
182
  >
182
183
  <Tab
183
184
  name="ingress"
package/edit/node.vue CHANGED
@@ -51,6 +51,7 @@ export default {
51
51
  :value="value"
52
52
  :mode="mode"
53
53
  :use-hash="useTabbedHash"
54
+ :default-tab="defaultTab"
54
55
  @update:value="$emit('input', $event)"
55
56
  >
56
57
  <Tab
@@ -22,6 +22,8 @@ import InfoBox from '@shell/components/InfoBox';
22
22
  import { mapFeature, UNSUPPORTED_STORAGE_DRIVERS } from '@shell/store/features';
23
23
  import ResourceManager from '@shell/mixins/resource-manager';
24
24
 
25
+ const DEFAULT_ACCESS_MODES = ['ReadWriteOnce'];
26
+
25
27
  export default {
26
28
  name: 'PersistentVolume',
27
29
  inheritAttrs: false,
@@ -64,36 +66,42 @@ export default {
64
66
  },
65
67
 
66
68
  data() {
67
- const NONE_OPTION = {
68
- label: this.t('generic.none'),
69
- value: ''
69
+ return {
70
+ secondaryResourceData: this.secondaryResourceDataConfig(),
71
+ storageClassOptions: [],
72
+ currentClaim: null,
73
+ plugin: '',
74
+ initialNodeAffinity: null,
75
+ NODE,
70
76
  };
71
- const defaultAccessModes = ['ReadWriteOnce'];
77
+ },
72
78
 
79
+ created() {
73
80
  this.value['spec'] = this.value.spec || {};
74
- this.value.spec['accessModes'] = this.value.spec.accessModes || defaultAccessModes;
81
+ this.value.spec['accessModes'] = this.value.spec.accessModes || DEFAULT_ACCESS_MODES;
75
82
  this.value.spec['capacity'] = this.value.spec.capacity || {};
76
83
  this.value.spec.capacity['storage'] = this.value.spec.capacity.storage || '10Gi';
77
- this.value.spec['storageClassName'] = this.value.spec.storageClassName || NONE_OPTION.value;
84
+ this.value.spec['storageClassName'] = this.value.spec.storageClassName || this.noneOption.value;
78
85
 
79
86
  const foundPlugin = this.value.isLonghorn ? LONGHORN_PLUGIN : VOLUME_PLUGINS.find((plugin) => this.value.spec[plugin.value]);
80
- const plugin = (foundPlugin || VOLUME_PLUGINS[0]).value;
81
87
 
82
- return {
83
- secondaryResourceData: this.secondaryResourceDataConfig(),
84
- storageClassOptions: [],
85
- currentClaim: null,
86
- plugin,
87
- NONE_OPTION,
88
- NODE,
89
- initialNodeAffinity: clone(this.value.spec.nodeAffinity),
90
- };
88
+ this.plugin = (foundPlugin || VOLUME_PLUGINS[0]).value;
89
+ this.initialNodeAffinity = clone(this.value.spec.nodeAffinity);
90
+
91
+ this.registerBeforeHook(this.willSave, 'willSave');
91
92
  },
92
93
 
93
94
  computed: {
94
95
  showUnsupportedStorage: mapFeature(UNSUPPORTED_STORAGE_DRIVERS),
95
96
  ...mapGetters(['currentProduct', 'currentCluster']),
96
97
 
98
+ noneOption() {
99
+ return {
100
+ label: this.t('generic.none'),
101
+ value: ''
102
+ };
103
+ },
104
+
97
105
  readWriteOnce: {
98
106
  get() {
99
107
  return this.value.spec.accessModes.includes('ReadWriteOnce');
@@ -149,10 +157,6 @@ export default {
149
157
  }
150
158
  },
151
159
 
152
- created() {
153
- this.registerBeforeHook(this.willSave, 'willSave');
154
- },
155
-
156
160
  methods: {
157
161
  secondaryResourceDataConfig() {
158
162
  return {
@@ -168,7 +172,7 @@ export default {
168
172
  value: s.metadata.name
169
173
  }));
170
174
 
171
- storageClassOptions.unshift(this.NONE_OPTION);
175
+ storageClassOptions.unshift(this.noneOption);
172
176
 
173
177
  return storageClassOptions;
174
178
  }
@@ -194,7 +198,7 @@ export default {
194
198
  return require(`./plugins/${ name }`).default;
195
199
  },
196
200
  willSave() {
197
- if (this.value.spec.storageClassName === this.NONE_OPTION.value) {
201
+ if (this.value.spec.storageClassName === this.noneOption.value) {
198
202
  this.value.spec['storageClassName'] = null;
199
203
  }
200
204
 
@@ -280,6 +284,7 @@ export default {
280
284
  <Tabbed
281
285
  :side-tabs="true"
282
286
  :use-hash="useTabbedHash"
287
+ :default-tab="defaultTab"
283
288
  >
284
289
  <Tab
285
290
  name="plugin-configuration"
@@ -14,25 +14,24 @@ export default {
14
14
  required: true,
15
15
  },
16
16
  },
17
- data() {
17
+ created() {
18
18
  this.value.spec['awsElasticBlockStore'] = this.value.spec.awsElasticBlockStore || {};
19
19
  this.value.spec.awsElasticBlockStore['readOnly'] = this.value.spec.awsElasticBlockStore.readOnly || false;
20
20
  this.value.spec.awsElasticBlockStore['partition'] = this.value.spec.awsElasticBlockStore.partition || 0;
21
-
22
- const readOnlyOptions = [
23
- {
24
- label: this.t('generic.yes'),
25
- value: true
26
- },
27
- {
28
- label: this.t('generic.no'),
29
- value: false
30
- }
31
- ];
32
-
33
- return { readOnlyOptions };
34
21
  },
35
22
  computed: {
23
+ readOnlyOptions() {
24
+ return [
25
+ {
26
+ label: this.t('generic.yes'),
27
+ value: true
28
+ },
29
+ {
30
+ label: this.t('generic.no'),
31
+ value: false
32
+ }
33
+ ];
34
+ },
36
35
  partition: {
37
36
  get() {
38
37
  return this.value.spec.awsElasticBlockStore.partition;
@@ -14,57 +14,58 @@ export default {
14
14
  required: true,
15
15
  },
16
16
  },
17
- data() {
18
- const readOnlyOptions = [
19
- {
20
- label: this.t('generic.yes'),
21
- value: true
22
- },
23
- {
24
- label: this.t('generic.no'),
25
- value: false
26
- }
27
- ];
28
-
29
- const kindOptions = [
30
- {
31
- label: this.t('persistentVolume.azureDisk.kind.dedicated'),
32
- value: 'Dedicated'
33
- },
34
- {
35
- label: this.t('persistentVolume.azureDisk.kind.managed'),
36
- value: 'Managed'
37
- },
38
- {
39
- label: this.t('persistentVolume.azureDisk.kind.shared'),
40
- value: 'Shared'
41
- }
42
- ];
43
-
44
- const cachingModeOptions = [
45
- {
46
- label: this.t('persistentVolume.azureDisk.cachingMode.none'),
47
- value: 'None'
48
- },
49
- {
50
- label: this.t('persistentVolume.azureDisk.cachingMode.readOnly'),
51
- value: 'ReadOnly'
52
- },
53
- {
54
- label: this.t('persistentVolume.azureDisk.cachingMode.readWrite'),
55
- value: 'ReadWrite'
56
- }
57
- ];
58
-
17
+ created() {
59
18
  this.value.spec['azureDisk'] = this.value.spec.azureDisk || {};
60
19
  this.value.spec.azureDisk['readOnly'] = this.value.spec.azureDisk.readOnly || false;
61
- this.value.spec.azureDisk['cachingMode'] = this.value.spec.azureDisk.cachingMode || cachingModeOptions[0].value;
62
- this.value.spec.azureDisk['kind'] = this.value.spec.azureDisk.kind || kindOptions[2].value;
63
-
64
- return {
65
- kindOptions, readOnlyOptions, cachingModeOptions
66
- };
20
+ this.value.spec.azureDisk['cachingMode'] = this.value.spec.azureDisk.cachingMode || this.cachingModeOptions[0].value;
21
+ this.value.spec.azureDisk['kind'] = this.value.spec.azureDisk.kind || this.kindOptions[2].value;
67
22
  },
23
+ computed: {
24
+ readOnlyOptions() {
25
+ return [
26
+ {
27
+ label: this.t('generic.yes'),
28
+ value: true
29
+ },
30
+ {
31
+ label: this.t('generic.no'),
32
+ value: false
33
+ }
34
+ ];
35
+ },
36
+ kindOptions() {
37
+ return [
38
+ {
39
+ label: this.t('persistentVolume.azureDisk.kind.dedicated'),
40
+ value: 'Dedicated'
41
+ },
42
+ {
43
+ label: this.t('persistentVolume.azureDisk.kind.managed'),
44
+ value: 'Managed'
45
+ },
46
+ {
47
+ label: this.t('persistentVolume.azureDisk.kind.shared'),
48
+ value: 'Shared'
49
+ }
50
+ ];
51
+ },
52
+ cachingModeOptions() {
53
+ return [
54
+ {
55
+ label: this.t('persistentVolume.azureDisk.cachingMode.none'),
56
+ value: 'None'
57
+ },
58
+ {
59
+ label: this.t('persistentVolume.azureDisk.cachingMode.readOnly'),
60
+ value: 'ReadOnly'
61
+ },
62
+ {
63
+ label: this.t('persistentVolume.azureDisk.cachingMode.readWrite'),
64
+ value: 'ReadWrite'
65
+ }
66
+ ];
67
+ }
68
+ }
68
69
  };
69
70
  </script>
70
71
 
@@ -14,23 +14,24 @@ export default {
14
14
  required: true,
15
15
  },
16
16
  },
17
- data() {
17
+ created() {
18
18
  this.value.spec['azureFile'] = this.value.spec.azureFile || {};
19
19
  this.value.spec.azureFile['readOnly'] = this.value.spec.azureFile.readOnly || false;
20
-
21
- const readOnlyOptions = [
22
- {
23
- label: this.t('generic.yes'),
24
- value: true
25
- },
26
- {
27
- label: this.t('generic.no'),
28
- value: false
29
- }
30
- ];
31
-
32
- return { readOnlyOptions };
33
20
  },
21
+ computed: {
22
+ readOnlyOptions() {
23
+ return [
24
+ {
25
+ label: this.t('generic.yes'),
26
+ value: true
27
+ },
28
+ {
29
+ label: this.t('generic.no'),
30
+ value: false
31
+ }
32
+ ];
33
+ }
34
+ }
34
35
  };
35
36
  </script>
36
37
 
@@ -17,24 +17,25 @@ export default {
17
17
  required: true,
18
18
  },
19
19
  },
20
- data() {
21
- const readOnlyOptions = [
22
- {
23
- label: this.t('generic.yes'),
24
- value: true
25
- },
26
- {
27
- label: this.t('generic.no'),
28
- value: false
29
- }
30
- ];
31
-
20
+ created() {
32
21
  this.value.spec['cephfs'] = this.value.spec.cephfs || {};
33
22
  this.value.spec.cephfs['readOnly'] = this.value.spec.cephfs.readOnly || false;
34
23
  this.value.spec.cephfs['secretRef'] = this.value.spec.cephfs.secretRef || {};
35
-
36
- return { readOnlyOptions };
37
24
  },
25
+ computed: {
26
+ readOnlyOptions() {
27
+ return [
28
+ {
29
+ label: this.t('generic.yes'),
30
+ value: true
31
+ },
32
+ {
33
+ label: this.t('generic.no'),
34
+ value: false
35
+ }
36
+ ];
37
+ }
38
+ }
38
39
  };
39
40
  </script>
40
41
 
@@ -14,24 +14,25 @@ export default {
14
14
  required: true,
15
15
  },
16
16
  },
17
- data() {
18
- const readOnlyOptions = [
19
- {
20
- label: this.t('generic.yes'),
21
- value: true
22
- },
23
- {
24
- label: this.t('generic.no'),
25
- value: false
26
- }
27
- ];
28
-
17
+ created() {
29
18
  this.value.spec['cinder'] = this.value.spec.cinder || {};
30
19
  this.value.spec.cinder['readOnly'] = this.value.spec.cinder.readOnly || false;
31
20
  this.value.spec.cinder['secretRef'] = this.value.spec.cinder.secretRef || {};
32
-
33
- return { readOnlyOptions };
34
21
  },
22
+ computed: {
23
+ readOnlyOptions() {
24
+ return [
25
+ {
26
+ label: this.t('generic.yes'),
27
+ value: true
28
+ },
29
+ {
30
+ label: this.t('generic.no'),
31
+ value: false
32
+ }
33
+ ];
34
+ }
35
+ }
35
36
  };
36
37
  </script>
37
38
 
@@ -36,32 +36,34 @@ export default {
36
36
  },
37
37
 
38
38
  data() {
39
- const readOnlyOptions = [
40
- {
41
- label: this.t('generic.yes'),
42
- value: true
43
- },
44
- {
45
- label: this.t('generic.no'),
46
- value: false
47
- }
48
- ];
39
+ return {
40
+ loadingDrivers: true,
41
+ csiDrivers: [],
42
+ };
43
+ },
49
44
 
45
+ created() {
50
46
  this.value.spec['csi'] = this.value.spec.csi || {};
51
47
  this.value.spec.csi['readOnly'] = this.value.spec.csi.readOnly || false;
52
48
  this.value.spec.csi['nodePublishSecretRef'] = this.value.spec.csi.nodePublishSecretRef || {};
53
49
  this.value.spec.csi['nodeStageSecretRef'] = this.value.spec.csi.nodeStageSecretRef || {};
54
50
  this.value.spec.csi['controllerExpandSecretRef'] = this.value.spec.csi.controllerExpandSecretRef || {};
55
51
  this.value.spec.csi['controllerPublishSecretRef'] = this.value.spec.csi.controllerPublishSecretRef || {};
56
-
57
- return {
58
- readOnlyOptions,
59
- loadingDrivers: true,
60
- csiDrivers: [],
61
- };
62
52
  },
63
53
 
64
54
  computed: {
55
+ readOnlyOptions() {
56
+ return [
57
+ {
58
+ label: this.t('generic.yes'),
59
+ value: true
60
+ },
61
+ {
62
+ label: this.t('generic.no'),
63
+ value: false
64
+ }
65
+ ];
66
+ },
65
67
  driverOptions() {
66
68
  return this.csiDrivers.map((driver) => {
67
69
  return driver.metadata.name;