bfg-common 1.4.505 → 1.4.507

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 (9) hide show
  1. package/components/common/pages/home/widgets/WidgetsOld.vue +1 -7
  2. package/components/common/pages/home/widgets/hosts/HostsNew.vue +22 -15
  3. package/components/common/pages/home/widgets/services/ServicesOld.vue +10 -2
  4. package/components/common/pages/home/widgets/vms/VmsNew.vue +21 -14
  5. package/components/common/pages/home/widgets/warnings/WarningsOld.vue +7 -1
  6. package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue +3 -1
  7. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/file/FileNew.vue +9 -1
  8. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/maximumSize/MaximumSizeNew.vue +10 -1
  9. package/package.json +1 -1
package/components/common/pages/home/widgets/WidgetsOld.vue CHANGED
@@ -26,10 +26,4 @@ const props = defineProps<{
26
26
  }>()
27
27
  </script>
28
28
 
29
- <style lang="scss" scoped>
30
- .most-alerts {
31
- :deep(.block) {
32
- padding: 0;
33
- }
34
- }
35
- </style>
29
+ <style lang="scss" scoped></style>
package/components/common/pages/home/widgets/hosts/HostsNew.vue CHANGED
@@ -6,19 +6,22 @@
6
6
  <div v-else class="card-content">
7
7
  <div class="card-content__title">
8
8
  <h1>{{ localization.common.hosts }}</h1>
9
- <span>({{ props.totalVms }})</span>
9
+ <span>({{ props.totalHosts }})</span>
10
10
  </div>
11
11
 
12
12
  <div class="card-content__container">
13
- <div
13
+ <template
14
14
  v-for="({ text, value, icon }, key) in props.items"
15
15
  :key="key"
16
- class="card-content-item"
17
16
  >
18
- <span :class="['icon', icon]"></span>
19
- <div class="label">{{ localization.common[text] }}</div>
20
- <div class="count">{{ value }}</div>
21
- </div>
17
+ <div v-if="key > 0" class="divider"></div>
18
+
19
+ <div class="card-content-item">
20
+ <span :class="['icon', icon]"></span>
21
+ <div class="label">{{ localization.common[text] }}</div>
22
+ <div class="count">{{ value }}</div>
23
+ </div>
24
+ </template>
22
25
  </div>
23
26
  </div>
24
27
  </ui-widget>
@@ -30,7 +33,7 @@ import type { UI_I_Card } from '~/components/common/pages/home/lib/models/interf
30
33
 
31
34
  const props = defineProps<{
32
35
  items: UI_I_Card[]
33
- totalVms: number
36
+ totalHosts: number
34
37
  loading: boolean
35
38
  }>()
36
39
 
@@ -56,15 +59,19 @@ const localization = computed<UI_I_Localization>(() => useLocal())
56
59
  }
57
60
  }
58
61
  &__container {
59
- display: flex;
60
- justify-content: space-between;
61
- text-align: center;
62
+ display: grid;
63
+ grid-template-columns: 1fr auto 1fr auto 1fr;
64
+ grid-column-gap: 12px;
65
+ padding: 24px 0;
66
+ box-sizing: border-box;
67
+ }
68
+ .divider {
69
+ width: 1px;
70
+ height: 100%;
71
+ background-color: var(--horizontal-line);
62
72
  }
63
-
64
73
  .card-content-item {
65
- display: flex;
66
- flex-direction: column;
67
- align-items: center;
74
+ @include flex($align: center, $dir: column);
68
75
 
69
76
  .icon {
70
77
  width: 20px;
package/components/common/pages/home/widgets/services/ServicesOld.vue CHANGED
@@ -7,7 +7,9 @@
7
7
  icon-name="icon-content-libraries"
8
8
  class="most-alerts"
9
9
  >
10
- <common-pages-home-widgets-services-table :data-table="props.services" />
10
+ <common-pages-home-widgets-services-table
11
+ :data-table="props.services"
12
+ />
11
13
  </common-pages-home-card>
12
14
  </div>
13
15
  </div>
@@ -24,4 +26,10 @@ const props = defineProps<{
24
26
  const localization = computed<UI_I_Localization>(() => useLocal())
25
27
  </script>
26
28
 
27
- <style lang="scss" scoped></style>
29
+ <style lang="scss" scoped>
30
+ .most-alerts {
31
+ :deep(.block) {
32
+ padding: 0;
33
+ }
34
+ }
35
+ </style>
package/components/common/pages/home/widgets/vms/VmsNew.vue CHANGED
@@ -10,15 +10,18 @@
10
10
  </div>
11
11
 
12
12
  <div class="card-content__container">
13
- <div
13
+ <template
14
14
  v-for="({ text, value, icon }, key) in props.items"
15
15
  :key="key"
16
- class="card-content-item"
17
16
  >
18
- <span :class="['icon', icon]"></span>
19
- <div class="label">{{ localization.common[text] }}</div>
20
- <div class="count">{{ value }}</div>
21
- </div>
17
+ <div v-if="key > 0" class="divider"></div>
18
+
19
+ <div class="card-content-item">
20
+ <span :class="['icon', icon]"></span>
21
+ <div class="label">{{ localization.common[text] }}</div>
22
+ <div class="count">{{ value }}</div>
23
+ </div>
24
+ </template>
22
25
  </div>
23
26
  </div>
24
27
  </ui-widget>
@@ -38,8 +41,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
38
41
  </script>
39
42
 
40
43
  <style lang="scss" scoped>
41
- @import 'bfg-common/assets/scss/common/mixins.scss';
42
-
44
+ @import 'assets/scss/common/mixins.scss';
43
45
  .card-content {
44
46
  &__title {
45
47
  @include flex($align: center);
@@ -57,15 +59,20 @@ const localization = computed<UI_I_Localization>(() => useLocal())
57
59
  }
58
60
  }
59
61
  &__container {
60
- display: flex;
61
- justify-content: space-between;
62
- text-align: center;
62
+ display: grid;
63
+ grid-template-columns: 1fr auto 1fr auto 1fr;
64
+ grid-column-gap: 12px;
65
+ padding: 24px 0;
66
+ box-sizing: border-box;
67
+ }
68
+ .divider {
69
+ width: 1px;
70
+ height: 100%;
71
+ background-color: var(--horizontal-line);
63
72
  }
64
73
 
65
74
  .card-content-item {
66
- display: flex;
67
- flex-direction: column;
68
- align-items: center;
75
+ @include flex($align: center, $dir: column);
69
76
 
70
77
  .icon {
71
78
  width: 20px;
package/components/common/pages/home/widgets/warnings/WarningsOld.vue CHANGED
@@ -30,4 +30,10 @@ const emits = defineEmits<{
30
30
  const localization = computed<UI_I_Localization>(() => useLocal())
31
31
  </script>
32
32
 
33
- <style lang="scss" scoped></style>
33
+ <style lang="scss" scoped>
34
+ .most-alerts {
35
+ :deep(.block) {
36
+ padding: 0;
37
+ }
38
+ }
39
+ </style>
package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue CHANGED
@@ -253,9 +253,11 @@ const themeMode = useLocalStorage('themeMode')
253
253
  }
254
254
 
255
255
  :deep(.stack-block-label .ui-main-input) {
256
- background-color: #ffffff;
256
+ background-color: #1b2a371f;
257
257
  }
258
258
  :deep(.stack-block-expanded > .stack-block-label .ui-main-input) {
259
+ background-color: #ffffff;
260
+ border-color: #d3d6da;
259
261
  color: #182531;
260
262
  }
261
263
  }
package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/file/FileNew.vue CHANGED
@@ -19,10 +19,18 @@ const props = defineProps<{
19
19
  }>()
20
20
  </script>
21
21
 
22
+ <style>
23
+ :root {
24
+ --vm-wizard-file-path-color: #182531
25
+ }
26
+ :root.dark-theme {
27
+ --vm-wizard-file-path-color: #e9eaec
28
+ }
29
+ </style>
22
30
  <style scoped>
23
31
  .file-path {
24
32
  font-size: 13px;
25
33
  line-height: 15.73px;
26
- color: #182531;
34
+ color: var(--vm-wizard-file-path-color);
27
35
  }
28
36
  </style>
package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/maximumSize/MaximumSizeNew.vue CHANGED
@@ -19,10 +19,19 @@ const props = defineProps<{
19
19
  }>()
20
20
  </script>
21
21
 
22
+
23
+ <style>
24
+ :root {
25
+ --vm-wizard-maximum-size-color: #182531
26
+ }
27
+ :root.dark-theme {
28
+ --vm-wizard-maximum-size-color: #e9eaec
29
+ }
30
+ </style>
22
31
  <style scoped>
23
32
  .maximum-size {
24
33
  font-size: 13px;
25
34
  line-height: 15.73px;
26
- color: #182531;
35
+ color: var(--vm-wizard-maximum-size-color);
27
36
  }
28
37
  </style>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.4.505",
4
+ "version": "1.4.507",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",