bfg-common 1.5.323 → 1.5.326

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 (147) hide show
  1. package/CODE_STYLE.md +109 -109
  2. package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
  3. package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
  4. package/assets/img/icons/icons-sprite-light-3.svg +227 -227
  5. package/assets/img/icons/icons-sprite-light-5.svg +488 -488
  6. package/assets/localization/local_be.json +2 -0
  7. package/assets/localization/local_en.json +2 -0
  8. package/assets/localization/local_hy.json +2 -0
  9. package/assets/localization/local_kk.json +2 -0
  10. package/assets/localization/local_ru.json +2 -0
  11. package/assets/localization/local_zh.json +2 -0
  12. package/components/atoms/TheIcon3.vue +50 -50
  13. package/components/atoms/collapse/CollapseNav.vue +170 -170
  14. package/components/atoms/collapse/CollapseNavItem.vue +226 -226
  15. package/components/atoms/nav/NavBar.vue +147 -147
  16. package/components/atoms/perPage/PerPage.vue +58 -58
  17. package/components/atoms/table/dataGrid/DataGrid.vue +1717 -1717
  18. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  19. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  20. package/components/atoms/tabs/VerticalTabs.vue +105 -105
  21. package/components/common/backup/storage/actions/add/lib/config/steps.ts +168 -168
  22. package/components/common/backup/storage/actions/add/steps/hostAccessibility/HostAccessibility.vue +52 -52
  23. package/components/common/backup/storage/actions/add/steps/readyComplete/ReadyComplete.vue +45 -45
  24. package/components/common/backup/storage/actions/delete/Delete.vue +65 -65
  25. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  26. package/components/common/context/lib/models/interfaces.ts +33 -33
  27. package/components/common/diagramMain/DiagramMain.vue +897 -897
  28. package/components/common/diagramMain/modals/lib/config/networkModal.ts +398 -398
  29. package/components/common/diagramMain/network/Network.vue +141 -141
  30. package/components/common/layout/theHeader/helpMenu/About.vue +82 -82
  31. package/components/common/layout/theHeader/userMenu/modals/preferences/view/ViewOld.vue +112 -112
  32. package/components/common/monitor/overview/OverviewOld.vue +139 -139
  33. package/components/common/monitor/overview/filters/lib/config/filterOptions.ts +100 -100
  34. package/components/common/pages/home/headline/Headline.vue +45 -45
  35. package/components/common/pages/home/headline/HeadlineOld.vue +42 -42
  36. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  37. package/components/common/pages/home/widgets/Widgets.vue +49 -49
  38. package/components/common/pages/home/widgets/WidgetsNew.vue +86 -86
  39. package/components/common/pages/home/widgets/WidgetsOld.vue +34 -34
  40. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  41. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  42. package/components/common/pages/home/widgets/vms/Vms.vue +26 -26
  43. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  44. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  45. package/components/common/pages/packages/Packages.vue +208 -208
  46. package/components/common/pages/shortcuts/block/BlockOld.vue +68 -68
  47. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  48. package/components/common/recursionTree/RecursionTree.vue +223 -223
  49. package/components/common/select/button/ButtonDropdown.vue +112 -112
  50. package/components/common/spiceConsole/Drawer.vue +377 -377
  51. package/components/common/spiceConsole/SpiceConsole.vue +127 -127
  52. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  53. package/components/common/tools/Actions.vue +207 -207
  54. package/components/common/vm/actions/add/New.vue +647 -642
  55. package/components/common/vm/actions/add/Old.vue +388 -385
  56. package/components/common/vm/actions/add/folderTreeView/FolderTreeView.vue +72 -72
  57. package/components/common/vm/actions/add/folderTreeView/New.vue +40 -40
  58. package/components/common/vm/actions/add/folderTreeView/Old.vue +50 -50
  59. package/components/common/vm/actions/add/lib/config/steps.ts +22 -10
  60. package/components/common/vm/actions/clone/Clone.vue +823 -823
  61. package/components/common/vm/actions/clone/lib/config/steps.ts +291 -291
  62. package/components/common/vm/actions/clone/toTemplate/lib/config/steps.ts +116 -116
  63. package/components/common/vm/actions/common/customizeHardware/CustomizeHardware.vue +3 -0
  64. package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue +2 -0
  65. package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareOld.vue +2 -0
  66. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue +321 -321
  67. package/components/common/vm/actions/common/customizeHardware/virtualHardware/browseView/BrowseView.vue +227 -227
  68. package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/Bus.vue +100 -100
  69. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue +232 -232
  70. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveOld.vue +168 -168
  71. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue +25 -25
  72. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue +78 -78
  73. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaOld.vue +50 -50
  74. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  75. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  76. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/tooltip/TooltipNew.vue +154 -154
  77. package/components/common/vm/actions/common/customizeHardware/virtualHardware/limit/Limit.vue +220 -220
  78. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/Memory.vue +307 -307
  79. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +385 -385
  80. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -154
  81. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationOld.vue +85 -85
  82. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue +288 -288
  83. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/lib/config/config.ts +94 -94
  84. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  85. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue +205 -205
  86. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue +66 -66
  87. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoOld.vue +62 -62
  88. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  89. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoOld.vue +76 -76
  90. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue +15 -15
  91. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue +42 -42
  92. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteOld.vue +30 -30
  93. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridOld.vue +84 -84
  94. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  95. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCard.vue +154 -154
  96. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue +53 -53
  97. package/components/common/vm/actions/common/customizeHardware/vmoptions/Vmoptions.vue +155 -152
  98. package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsNew.vue +130 -128
  99. package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsOld.vue +113 -111
  100. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  101. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  102. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
  103. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptions.vue +95 -83
  104. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue +2 -1
  105. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsOld.vue +155 -154
  106. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  107. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/KeymapOld.vue +44 -44
  108. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  109. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  110. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionOld.vue +44 -44
  111. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  112. package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +118 -118
  113. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  114. package/components/common/vm/actions/common/select/createType/lib/config/items.ts +48 -48
  115. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  116. package/components/common/vm/actions/common/select/name/Name.vue +174 -174
  117. package/components/common/vm/actions/common/select/options/Options.vue +6 -1
  118. package/components/common/vm/actions/common/select/os/Old.vue +152 -152
  119. package/components/common/vm/actions/common/select/os/Os.vue +139 -139
  120. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  121. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  122. package/components/common/vm/actions/editSettings/EditSettings.vue +242 -239
  123. package/components/common/vm/actions/editSettings/EditSettingsOld.vue +2 -0
  124. package/components/common/vm/actions/editSettings/new/New.vue +2 -0
  125. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  126. package/components/common/vmt/actions/add/Add.vue +641 -641
  127. package/components/common/vmt/actions/add/lib/config/steps.ts +107 -107
  128. package/components/common/vmt/actions/add/lib/models/interfaces.ts +23 -23
  129. package/components/common/wizards/network/add/steps/SelectConnectionType.vue +104 -104
  130. package/components/common/wizards/network/add/steps/SelectedTargetDevice.vue +467 -467
  131. package/components/common/wizards/vm/migrate/Migrate.vue +349 -349
  132. package/components/common/wizards/vm/migrate/lib/config/constructDataReady.ts +220 -220
  133. package/components/common/wizards/vm/migrate/lib/config/steps.ts +157 -157
  134. package/components/common/wizards/vm/migrate/lib/validations.ts +68 -68
  135. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  136. package/components/common/wizards/vm/migrate/select/network/table/network/lib/config/advancedTable.ts +91 -91
  137. package/composables/productNameLocal.ts +30 -30
  138. package/composables/useAppVersion.ts +21 -21
  139. package/package.json +1 -1
  140. package/plugins/date.ts +233 -233
  141. package/plugins/panelStates.ts +70 -70
  142. package/plugins/text.ts +59 -59
  143. package/public/spice-console/lib/images/bitmap.js +203 -203
  144. package/public/spice-console/network/spicechannel.js +387 -387
  145. package/store/main/mutations.ts +7 -7
  146. package/store/main/state.ts +7 -7
  147. package/store/tasks/mappers/recentTasks.ts +64 -64
@@ -1,48 +1,48 @@
1
- import type { UI_T_NodeType } from '~/components/common/pages/home/lib/models/types'
2
- import type { UI_I_Resources } from '~/components/common/resource/lib/models/interfaces'
3
- import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
4
-
5
- export interface UI_I_ZoneList extends UI_I_Option {}
6
- export interface UI_I_Hosts {
7
- connected: number
8
- disconnected: number
9
- maintenance: number
10
- total: number
11
- }
12
-
13
- export interface UI_I_Vms {
14
- powered_on: number
15
- powered_off: number
16
- suspended: number
17
- total: number
18
- }
19
-
20
- export interface UI_I_Alert {
21
- item: string
22
- type: UI_T_NodeType
23
- id: number
24
- alerts: number
25
- warnings: number
26
- }
27
-
28
- export interface UI_I_Service {
29
- id: number
30
- item: string
31
- statusIcon: string
32
- statusText: string
33
- version: string
34
- }
35
-
36
- export interface UI_I_HomeInfo {
37
- resource_meter: UI_I_Resources[]
38
- vms: UI_I_Vms
39
- alerts: UI_I_Alert[]
40
- services: UI_I_Service[]
41
- hosts?: UI_I_Hosts
42
- }
43
-
44
- export interface UI_I_Card {
45
- text: string
46
- value: number
47
- icon?: string
48
- }
1
+ import type { UI_T_NodeType } from '~/components/common/pages/home/lib/models/types'
2
+ import type { UI_I_Resources } from '~/components/common/resource/lib/models/interfaces'
3
+ import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
4
+
5
+ export interface UI_I_ZoneList extends UI_I_Option {}
6
+ export interface UI_I_Hosts {
7
+ connected: number
8
+ disconnected: number
9
+ maintenance: number
10
+ total: number
11
+ }
12
+
13
+ export interface UI_I_Vms {
14
+ powered_on: number
15
+ powered_off: number
16
+ suspended: number
17
+ total: number
18
+ }
19
+
20
+ export interface UI_I_Alert {
21
+ item: string
22
+ type: UI_T_NodeType
23
+ id: number
24
+ alerts: number
25
+ warnings: number
26
+ }
27
+
28
+ export interface UI_I_Service {
29
+ id: number
30
+ item: string
31
+ statusIcon: string
32
+ statusText: string
33
+ version: string
34
+ }
35
+
36
+ export interface UI_I_HomeInfo {
37
+ resource_meter: UI_I_Resources[]
38
+ vms: UI_I_Vms
39
+ alerts: UI_I_Alert[]
40
+ services: UI_I_Service[]
41
+ hosts?: UI_I_Hosts
42
+ }
43
+
44
+ export interface UI_I_Card {
45
+ text: string
46
+ value: number
47
+ icon?: string
48
+ }
@@ -1,49 +1,49 @@
1
- <template>
2
- <common-pages-home-widgets-new
3
- v-if="isNewView"
4
- :vms="vms"
5
- :hosts="hosts"
6
- :alerts="alerts || []"
7
- :services="services || []"
8
- :loading="props.loading"
9
- :project="props.project"
10
- />
11
-
12
- <common-pages-home-widgets-old
13
- v-else
14
- :vms="vms"
15
- :hosts="hosts"
16
- :alerts="alerts || []"
17
- :services="services || []"
18
- :project="props.project"
19
- />
20
- </template>
21
-
22
- <script lang="ts" setup>
23
- import type {
24
- UI_I_Alert,
25
- UI_I_HomeInfo,
26
- UI_I_Hosts,
27
- UI_I_Vms,
28
- UI_I_Service,
29
- } from '~/components/common/pages/home/lib/models/interfaces'
30
- import type { UI_T_Project } from '~/lib/models/types'
31
-
32
- const props = defineProps<{
33
- homeInfo: UI_I_HomeInfo
34
- loading: boolean
35
- project?: UI_T_Project
36
- }>()
37
-
38
- const { $store }: any = useNuxtApp()
39
-
40
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
41
-
42
- const vms = computed<UI_I_Vms>(() => props.homeInfo.vms || {})
43
- const hosts = computed<UI_I_Hosts>(() => props.homeInfo.hosts || {})
44
-
45
- const alerts = computed<UI_I_Alert[]>(() => props.homeInfo.alerts || 0)
46
- const services = computed<UI_I_Service[]>(() => props.homeInfo.services || 0)
47
- </script>
48
-
49
- <style lang="scss" scoped></style>
1
+ <template>
2
+ <common-pages-home-widgets-new
3
+ v-if="isNewView"
4
+ :vms="vms"
5
+ :hosts="hosts"
6
+ :alerts="alerts || []"
7
+ :services="services || []"
8
+ :loading="props.loading"
9
+ :project="props.project"
10
+ />
11
+
12
+ <common-pages-home-widgets-old
13
+ v-else
14
+ :vms="vms"
15
+ :hosts="hosts"
16
+ :alerts="alerts || []"
17
+ :services="services || []"
18
+ :project="props.project"
19
+ />
20
+ </template>
21
+
22
+ <script lang="ts" setup>
23
+ import type {
24
+ UI_I_Alert,
25
+ UI_I_HomeInfo,
26
+ UI_I_Hosts,
27
+ UI_I_Vms,
28
+ UI_I_Service,
29
+ } from '~/components/common/pages/home/lib/models/interfaces'
30
+ import type { UI_T_Project } from '~/lib/models/types'
31
+
32
+ const props = defineProps<{
33
+ homeInfo: UI_I_HomeInfo
34
+ loading: boolean
35
+ project?: UI_T_Project
36
+ }>()
37
+
38
+ const { $store }: any = useNuxtApp()
39
+
40
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
41
+
42
+ const vms = computed<UI_I_Vms>(() => props.homeInfo.vms || {})
43
+ const hosts = computed<UI_I_Hosts>(() => props.homeInfo.hosts || {})
44
+
45
+ const alerts = computed<UI_I_Alert[]>(() => props.homeInfo.alerts || 0)
46
+ const services = computed<UI_I_Service[]>(() => props.homeInfo.services || 0)
47
+ </script>
48
+
49
+ <style lang="scss" scoped></style>
@@ -1,86 +1,86 @@
1
- <template>
2
- <div class="home-total-quantities">
3
- <h1>
4
- {{ localization.home.totalQuantities }}
5
- </h1>
6
-
7
- <div :class="['grid-container', props.project === 'procurator' && 'mono']">
8
- <common-pages-home-widgets-vms :vms="vms" :loading="props.loading" />
9
-
10
- <common-pages-home-widgets-hosts
11
- v-if="props.project === 'sphere'"
12
- :hosts="hosts"
13
- :loading="props.loading"
14
- />
15
- </div>
16
- </div>
17
-
18
- <div class="home-total-warnings">
19
- <h1>
20
- {{ localization.home.totalAlertsWarnings }}
21
- </h1>
22
-
23
- <div class="grid-container">
24
- <common-pages-home-widgets-warnings
25
- :alerts="alerts || []"
26
- :loading="props.loading"
27
- />
28
-
29
- <common-pages-home-widgets-services
30
- :services="services || []"
31
- :loading="props.loading"
32
- />
33
- </div>
34
- </div>
35
- </template>
36
-
37
- <script lang="ts" setup>
38
- import type { UI_I_Localization } from '~/lib/models/interfaces'
39
- import type {
40
- UI_I_Alert,
41
- UI_I_Hosts,
42
- UI_I_Vms,
43
- UI_I_Service,
44
- } from '~/components/common/pages/home/lib/models/interfaces'
45
- import type { UI_T_Project } from '~/lib/models/types'
46
-
47
- const props = defineProps<{
48
- vms: UI_I_Vms
49
- hosts: UI_I_Hosts
50
- alerts: UI_I_Alert[]
51
- services: UI_I_Service[]
52
- loading: boolean
53
- project?: UI_T_Project
54
- }>()
55
-
56
- const localization = computed<UI_I_Localization>(() => useLocal())
57
- </script>
58
-
59
- <style lang="scss" scoped>
60
- .home-total-warnings,
61
- .home-total-quantities {
62
- margin-top: 24px;
63
- & > h1 {
64
- font-size: 14px;
65
- font-weight: 400;
66
- line-height: 16.94px;
67
- color: #9da6ad;
68
- margin-bottom: 12px;
69
- }
70
- }
71
-
72
- .grid-container {
73
- display: grid;
74
- grid-template-columns: repeat(2, 1fr);
75
- grid-column-gap: 12px;
76
-
77
- &.mono {
78
- grid-template-columns: 1fr;
79
- }
80
-
81
- @media (max-width: 1024px) {
82
- grid-template-columns: 1fr;
83
- grid-row-gap: 12px;
84
- }
85
- }
86
- </style>
1
+ <template>
2
+ <div class="home-total-quantities">
3
+ <h1>
4
+ {{ localization.home.totalQuantities }}
5
+ </h1>
6
+
7
+ <div :class="['grid-container', props.project === 'procurator' && 'mono']">
8
+ <common-pages-home-widgets-vms :vms="vms" :loading="props.loading" />
9
+
10
+ <common-pages-home-widgets-hosts
11
+ v-if="props.project === 'sphere'"
12
+ :hosts="hosts"
13
+ :loading="props.loading"
14
+ />
15
+ </div>
16
+ </div>
17
+
18
+ <div class="home-total-warnings">
19
+ <h1>
20
+ {{ localization.home.totalAlertsWarnings }}
21
+ </h1>
22
+
23
+ <div class="grid-container">
24
+ <common-pages-home-widgets-warnings
25
+ :alerts="alerts || []"
26
+ :loading="props.loading"
27
+ />
28
+
29
+ <common-pages-home-widgets-services
30
+ :services="services || []"
31
+ :loading="props.loading"
32
+ />
33
+ </div>
34
+ </div>
35
+ </template>
36
+
37
+ <script lang="ts" setup>
38
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
39
+ import type {
40
+ UI_I_Alert,
41
+ UI_I_Hosts,
42
+ UI_I_Vms,
43
+ UI_I_Service,
44
+ } from '~/components/common/pages/home/lib/models/interfaces'
45
+ import type { UI_T_Project } from '~/lib/models/types'
46
+
47
+ const props = defineProps<{
48
+ vms: UI_I_Vms
49
+ hosts: UI_I_Hosts
50
+ alerts: UI_I_Alert[]
51
+ services: UI_I_Service[]
52
+ loading: boolean
53
+ project?: UI_T_Project
54
+ }>()
55
+
56
+ const localization = computed<UI_I_Localization>(() => useLocal())
57
+ </script>
58
+
59
+ <style lang="scss" scoped>
60
+ .home-total-warnings,
61
+ .home-total-quantities {
62
+ margin-top: 24px;
63
+ & > h1 {
64
+ font-size: 14px;
65
+ font-weight: 400;
66
+ line-height: 16.94px;
67
+ color: #9da6ad;
68
+ margin-bottom: 12px;
69
+ }
70
+ }
71
+
72
+ .grid-container {
73
+ display: grid;
74
+ grid-template-columns: repeat(2, 1fr);
75
+ grid-column-gap: 12px;
76
+
77
+ &.mono {
78
+ grid-template-columns: 1fr;
79
+ }
80
+
81
+ @media (max-width: 1024px) {
82
+ grid-template-columns: 1fr;
83
+ grid-row-gap: 12px;
84
+ }
85
+ }
86
+ </style>
@@ -1,34 +1,34 @@
1
- <template>
2
- <div class="clr-row">
3
- <common-pages-home-widgets-vms :vms="props.vms" :project="props.project" />
4
-
5
- <common-pages-home-widgets-hosts
6
- v-if="props.project === 'sphere'"
7
- :hosts="props.hosts"
8
- />
9
-
10
- <common-pages-home-widgets-warnings :alerts="props.alerts" />
11
-
12
- <common-pages-home-widgets-services :services="props.services" />
13
- </div>
14
- </template>
15
-
16
- <script lang="ts" setup>
17
- import type {
18
- UI_I_Alert,
19
- UI_I_Hosts,
20
- UI_I_Vms,
21
- UI_I_Service,
22
- } from '~/components/common/pages/home/lib/models/interfaces'
23
- import type { UI_T_Project } from '~/lib/models/types'
24
-
25
- const props = defineProps<{
26
- vms: UI_I_Vms
27
- hosts: UI_I_Hosts
28
- alerts: UI_I_Alert[]
29
- services: UI_I_Service[]
30
- project?: UI_T_Project
31
- }>()
32
- </script>
33
-
34
- <style lang="scss" scoped></style>
1
+ <template>
2
+ <div class="clr-row">
3
+ <common-pages-home-widgets-vms :vms="props.vms" :project="props.project" />
4
+
5
+ <common-pages-home-widgets-hosts
6
+ v-if="props.project === 'sphere'"
7
+ :hosts="props.hosts"
8
+ />
9
+
10
+ <common-pages-home-widgets-warnings :alerts="props.alerts" />
11
+
12
+ <common-pages-home-widgets-services :services="props.services" />
13
+ </div>
14
+ </template>
15
+
16
+ <script lang="ts" setup>
17
+ import type {
18
+ UI_I_Alert,
19
+ UI_I_Hosts,
20
+ UI_I_Vms,
21
+ UI_I_Service,
22
+ } from '~/components/common/pages/home/lib/models/interfaces'
23
+ import type { UI_T_Project } from '~/lib/models/types'
24
+
25
+ const props = defineProps<{
26
+ vms: UI_I_Vms
27
+ hosts: UI_I_Hosts
28
+ alerts: UI_I_Alert[]
29
+ services: UI_I_Service[]
30
+ project?: UI_T_Project
31
+ }>()
32
+ </script>
33
+
34
+ <style lang="scss" scoped></style>
@@ -1,27 +1,27 @@
1
- <template>
2
- <common-pages-home-widgets-hosts-new
3
- v-if="isNewView"
4
- :hosts="props.hosts"
5
- :loading="props.loading"
6
- />
7
-
8
- <common-pages-home-widgets-hosts-old
9
- v-else
10
- :hosts="props.hosts"
11
- />
12
- </template>
13
-
14
- <script lang="ts" setup>
15
- import type { UI_I_Hosts } from '~/components/common/pages/home/lib/models/interfaces'
16
-
17
- const props = defineProps<{
18
- hosts: UI_I_Hosts
19
- loading: boolean
20
- }>()
21
-
22
- const { $store }: any = useNuxtApp()
23
-
24
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
25
- </script>
26
-
27
- <style lang="scss" scoped></style>
1
+ <template>
2
+ <common-pages-home-widgets-hosts-new
3
+ v-if="isNewView"
4
+ :hosts="props.hosts"
5
+ :loading="props.loading"
6
+ />
7
+
8
+ <common-pages-home-widgets-hosts-old
9
+ v-else
10
+ :hosts="props.hosts"
11
+ />
12
+ </template>
13
+
14
+ <script lang="ts" setup>
15
+ import type { UI_I_Hosts } from '~/components/common/pages/home/lib/models/interfaces'
16
+
17
+ const props = defineProps<{
18
+ hosts: UI_I_Hosts
19
+ loading: boolean
20
+ }>()
21
+
22
+ const { $store }: any = useNuxtApp()
23
+
24
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
25
+ </script>
26
+
27
+ <style lang="scss" scoped></style>
@@ -1,23 +1,23 @@
1
- import type {
2
- UI_I_Card,
3
- UI_I_Hosts,
4
- } from '~/components/common/pages/home/lib/models/interfaces'
5
-
6
- export const itemsFunc = (hosts: UI_I_Hosts): UI_I_Card[] => [
7
- {
8
- value: hosts.connected,
9
- text: 'connected',
10
- icon: 'vsphere-icon-Host_Connect',
11
- },
12
- {
13
- value: hosts.disconnected,
14
- text: 'disconnected',
15
- icon: 'vsphere-icon-Host_Disconnect',
16
- },
17
-
18
- {
19
- value: hosts.maintenance,
20
- text: 'maintenance',
21
- icon: 'vsphere-icon-host-maintenance',
22
- },
23
- ]
1
+ import type {
2
+ UI_I_Card,
3
+ UI_I_Hosts,
4
+ } from '~/components/common/pages/home/lib/models/interfaces'
5
+
6
+ export const itemsFunc = (hosts: UI_I_Hosts): UI_I_Card[] => [
7
+ {
8
+ value: hosts.connected,
9
+ text: 'connected',
10
+ icon: 'vsphere-icon-Host_Connect',
11
+ },
12
+ {
13
+ value: hosts.disconnected,
14
+ text: 'disconnected',
15
+ icon: 'vsphere-icon-Host_Disconnect',
16
+ },
17
+
18
+ {
19
+ value: hosts.maintenance,
20
+ text: 'maintenance',
21
+ icon: 'vsphere-icon-host-maintenance',
22
+ },
23
+ ]
@@ -1,26 +1,26 @@
1
- <template>
2
- <common-pages-home-widgets-vms-new
3
- v-if="isNewView"
4
- :vms="props.vms"
5
- :loading="props.loading"
6
- />
7
-
8
- <common-pages-home-widgets-vms-old v-else :vms="props.vms" :project="props.project" />
9
- </template>
10
-
11
- <script lang="ts" setup>
12
- import type { UI_I_Vms } from '~/components/common/pages/home/lib/models/interfaces'
13
- import type { UI_T_Project } from '~/lib/models/types'
14
-
15
- const props = defineProps<{
16
- vms: UI_I_Vms
17
- loading: boolean
18
- project?: UI_T_Project
19
- }>()
20
-
21
- const { $store }: any = useNuxtApp()
22
-
23
- const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
24
- </script>
25
-
26
- <style lang="scss" scoped></style>
1
+ <template>
2
+ <common-pages-home-widgets-vms-new
3
+ v-if="isNewView"
4
+ :vms="props.vms"
5
+ :loading="props.loading"
6
+ />
7
+
8
+ <common-pages-home-widgets-vms-old v-else :vms="props.vms" :project="props.project" />
9
+ </template>
10
+
11
+ <script lang="ts" setup>
12
+ import type { UI_I_Vms } from '~/components/common/pages/home/lib/models/interfaces'
13
+ import type { UI_T_Project } from '~/lib/models/types'
14
+
15
+ const props = defineProps<{
16
+ vms: UI_I_Vms
17
+ loading: boolean
18
+ project?: UI_T_Project
19
+ }>()
20
+
21
+ const { $store }: any = useNuxtApp()
22
+
23
+ const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
24
+ </script>
25
+
26
+ <style lang="scss" scoped></style>
@@ -1,35 +1,35 @@
1
- <template>
2
- <div :class="classes">
3
- <div class="entity-status">
4
- <common-pages-home-card
5
- :title="localization.common.vms"
6
- :count="props.vms.total"
7
- icon-name="vsphere-icon-vm"
8
- >
9
- <common-pages-home-status-content :items="props.vms" />
10
- </common-pages-home-card>
11
- </div>
12
- </div>
13
- </template>
14
-
15
- <script lang="ts" setup>
16
- import type { UI_I_Localization } from '~/lib/models/interfaces'
17
- import type { UI_I_Vms } from '~/components/common/pages/home/lib/models/interfaces'
18
- import type { UI_T_Project } from '~/lib/models/types'
19
- const props = defineProps<{
20
- vms: UI_I_Vms
21
- project?: UI_T_Project
22
- }>()
23
-
24
- const localization = computed<UI_I_Localization>(() => useLocal())
25
-
26
- const classes = computed<string>(() => {
27
- let classes = 'clr-col-md-6 clr-col-sm-12'
28
- if (props.project === 'procurator') {
29
- classes = 'clr-col-md-12 clr-col-sm-12'
30
- }
31
- return classes
32
- })
33
- </script>
34
-
35
- <style lang="scss" scoped></style>
1
+ <template>
2
+ <div :class="classes">
3
+ <div class="entity-status">
4
+ <common-pages-home-card
5
+ :title="localization.common.vms"
6
+ :count="props.vms.total"
7
+ icon-name="vsphere-icon-vm"
8
+ >
9
+ <common-pages-home-status-content :items="props.vms" />
10
+ </common-pages-home-card>
11
+ </div>
12
+ </div>
13
+ </template>
14
+
15
+ <script lang="ts" setup>
16
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
17
+ import type { UI_I_Vms } from '~/components/common/pages/home/lib/models/interfaces'
18
+ import type { UI_T_Project } from '~/lib/models/types'
19
+ const props = defineProps<{
20
+ vms: UI_I_Vms
21
+ project?: UI_T_Project
22
+ }>()
23
+
24
+ const localization = computed<UI_I_Localization>(() => useLocal())
25
+
26
+ const classes = computed<string>(() => {
27
+ let classes = 'clr-col-md-6 clr-col-sm-12'
28
+ if (props.project === 'procurator') {
29
+ classes = 'clr-col-md-12 clr-col-sm-12'
30
+ }
31
+ return classes
32
+ })
33
+ </script>
34
+
35
+ <style lang="scss" scoped></style>