bfg-common 1.5.237 → 1.5.239

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/components/atoms/TheIcon3.vue +50 -50
  3. package/components/atoms/perPage/PerPage.vue +58 -58
  4. package/components/atoms/stack/StackBlock.vue +185 -185
  5. package/components/atoms/table/dataGrid/DataGrid.vue +1717 -1717
  6. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  7. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  8. package/components/atoms/table/info/lib/models/interfaces.ts +10 -10
  9. package/components/atoms/tabs/VerticalTabs.vue +105 -105
  10. package/components/common/backup/storage/actions/add/Add.vue +247 -247
  11. package/components/common/backup/storage/actions/add/New.vue +281 -281
  12. package/components/common/backup/storage/actions/add/Old.vue +114 -114
  13. package/components/common/backup/storage/actions/add/lib/config/steps.ts +168 -168
  14. package/components/common/backup/storage/actions/add/steps/nameAndConfigure/NameAndConfigure.vue +41 -41
  15. package/components/common/backup/storage/actions/add/steps/nameAndConfigure/NameAndConfigureNew.vue +294 -294
  16. package/components/common/backup/storage/actions/add/steps/readyComplete/ReadyComplete.vue +45 -45
  17. package/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails.ts +242 -242
  18. package/components/common/backup/storage/actions/delete/Delete.vue +65 -65
  19. package/components/common/browse/BrowseNew.vue +1 -7
  20. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  21. package/components/common/context/lib/models/interfaces.ts +31 -31
  22. package/components/common/diagramMain/DiagramMain.vue +897 -897
  23. package/components/common/diagramMain/Header.vue +214 -214
  24. package/components/common/layout/theHeader/helpMenu/About.vue +82 -82
  25. package/components/common/layout/theHeader/userMenu/modals/preferences/view/ViewOld.vue +112 -112
  26. package/components/common/monitor/overview/OverviewOld.vue +139 -139
  27. package/components/common/pages/home/headline/Headline.vue +45 -45
  28. package/components/common/pages/home/headline/HeadlineOld.vue +42 -42
  29. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  30. package/components/common/pages/home/widgets/Widgets.vue +49 -49
  31. package/components/common/pages/home/widgets/WidgetsNew.vue +86 -86
  32. package/components/common/pages/home/widgets/WidgetsOld.vue +34 -34
  33. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  34. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  35. package/components/common/pages/home/widgets/vms/Vms.vue +26 -26
  36. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  37. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  38. package/components/common/pages/packages/Packages.vue +208 -208
  39. package/components/common/pages/shortcuts/block/BlockOld.vue +68 -68
  40. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  41. package/components/common/recursionTree/RecursionTree.vue +223 -223
  42. package/components/common/select/button/ButtonDropdown.vue +108 -108
  43. package/components/common/spiceConsole/Drawer.vue +377 -377
  44. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  45. package/components/common/vm/actions/add/folderTreeView/FolderTreeView.vue +72 -72
  46. package/components/common/vm/actions/add/folderTreeView/New.vue +40 -40
  47. package/components/common/vm/actions/add/folderTreeView/Old.vue +50 -50
  48. package/components/common/vm/actions/clone/lib/config/steps.ts +291 -291
  49. package/components/common/vm/actions/clone/toTemplate/lib/config/steps.ts +116 -116
  50. package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue +1 -1
  51. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareNew.vue +7 -7
  52. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue +319 -319
  53. package/components/common/vm/actions/common/customizeHardware/virtualHardware/browseView/BrowseView.vue +219 -219
  54. package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/Bus.vue +100 -100
  55. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue +232 -232
  56. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveNew.vue +0 -1
  57. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveOld.vue +168 -168
  58. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue +25 -25
  59. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue +78 -78
  60. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaOld.vue +50 -50
  61. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuNew.vue +190 -194
  62. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/model/ModelNew.vue +237 -242
  63. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  64. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/SharesNew.vue +1 -6
  65. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  66. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/tooltip/TooltipNew.vue +154 -154
  67. package/components/common/vm/actions/common/customizeHardware/virtualHardware/limit/Limit.vue +220 -220
  68. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/Memory.vue +307 -307
  69. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/MemoryNew.vue +154 -158
  70. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/hotPlug/HotPlugNew.vue +2 -8
  71. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +382 -382
  72. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskNew.vue +0 -1
  73. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/file/FileNew.vue +3 -8
  74. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +151 -151
  75. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationNew.vue +73 -73
  76. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationOld.vue +83 -83
  77. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/maximumSize/MaximumSizeNew.vue +4 -8
  78. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/provisioning/ProvisioningNew.vue +1 -6
  79. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/SharingNew.vue +1 -6
  80. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue +288 -288
  81. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetworkNew.vue +1 -1
  82. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/lib/config/config.ts +94 -94
  83. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  84. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue +205 -205
  85. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue +66 -66
  86. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoOld.vue +62 -62
  87. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  88. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoOld.vue +76 -76
  89. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue +15 -15
  90. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue +42 -42
  91. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteOld.vue +30 -30
  92. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridOld.vue +84 -84
  93. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/NewUsbControllerNew.vue +0 -1
  94. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  95. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/OtherNew.vue +30 -36
  96. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/inputDevices/InputDevicesNew.vue +40 -40
  97. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCardNew.vue +2 -5
  98. package/components/common/vm/actions/common/customizeHardware/vmoptions/Vmoptions.vue +145 -145
  99. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/BootOptionsNew.vue +81 -85
  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/bootOptions/order/OrderNew.vue +67 -71
  104. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue +149 -150
  105. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/New.vue +140 -146
  106. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/copyPaste/CopyPasteNew.vue +31 -31
  107. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/fileTransfer/FileTransferNew.vue +31 -31
  108. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  109. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  110. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordNew.vue +128 -128
  111. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  112. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionNew.vue +39 -39
  113. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionOld.vue +44 -44
  114. package/components/common/vm/actions/common/customizeHardware/vmoptions/tools/ToolsNew.vue +1 -5
  115. package/components/common/vm/actions/common/lib/utils/capabilities.ts +52 -52
  116. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  117. package/components/common/vm/actions/common/select/computeResource/treeView/New.vue +44 -44
  118. package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +118 -118
  119. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  120. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  121. package/components/common/vm/actions/common/select/os/Old.vue +152 -152
  122. package/components/common/vm/actions/common/select/os/Os.vue +139 -139
  123. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  124. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  125. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  126. package/components/common/wizards/vm/migrate/lib/config/constructDataReady.ts +220 -220
  127. package/components/common/wizards/vm/migrate/lib/config/steps.ts +157 -157
  128. package/components/common/wizards/vm/migrate/lib/validations.ts +68 -68
  129. package/components/common/wizards/vm/migrate/select/computeResource/tableView/TableView.vue +135 -137
  130. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  131. package/components/common/wizards/vm/migrate/select/network/table/network/lib/config/advancedTable.ts +91 -91
  132. package/composables/productNameLocal.ts +30 -30
  133. package/composables/useAppVersion.ts +21 -21
  134. package/package.json +2 -2
  135. package/plugins/cron.ts +75 -0
  136. package/plugins/date.ts +233 -233
  137. package/plugins/helpers.ts +18 -0
  138. package/plugins/number.ts +18 -0
  139. package/plugins/panelStates.ts +70 -0
  140. package/plugins/text.ts +59 -48
  141. package/plugins/time.ts +17 -0
  142. package/public/spice-console/lib/images/bitmap.js +203 -203
  143. package/public/spice-console/network/spicechannel.js +387 -387
  144. package/store/main/mutations.ts +7 -7
  145. package/store/main/state.ts +7 -7
  146. package/store/tasks/mappers/recentTasks.ts +64 -64
  147. /package/{components/common/split/horizontal/lib/models → lib/models/plugins/panelStates}/interfaces.ts +0 -0
@@ -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>