bfg-common 1.3.518 → 1.3.519
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.
- package/components/atoms/alert/Alert.vue +1 -1
- package/components/atoms/modal/bySteps/BySteps.vue +1 -1
- package/components/atoms/tooltip/Signpost.vue +1 -0
- package/components/common/details/DetailsItem.vue +1 -1
- package/components/common/details/lib/models/interfaces.ts +7 -6
- package/components/common/select/radio/RadioGroup.vue +1 -0
- package/components/common/wizards/datastore/add/local/createName/CreateName.vue +5 -5
- package/components/common/wizards/datastore/add/readyComplete/ReadyComplete.vue +13 -5
- package/components/common/wizards/datastore/add/readyComplete/lib/config/propertiesDetails.ts +2 -0
- package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/DeviceSelection.vue +9 -9
- package/components/common/wizards/datastore/add/sharedStorm/partitionConfiguration/PartitionConfiguration.vue +12 -8
- package/components/common/wizards/datastore/add/types/Types.vue +1 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div v-if="props.show" class="modal clr-wizard wizard-xl">
|
|
3
|
-
<div class="modal-dialog modal-xl relative">
|
|
3
|
+
<div class="modal-dialog modal-xl relative" :data-id="props.testId">
|
|
4
4
|
<div class="modal-content-wrapper">
|
|
5
5
|
<nav class="modal-nav clr-wizard-stepnav-wrapper">
|
|
6
6
|
<h1 class="clr-wizard-title">
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import type { UI_I_Button } from '~/components/common/tools/lib/models/interfaces'
|
|
2
2
|
|
|
3
3
|
export interface UI_I_DetailsItem {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
label: string
|
|
5
|
+
value: string
|
|
6
|
+
items: UI_I_DetailsItem[]
|
|
7
|
+
actions?: UI_I_Button[]
|
|
8
|
+
permission?: string[]
|
|
9
|
+
data?: any
|
|
10
|
+
testId?: string
|
|
10
11
|
}
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
<div class="create-datastore-name">
|
|
3
3
|
<atoms-alert
|
|
4
4
|
v-show="errors.length"
|
|
5
|
-
test-id="
|
|
5
|
+
test-id="creat-storage-name-alert-error"
|
|
6
6
|
status="alert-danger"
|
|
7
7
|
:items="errors"
|
|
8
8
|
@remove="onRemoveValidationErrors"
|
|
9
9
|
/>
|
|
10
10
|
|
|
11
11
|
<div class="clr-form-control clr-row">
|
|
12
|
-
<label for="datastore-name" class="clr-control-label clr-col-md-2">
|
|
13
|
-
localization.datastoreName
|
|
14
|
-
|
|
12
|
+
<label for="datastore-name" class="clr-control-label clr-col-md-2">
|
|
13
|
+
{{ localization.datastoreName }}
|
|
14
|
+
</label>
|
|
15
15
|
|
|
16
16
|
<div class="clr-control-container" :class="nameErrorText && 'clr-error'">
|
|
17
17
|
<div class="flex-align-center">
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
<atoms-the-icon class="error-icon" name="info-circle" />
|
|
28
28
|
</div>
|
|
29
29
|
|
|
30
|
-
<div class="clr-subtext
|
|
30
|
+
<div class="clr-subtext" data-id="datastore-name-filed-require">
|
|
31
31
|
{{ nameErrorText }}
|
|
32
32
|
</div>
|
|
33
33
|
</div>
|
|
@@ -4,11 +4,14 @@
|
|
|
4
4
|
|
|
5
5
|
<common-details-list :items="properties" class="ready-complete__list list">
|
|
6
6
|
<template #default="{ item }">
|
|
7
|
-
<common-details-item
|
|
7
|
+
<common-details-item
|
|
8
|
+
:has-children="true"
|
|
9
|
+
open-by-default
|
|
10
|
+
>
|
|
8
11
|
<template #stackBlockKey>
|
|
9
|
-
<span class="list__labels">
|
|
10
|
-
localization.chosenDatastoreName
|
|
11
|
-
|
|
12
|
+
<span class="list__labels">
|
|
13
|
+
{{ localization.chosenDatastoreName }}
|
|
14
|
+
</span>
|
|
12
15
|
</template>
|
|
13
16
|
|
|
14
17
|
<template #stackChildren>
|
|
@@ -18,6 +21,7 @@
|
|
|
18
21
|
>
|
|
19
22
|
<common-details-item
|
|
20
23
|
:has-children="false"
|
|
24
|
+
:test-id="item2.testId"
|
|
21
25
|
class="list__default-style"
|
|
22
26
|
>
|
|
23
27
|
<template #stackBlockKey>
|
|
@@ -27,7 +31,11 @@
|
|
|
27
31
|
</template>
|
|
28
32
|
<template #stackBlockContent>
|
|
29
33
|
<div v-if="item2.data">
|
|
30
|
-
<div
|
|
34
|
+
<div
|
|
35
|
+
v-for="item3 in item2.data"
|
|
36
|
+
:key="item3"
|
|
37
|
+
class="flex-align-center"
|
|
38
|
+
>
|
|
31
39
|
<div class="vsphere-icon-host"></div>
|
|
32
40
|
<span>{{ item3 }}</span>
|
|
33
41
|
</div>
|
package/components/common/wizards/datastore/add/readyComplete/lib/config/propertiesDetails.ts
CHANGED
|
@@ -98,6 +98,7 @@ const localDetailsFunc = (
|
|
|
98
98
|
label: localization.datastoreName,
|
|
99
99
|
value: isSphereWizard ? event.name : event,
|
|
100
100
|
items: [],
|
|
101
|
+
testId: 'view-storage-name-in-complete'
|
|
101
102
|
},
|
|
102
103
|
],
|
|
103
104
|
actions: [],
|
|
@@ -109,6 +110,7 @@ const localDetailsFunc = (
|
|
|
109
110
|
label: localization.host,
|
|
110
111
|
value: event.host,
|
|
111
112
|
items: [],
|
|
113
|
+
testId: ''
|
|
112
114
|
})
|
|
113
115
|
}
|
|
114
116
|
return data
|
package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/DeviceSelection.vue
CHANGED
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
<div class="device-selection">
|
|
3
3
|
<atoms-alert
|
|
4
4
|
v-show="errors.length"
|
|
5
|
-
test-id="device-selection-
|
|
5
|
+
test-id="device-selection-alert-error"
|
|
6
6
|
status="alert-danger"
|
|
7
7
|
:items="errors"
|
|
8
8
|
@remove="onCloseAlertDanger"
|
|
9
9
|
/>
|
|
10
10
|
|
|
11
11
|
<div class="clr-form-control clr-row">
|
|
12
|
-
<label for="" class="clr-control-label clr-col-md-2">
|
|
13
|
-
localization.name
|
|
14
|
-
|
|
12
|
+
<label for="" class="clr-control-label clr-col-md-2">
|
|
13
|
+
{{ localization.name }}
|
|
14
|
+
</label>
|
|
15
15
|
|
|
16
16
|
<div
|
|
17
17
|
class="clr-control-container"
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
<atoms-the-icon class="error-icon" name="info-circle" />
|
|
31
31
|
</div>
|
|
32
32
|
|
|
33
|
-
<div class="clr-subtext
|
|
33
|
+
<div class="clr-subtext" data-id="datastore-name-filed-require">
|
|
34
34
|
{{ formErrors?.errors?.name?.[0] || '' }}
|
|
35
35
|
</div>
|
|
36
36
|
</div>
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
|
|
39
39
|
<atoms-alert
|
|
40
40
|
v-show="alertInfo"
|
|
41
|
-
test-id="device-selection-
|
|
41
|
+
test-id="device-selection-information-alert"
|
|
42
42
|
class="device-selection__alert-info"
|
|
43
43
|
status="alert-info"
|
|
44
44
|
:items="[localization.nameAndDeviceSelectionAlertInfo]"
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
v-if="props.mode === 'sphere' && !props.hostId"
|
|
50
50
|
class="clr-form-control clr-row"
|
|
51
51
|
>
|
|
52
|
-
<label class="clr-control-label clr-col-12 clr-col-md-2">
|
|
53
|
-
localization.selectHost
|
|
54
|
-
|
|
52
|
+
<label class="clr-control-label clr-col-12 clr-col-md-2">
|
|
53
|
+
{{ localization.selectHost }}
|
|
54
|
+
</label>
|
|
55
55
|
|
|
56
56
|
<div>
|
|
57
57
|
<div class="clr-select-wrapper">
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
<input
|
|
42
42
|
id="datastore-size-input-0"
|
|
43
43
|
v-model="datastoreSize"
|
|
44
|
-
data-id="
|
|
44
|
+
data-id="select-storm-storage-size-range-field"
|
|
45
45
|
type="range"
|
|
46
46
|
min="0"
|
|
47
47
|
:max="countDatastoreSizeToGb"
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
|
|
55
55
|
<input
|
|
56
56
|
id="datastore-size-input-1"
|
|
57
|
+
data-id="select-storm-storage-size-input-field"
|
|
57
58
|
v-model="datastoreSize"
|
|
58
59
|
type="number"
|
|
59
60
|
min="0"
|
|
@@ -74,7 +75,8 @@
|
|
|
74
75
|
<div>
|
|
75
76
|
<div class="clr-select-wrapper">
|
|
76
77
|
<select
|
|
77
|
-
id="
|
|
78
|
+
id="storm-configuration-block-size"
|
|
79
|
+
data-id="storm-configuration-block-size"
|
|
78
80
|
v-model="selectedSize"
|
|
79
81
|
class="dropdown-toggle"
|
|
80
82
|
@change="onSelectHost"
|
|
@@ -93,14 +95,15 @@
|
|
|
93
95
|
</div>
|
|
94
96
|
|
|
95
97
|
<div class="clr-form-control clr-row">
|
|
96
|
-
<label class="clr-col-md-4 clr-control-label">
|
|
97
|
-
localization.spaceReclamationGranularity
|
|
98
|
-
|
|
98
|
+
<label class="clr-col-md-4 clr-control-label">
|
|
99
|
+
{{ localization.spaceReclamationGranularity }}
|
|
100
|
+
</label>
|
|
99
101
|
|
|
100
102
|
<div>
|
|
101
103
|
<div class="clr-select-wrapper">
|
|
102
104
|
<select
|
|
103
105
|
id="granularity-select"
|
|
106
|
+
data-id="storm-configuration-space-granularity"
|
|
104
107
|
v-model="selectedGranularity"
|
|
105
108
|
class="dropdown-toggle"
|
|
106
109
|
@change="onSelectHost"
|
|
@@ -119,14 +122,15 @@
|
|
|
119
122
|
</div>
|
|
120
123
|
|
|
121
124
|
<div class="clr-form-control clr-row">
|
|
122
|
-
<label class="clr-col-md-4 clr-control-label">
|
|
123
|
-
localization.spaceReclamationPriority
|
|
124
|
-
|
|
125
|
+
<label class="clr-col-md-4 clr-control-label">
|
|
126
|
+
{{ localization.spaceReclamationPriority }}
|
|
127
|
+
</label>
|
|
125
128
|
|
|
126
129
|
<div>
|
|
127
130
|
<div class="clr-select-wrapper">
|
|
128
131
|
<select
|
|
129
132
|
id="priority-select"
|
|
133
|
+
data-id="storm-configuration-space-priority"
|
|
130
134
|
v-model="selectedPriority"
|
|
131
135
|
class="dropdown-toggle"
|
|
132
136
|
@change="onSelectHost"
|