bfg-common 1.4.21 → 1.4.22
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.
|
@@ -18,14 +18,21 @@
|
|
|
18
18
|
:disabled="props.disabledPin"
|
|
19
19
|
@change="emits('change-menu-pin')"
|
|
20
20
|
/>
|
|
21
|
-
<label
|
|
21
|
+
<label
|
|
22
|
+
for="pin-menu-control"
|
|
23
|
+
class="pointer flex-align-center pin-unpin-label"
|
|
24
|
+
>
|
|
22
25
|
<ui-icon-main-navigation-panel
|
|
23
26
|
:name="menuPined ? 'unpin' : 'pin'"
|
|
24
|
-
width="
|
|
25
|
-
height="
|
|
27
|
+
width="16px"
|
|
28
|
+
height="16px"
|
|
26
29
|
/>
|
|
27
|
-
<span v-if="!menuPined">{{
|
|
28
|
-
|
|
30
|
+
<span v-if="!menuPined" class="pin-unpin-text">{{
|
|
31
|
+
localization.common.pinMenu
|
|
32
|
+
}}</span>
|
|
33
|
+
<span v-else class="pin-unpin-text">{{
|
|
34
|
+
localization.common.unpinMenu
|
|
35
|
+
}}</span>
|
|
29
36
|
</label>
|
|
30
37
|
</div>
|
|
31
38
|
|
|
@@ -37,7 +44,11 @@
|
|
|
37
44
|
@click="emits('collapse-menu')"
|
|
38
45
|
>
|
|
39
46
|
<span class="nav-trigger-icon flex">
|
|
40
|
-
<ui-icon-main-navigation-panel
|
|
47
|
+
<ui-icon-main-navigation-panel
|
|
48
|
+
name="doubleArrow"
|
|
49
|
+
width="16px"
|
|
50
|
+
height="16px"
|
|
51
|
+
/>
|
|
41
52
|
</span>
|
|
42
53
|
</button>
|
|
43
54
|
</div>
|
|
@@ -55,7 +66,11 @@
|
|
|
55
66
|
:title="item2.title"
|
|
56
67
|
@click="emits('hide-main-menu')"
|
|
57
68
|
>
|
|
58
|
-
<ui-icon-main-navigation-panel
|
|
69
|
+
<ui-icon-main-navigation-panel
|
|
70
|
+
:name="item2.iconName"
|
|
71
|
+
width="20px"
|
|
72
|
+
height="20px"
|
|
73
|
+
/>
|
|
59
74
|
<span class="nav-text">{{ item2.title }}</span>
|
|
60
75
|
</nuxt-link>
|
|
61
76
|
<div
|
|
@@ -151,17 +166,23 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
151
166
|
|
|
152
167
|
&:hover {
|
|
153
168
|
background-color: var(--vertical-nav-hover-bg-color);
|
|
169
|
+
|
|
170
|
+
.pin-unpin-label {
|
|
171
|
+
color: #008fd6;
|
|
172
|
+
}
|
|
154
173
|
}
|
|
155
174
|
|
|
156
175
|
input {
|
|
157
176
|
display: none;
|
|
158
177
|
}
|
|
159
|
-
label {
|
|
178
|
+
.pin-unpin-label {
|
|
160
179
|
color: var(--vertical-nav-item-color);
|
|
161
180
|
font-size: 12px;
|
|
162
181
|
font-weight: 500;
|
|
163
182
|
|
|
164
|
-
|
|
183
|
+
.pin-unpin-text {
|
|
184
|
+
font-size: 12px;
|
|
185
|
+
font-weight: 500;
|
|
165
186
|
margin-left: 6px;
|
|
166
187
|
}
|
|
167
188
|
}
|
|
@@ -178,6 +199,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
178
199
|
|
|
179
200
|
&:hover {
|
|
180
201
|
background-color: var(--vertical-nav-hover-bg-color);
|
|
202
|
+
color: #008fd6;
|
|
181
203
|
}
|
|
182
204
|
}
|
|
183
205
|
}
|
|
@@ -212,6 +234,8 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
212
234
|
|
|
213
235
|
.nav-text {
|
|
214
236
|
margin-left: 12px;
|
|
237
|
+
font-size: 14px;
|
|
238
|
+
font-weight: 400;
|
|
215
239
|
}
|
|
216
240
|
}
|
|
217
241
|
.nav-link + .nav-link {
|
|
@@ -231,14 +255,14 @@ const localization = computed<UI_I_Localization>(() => useLocal())
|
|
|
231
255
|
|
|
232
256
|
<style>
|
|
233
257
|
:root.is-new-view {
|
|
234
|
-
--vertical-nav-bg-color: rgba(233, 235, 237, 0.
|
|
258
|
+
--vertical-nav-bg-color: rgba(233, 235, 237, 0.92);
|
|
235
259
|
--vertical-nav-item-color: #4d5d69;
|
|
236
|
-
--vertical-nav-hover-bg-color:
|
|
260
|
+
--vertical-nav-hover-bg-color: rgba(211, 214, 218, 0.48);
|
|
237
261
|
--vertical-active-nav-bg-color: #213444;
|
|
238
262
|
--vertical-active-nav-color: #ffffff;
|
|
239
263
|
}
|
|
240
264
|
:root.is-new-view.dark-theme {
|
|
241
|
-
--vertical-nav-bg-color: rgba(
|
|
265
|
+
--vertical-nav-bg-color: rgba(51, 68, 83, 0.92);
|
|
242
266
|
--vertical-nav-item-color: #ffffff;
|
|
243
267
|
--vertical-nav-hover-bg-color: #485865;
|
|
244
268
|
--vertical-active-nav-bg-color: rgba(233, 235, 237, 0.96);
|
|
@@ -152,7 +152,15 @@ watch(
|
|
|
152
152
|
newValue[0] === 'host' &&
|
|
153
153
|
['disk', 'network'].includes(newValue[1])
|
|
154
154
|
) {
|
|
155
|
-
|
|
155
|
+
let newItems = [
|
|
156
|
+
{
|
|
157
|
+
id: 'total',
|
|
158
|
+
target_object: localization.value.common.total,
|
|
159
|
+
},
|
|
160
|
+
]
|
|
161
|
+
newItems = [...newItems, ...props.currentItems]
|
|
162
|
+
|
|
163
|
+
items = newItems
|
|
156
164
|
}
|
|
157
165
|
|
|
158
166
|
bodyItems.value = table.bodyItems(items)
|
|
@@ -104,8 +104,15 @@ const updateAllSelectedSelectedRow = (): void => {
|
|
|
104
104
|
selectedRowTemperature.value = []
|
|
105
105
|
props.mainSelectedRow.forEach((key) => {
|
|
106
106
|
const category = props.countersTableData[key].category.toLowerCase()
|
|
107
|
-
|
|
108
|
-
|
|
107
|
+
|
|
108
|
+
switch (category) {
|
|
109
|
+
case 'power':
|
|
110
|
+
selectedRowPower.value.push(key)
|
|
111
|
+
break
|
|
112
|
+
case 'temperature':
|
|
113
|
+
selectedRowTemperature.value.push(key)
|
|
114
|
+
break
|
|
115
|
+
}
|
|
109
116
|
})
|
|
110
117
|
}
|
|
111
118
|
watch(
|