dashboard-shell-shell 3.0.5-test.13 → 3.0.5-test.14

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 (67) hide show
  1. package/assets/styles/global/_select.scss +1 -1
  2. package/assets/translations/zh-hans.yaml +4 -3
  3. package/components/Drawer/ResourceDetailDrawer/index.vue +2 -2
  4. package/components/ExplorerMembers.vue +10 -1
  5. package/components/SortableTable/index.vue +2 -2
  6. package/components/Tabbed/index.vue +5 -1
  7. package/components/auth/Principal.vue +1 -0
  8. package/components/form/ArrayList.vue +162 -146
  9. package/components/form/Command.vue +4 -5
  10. package/components/form/Footer.vue +1 -0
  11. package/components/form/HealthCheck.vue +0 -2
  12. package/components/form/HookOption.vue +83 -58
  13. package/components/form/InputWithSelect.vue +8 -7
  14. package/components/form/KeyValue.vue +1 -0
  15. package/components/form/MatchExpressions.vue +1 -2
  16. package/components/form/Networking.vue +0 -1
  17. package/components/form/NodeAffinity.vue +29 -28
  18. package/components/form/PodAffinity.vue +19 -21
  19. package/components/form/Probe.vue +15 -11
  20. package/components/form/ResourceSelector.vue +1 -1
  21. package/components/form/ServiceNameSelect.vue +1 -3
  22. package/components/form/ServicePorts.vue +149 -75
  23. package/components/form/Tolerations.vue +12 -9
  24. package/components/form/ValueFromResource.vue +110 -96
  25. package/edit/autoscaling.horizontalpodautoscaler/external-metric.vue +1 -1
  26. package/edit/autoscaling.horizontalpodautoscaler/index.vue +3 -1
  27. package/edit/autoscaling.horizontalpodautoscaler/metric-identifier.vue +2 -2
  28. package/edit/autoscaling.horizontalpodautoscaler/metric-object-reference.vue +7 -5
  29. package/edit/autoscaling.horizontalpodautoscaler/metric-target.vue +5 -3
  30. package/edit/autoscaling.horizontalpodautoscaler/metrics-row.vue +2 -2
  31. package/edit/autoscaling.horizontalpodautoscaler/object-metric.vue +2 -2
  32. package/edit/autoscaling.horizontalpodautoscaler/pod-metric.vue +1 -1
  33. package/edit/autoscaling.horizontalpodautoscaler/resource-metric.vue +2 -2
  34. package/edit/networking.k8s.io.ingress/Certificate.vue +7 -5
  35. package/edit/networking.k8s.io.ingress/DefaultBackend.vue +2 -2
  36. package/edit/networking.k8s.io.ingress/Rule.vue +5 -11
  37. package/edit/networking.k8s.io.ingress/RulePath.vue +105 -96
  38. package/edit/networking.k8s.io.networkpolicy/PolicyRule.vue +3 -3
  39. package/edit/networking.k8s.io.networkpolicy/PolicyRulePort.vue +4 -2
  40. package/edit/networking.k8s.io.networkpolicy/PolicyRuleTarget.vue +12 -11
  41. package/edit/networking.k8s.io.networkpolicy/index.vue +1 -1
  42. package/edit/secret/index.vue +2 -2
  43. package/edit/service.vue +4 -1
  44. package/edit/storage.k8s.io.storageclass/index.vue +10 -8
  45. package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/aws-ebs.vue +34 -27
  46. package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/gce-pd.vue +15 -13
  47. package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/vsphere-volume.vue +41 -39
  48. package/edit/workload/Job.vue +27 -29
  49. package/edit/workload/Upgrading.vue +3 -3
  50. package/edit/workload/index.vue +2 -2
  51. package/edit/workload/storage/Mount.vue +1 -0
  52. package/edit/workload/storage/awsElasticBlockStore.vue +9 -7
  53. package/edit/workload/storage/azureDisk.vue +14 -10
  54. package/edit/workload/storage/azureFile.vue +9 -7
  55. package/edit/workload/storage/csi/index.vue +6 -9
  56. package/edit/workload/storage/emptyDir.vue +7 -5
  57. package/edit/workload/storage/gcePersistentDisk.vue +9 -7
  58. package/edit/workload/storage/hostPath.vue +7 -5
  59. package/edit/workload/storage/nfs.vue +8 -6
  60. package/edit/workload/storage/persistentVolumeClaim/index.vue +12 -10
  61. package/edit/workload/storage/persistentVolumeClaim/persistentvolumeclaim.vue +18 -15
  62. package/edit/workload/storage/secret.vue +9 -6
  63. package/edit/workload/storage/vsphereVolume.vue +11 -7
  64. package/package.json +1 -1
  65. package/pages/account/index.vue +10 -0
  66. package/rancher-components/LabeledTooltip/LabeledTooltip.vue +31 -2
  67. package/store/i18n.js +1 -0
@@ -26,8 +26,8 @@ export default {
26
26
 
27
27
  <template>
28
28
  <div>
29
- <div class="row mb-10">
30
- <div class="col span-6">
29
+ <div class="row">
30
+ <div class="col mr-10">
31
31
  <LabeledInput
32
32
  v-model:value="value.name"
33
33
  :required="true"
@@ -35,7 +35,7 @@ export default {
35
35
  :label="t('workload.storage.volumeName')"
36
36
  />
37
37
  </div>
38
- <div class="col span-6">
38
+ <div class="col" style="display: flex;align-items: center;">
39
39
  <Checkbox
40
40
  v-model:value="value.gcePersistentDisk.readOnly"
41
41
  :mode="mode"
@@ -43,8 +43,8 @@ export default {
43
43
  />
44
44
  </div>
45
45
  </div>
46
- <div class="row mb-10">
47
- <div class="col span-6">
46
+ <div class="row">
47
+ <div class="col">
48
48
  <LabeledInput
49
49
  v-model:value="value.gcePersistentDisk.pdName"
50
50
  :mode="mode"
@@ -52,7 +52,9 @@ export default {
52
52
  :required="true"
53
53
  />
54
54
  </div>
55
- <div class="col span-6">
55
+ </div>
56
+ <div class="row">
57
+ <div class="col">
56
58
  <LabeledInput
57
59
  v-model:value.number="value.gcePersistentDisk.partition"
58
60
  :mode="mode"
@@ -61,7 +63,7 @@ export default {
61
63
  </div>
62
64
  </div>
63
65
  <div class="row">
64
- <div class="col span-6">
66
+ <div class="col">
65
67
  <LabeledInput
66
68
  v-model:value="value.gcePersistentDisk.fsType"
67
69
  :mode="mode"
@@ -82,8 +82,8 @@ export default {
82
82
  <template>
83
83
  <div>
84
84
  <div>
85
- <div class="row mb-10">
86
- <div class="col span-6">
85
+ <div class="row">
86
+ <div class="col">
87
87
  <LabeledInput
88
88
  v-model:value="value.name"
89
89
  :required="true"
@@ -92,8 +92,8 @@ export default {
92
92
  />
93
93
  </div>
94
94
  </div>
95
- <div class="row mb-10">
96
- <div class="col span-6">
95
+ <div class="row">
96
+ <div class="col">
97
97
  <LabeledInput
98
98
  v-model:value="value.hostPath.path"
99
99
  :required="true"
@@ -101,7 +101,9 @@ export default {
101
101
  :label="t('workload.storage.nodePath')"
102
102
  />
103
103
  </div>
104
- <div class="col span-6">
104
+ </div>
105
+ <div class="row">
106
+ <div class="col">
105
107
  <LabeledSelect
106
108
  v-model:value="value.hostPath.type"
107
109
  :mode="mode"
@@ -38,8 +38,8 @@ export default {
38
38
  <template>
39
39
  <div>
40
40
  <div>
41
- <div class="row mb-10">
42
- <div class="col span-6">
41
+ <div class="row">
42
+ <div class="col mr-10">
43
43
  <LabeledInput
44
44
  v-model:value="value.name"
45
45
  :required="true"
@@ -47,7 +47,7 @@ export default {
47
47
  :label="t('workload.storage.volumeName')"
48
48
  />
49
49
  </div>
50
- <div class="col span-6">
50
+ <div class="col" style="display: flex;align-items: center;">
51
51
  <Checkbox
52
52
  v-model:value="value.nfs.readOnly"
53
53
  :mode="mode"
@@ -55,8 +55,8 @@ export default {
55
55
  />
56
56
  </div>
57
57
  </div>
58
- <div class="row mb-10">
59
- <div class="col span-6">
58
+ <div class="row">
59
+ <div class="col">
60
60
  <LabeledInput
61
61
  v-model:value="value.nfs.path"
62
62
  :required="true"
@@ -64,7 +64,9 @@ export default {
64
64
  :label="t('workload.storage.path')"
65
65
  />
66
66
  </div>
67
- <div class="col span-6">
67
+ </div>
68
+ <div class="row">
69
+ <div class="col">
68
70
  <LabeledInput
69
71
  v-model:value="value.nfs.server"
70
72
  :required="true"
@@ -121,8 +121,8 @@ export default {
121
121
  @removePvcForm="removePvcForm"
122
122
  />
123
123
  </div>
124
- <div class="row mb-10">
125
- <div class="col span-6">
124
+ <div class="row">
125
+ <div class="col mr-10">
126
126
  <LabeledInput
127
127
  v-model:value="value.name"
128
128
  :required="true"
@@ -130,7 +130,16 @@ export default {
130
130
  :label="t('workload.storage.volumeName')"
131
131
  />
132
132
  </div>
133
- <div class="col span-6">
133
+ <div class="col" style="display: flex;align-items: center;">
134
+ <Checkbox
135
+ v-model:value="value.persistentVolumeClaim.readOnly"
136
+ :mode="mode"
137
+ :label="t('workload.storage.readOnly')"
138
+ />
139
+ </div>
140
+ </div>
141
+ <div class="row">
142
+ <div class="col">
134
143
  <LabeledSelect
135
144
  v-if="!createNew"
136
145
  v-model:value="value.persistentVolumeClaim.claimName"
@@ -142,13 +151,6 @@ export default {
142
151
  />
143
152
  </div>
144
153
  </div>
145
- <div class="row">
146
- <Checkbox
147
- v-model:value="value.persistentVolumeClaim.readOnly"
148
- :mode="mode"
149
- :label="t('workload.storage.readOnly')"
150
- />
151
- </div>
152
154
  </div>
153
155
  </div>
154
156
  </template>
@@ -156,8 +156,8 @@ export default {
156
156
 
157
157
  <template>
158
158
  <div>
159
- <div class="row mb-10">
160
- <div class="col span-6">
159
+ <div class="row">
160
+ <div class="col">
161
161
  <LabeledInput
162
162
  v-model:value="value.metadata.name"
163
163
  :mode="mode"
@@ -167,8 +167,9 @@ export default {
167
167
  />
168
168
  </div>
169
169
  </div>
170
- <div class="row mb-10">
171
- <div class="col span-6">
170
+ <div class="row">
171
+ <div style="width: 160px;"></div>
172
+ <div class="col">
172
173
  <RadioGroup
173
174
  v-model:value="isCreatePV"
174
175
  name="isCreatePV"
@@ -177,7 +178,9 @@ export default {
177
178
  :mode="mode"
178
179
  />
179
180
  </div>
180
- <div class="col span-6">
181
+ </div>
182
+ <div class="row">
183
+ <div class="col">
181
184
  <LabeledSelect
182
185
  v-if="isCreatePV"
183
186
  v-model:value="spec.storageClassName"
@@ -200,16 +203,16 @@ export default {
200
203
  </div>
201
204
  </div>
202
205
 
203
- <div class="row mb-10">
204
- <div class="col span-6">
205
- <div class="access-modes">
206
- <t
207
- class="text-label"
208
- k="persistentVolumeClaim.accessModes"
209
- />
210
- <span class="text-error">*</span>
211
- </div>
206
+ <div class="row">
207
+ <div class="col">
212
208
  <div class="access-modes">
209
+ <div style="width: 160px;">
210
+ <t
211
+ class="text-label"
212
+ k="persistentVolumeClaim.accessModes"
213
+ />
214
+ <span class="text-error">*</span>
215
+ </div>
213
216
  <Checkbox
214
217
  :mode="mode"
215
218
  :value="value.spec.accessModes.includes('ReadWriteOnce')"
@@ -232,7 +235,7 @@ export default {
232
235
  </div>
233
236
  <div
234
237
  v-if="isCreatePV"
235
- class="col span-6"
238
+ class="col"
236
239
  >
237
240
  <UnitInput
238
241
  v-model:value="spec.resources.requests.storage"
@@ -130,8 +130,8 @@ export default {
130
130
  <template>
131
131
  <div>
132
132
  <div>
133
- <div class="row mb-10">
134
- <div class="col span-6">
133
+ <div class="row">
134
+ <div class="col">
135
135
  <LabeledInput
136
136
  v-model:value="value.name"
137
137
  :required="true"
@@ -139,8 +139,9 @@ export default {
139
139
  :label="t('workload.storage.volumeName')"
140
140
  />
141
141
  </div>
142
-
143
- <div class="col span-6">
142
+ </div>
143
+ <div class="row">
144
+ <div class="col">
144
145
  <LabeledInput
145
146
  v-model:value="defaultMode"
146
147
  :mode="mode"
@@ -149,7 +150,7 @@ export default {
149
150
  </div>
150
151
  </div>
151
152
  <div class="row">
152
- <div class="col span-6">
153
+ <div class="col">
153
154
  <LabeledSelect
154
155
  v-if="type==='secret'"
155
156
  v-model:value="value[type].secretName"
@@ -169,7 +170,9 @@ export default {
169
170
  :loading="loading"
170
171
  />
171
172
  </div>
172
- <div class="col span-6">
173
+ </div>
174
+ <div class="row">
175
+ <div class="col">
173
176
  <RadioGroup
174
177
  v-model:value="optional"
175
178
  :mode="mode"
@@ -25,8 +25,8 @@ export default {
25
25
 
26
26
  <template>
27
27
  <div>
28
- <div class="row mb-10">
29
- <div class="col span-6">
28
+ <div class="row">
29
+ <div class="col">
30
30
  <LabeledInput
31
31
  v-model:value="value.name"
32
32
  :required="true"
@@ -35,8 +35,8 @@ export default {
35
35
  />
36
36
  </div>
37
37
  </div>
38
- <div class="row mb-10">
39
- <div class="col span-6">
38
+ <div class="row">
39
+ <div class="col">
40
40
  <LabeledInput
41
41
  v-model:value="value.vsphereVolume.storagePolicyID"
42
42
  :mode="mode"
@@ -44,7 +44,9 @@ export default {
44
44
  :required="true"
45
45
  />
46
46
  </div>
47
- <div class="col span-6">
47
+ </div>
48
+ <div class="row">
49
+ <div class="col">
48
50
  <LabeledInput
49
51
  v-model:value.number="value.vsphereVolume.storagePolicyName"
50
52
  :mode="mode"
@@ -53,7 +55,7 @@ export default {
53
55
  </div>
54
56
  </div>
55
57
  <div class="row">
56
- <div class="col span-6">
58
+ <div class="col">
57
59
  <LabeledInput
58
60
  v-model:value="value.vsphereVolume.volumePath"
59
61
  :mode="mode"
@@ -61,7 +63,9 @@ export default {
61
63
  :required="true"
62
64
  />
63
65
  </div>
64
- <div class="col span-6">
66
+ </div>
67
+ <div class="row">
68
+ <div class="col">
65
69
  <LabeledInput
66
70
  v-model:value="value.vsphereVolume.fsType"
67
71
  :mode="mode"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dashboard-shell-shell",
3
- "version": "3.0.5-test.13",
3
+ "version": "3.0.5-test.14",
4
4
  "description": "Rancher Dashboard Shell",
5
5
  "repository": "https://github.com/rancherlabs/dashboard",
6
6
  "license": "Apache-2.0",
@@ -183,6 +183,16 @@ export default {
183
183
  </button>
184
184
  </div>
185
185
  </div>
186
+ <button
187
+ v-if="apiKeySchema"
188
+ role="button"
189
+ :aria-label="t('accountAndKeys.apiKeys.add.label')"
190
+ class="btn role-primary add mb-20"
191
+ data-testid="account_create_api_keys"
192
+ @click="addKey"
193
+ >
194
+ {{ t('accountAndKeys.apiKeys.add.label') }}
195
+ </button>
186
196
  </div>
187
197
 
188
198
  <div class="account_card mb-20">
@@ -123,8 +123,8 @@ export default defineComponent({
123
123
  &.null {
124
124
 
125
125
  .status-icon {
126
- top: 5px;
127
- right: -20px;
126
+ top: 8px !important;
127
+ right: 25px !important;
128
128
  }
129
129
  }
130
130
 
@@ -146,6 +146,35 @@ export default defineComponent({
146
146
  }
147
147
  }
148
148
 
149
+ .labeled-select{
150
+ .labeled-tooltip{
151
+ &.null {
152
+ .status-icon {
153
+ top: 10px !important;
154
+ right: 25px !important;
155
+ }
156
+ }
157
+
158
+ &.error {
159
+
160
+ .status-icon {
161
+ top: 9px !important;
162
+ right: 20px;
163
+ }
164
+ }
165
+ }
166
+ }
167
+ .labeled-input{
168
+ .labeled-tooltip{
169
+ &.null {
170
+ .status-icon {
171
+ top: 10px !important;
172
+ right: 10px !important;
173
+ }
174
+ }
175
+ }
176
+ }
177
+
149
178
  // Ensure code blocks inside tootips don't look awful
150
179
  .v-popper__popper.v-popper--theme-tooltip {
151
180
  .v-popper__inner {
package/store/i18n.js CHANGED
@@ -108,6 +108,7 @@ export const getters = {
108
108
  ...args
109
109
  };
110
110
 
111
+ moreArgs['count'] = moreArgs['count'] !== undefined ? moreArgs['count'] : 1
111
112
  return formatter.format(moreArgs);
112
113
  } else {
113
114
  return '?';