bfg-common 1.5.245 → 1.5.246

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 (139) 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/components/atoms/TheIcon3.vue +50 -50
  7. package/components/atoms/perPage/PerPage.vue +58 -58
  8. package/components/atoms/table/dataGrid/DataGrid.vue +1717 -1717
  9. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  10. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  11. package/components/atoms/tabs/VerticalTabs.vue +105 -105
  12. package/components/common/backup/storage/actions/add/Add.vue +250 -250
  13. package/components/common/backup/storage/actions/add/New.vue +288 -283
  14. package/components/common/backup/storage/actions/add/Old.vue +116 -116
  15. package/components/common/backup/storage/actions/add/lib/config/steps.ts +168 -168
  16. package/components/common/backup/storage/actions/add/steps/nameAndConfigure/NameAndConfigure.vue +41 -41
  17. package/components/common/backup/storage/actions/add/steps/nameAndConfigure/NameAndConfigureNew.vue +304 -294
  18. package/components/common/backup/storage/actions/add/steps/readyComplete/ReadyComplete.vue +45 -45
  19. package/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails.ts +242 -242
  20. package/components/common/backup/storage/actions/add/steps/typeMode/TypeModeNew.vue +12 -3
  21. package/components/common/backup/storage/actions/delete/Delete.vue +65 -65
  22. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  23. package/components/common/context/lib/models/interfaces.ts +31 -31
  24. package/components/common/diagramMain/DiagramMain.vue +897 -897
  25. package/components/common/diagramMain/Header.vue +214 -214
  26. package/components/common/layout/theHeader/feedback/new/additionalDetails/Headline.vue +8 -67
  27. package/components/common/layout/theHeader/feedback/new/subtitle/Subtitle.vue +8 -72
  28. package/components/common/layout/theHeader/helpMenu/About.vue +82 -82
  29. package/components/common/layout/theHeader/userMenu/modals/preferences/view/ViewOld.vue +112 -112
  30. package/components/common/monitor/overview/OverviewOld.vue +139 -139
  31. package/components/common/pages/home/headline/Headline.vue +45 -45
  32. package/components/common/pages/home/headline/HeadlineOld.vue +42 -42
  33. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  34. package/components/common/pages/home/widgets/Widgets.vue +49 -49
  35. package/components/common/pages/home/widgets/WidgetsNew.vue +86 -86
  36. package/components/common/pages/home/widgets/WidgetsOld.vue +34 -34
  37. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  38. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  39. package/components/common/pages/home/widgets/vms/Vms.vue +26 -26
  40. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  41. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  42. package/components/common/pages/packages/Packages.vue +208 -208
  43. package/components/common/pages/shortcuts/block/BlockOld.vue +68 -68
  44. package/components/common/pages/tasks/table/Table.vue +15 -7
  45. package/components/common/pages/tasks/table/expandDetails/ExpandDetails.vue +15 -9
  46. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  47. package/components/common/recursionTree/RecursionTree.vue +223 -223
  48. package/components/common/select/button/ButtonDropdown.vue +108 -108
  49. package/components/common/spiceConsole/Drawer.vue +377 -377
  50. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  51. package/components/common/tooltip/Help.vue +132 -0
  52. package/components/common/tooltip/lib/models/types.ts +1 -0
  53. package/components/common/vm/actions/add/folderTreeView/FolderTreeView.vue +72 -72
  54. package/components/common/vm/actions/add/folderTreeView/New.vue +40 -40
  55. package/components/common/vm/actions/add/folderTreeView/Old.vue +50 -50
  56. package/components/common/vm/actions/clone/lib/config/steps.ts +291 -291
  57. package/components/common/vm/actions/clone/toTemplate/lib/config/steps.ts +116 -116
  58. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue +321 -321
  59. package/components/common/vm/actions/common/customizeHardware/virtualHardware/browseView/BrowseView.vue +219 -219
  60. package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/Bus.vue +100 -100
  61. package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/BusNew.vue +10 -99
  62. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue +232 -232
  63. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveOld.vue +168 -168
  64. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue +25 -25
  65. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue +78 -78
  66. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaOld.vue +50 -50
  67. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuNew.vue +52 -3
  68. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/model/ModelNew.vue +32 -151
  69. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  70. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  71. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/tooltip/TooltipNew.vue +154 -154
  72. package/components/common/vm/actions/common/customizeHardware/virtualHardware/limit/Limit.vue +220 -220
  73. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/Memory.vue +307 -307
  74. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +385 -385
  75. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -154
  76. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationNew.vue +75 -75
  77. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationOld.vue +85 -85
  78. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue +288 -288
  79. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/lib/config/config.ts +94 -94
  80. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  81. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue +205 -205
  82. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue +66 -66
  83. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoOld.vue +62 -62
  84. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  85. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoOld.vue +76 -76
  86. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue +15 -15
  87. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue +42 -42
  88. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteOld.vue +30 -30
  89. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridOld.vue +84 -84
  90. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  91. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/inputDevices/InputDevicesNew.vue +40 -40
  92. package/components/common/vm/actions/common/customizeHardware/vmoptions/Vmoptions.vue +145 -145
  93. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  94. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  95. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
  96. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/copyPaste/CopyPasteNew.vue +31 -31
  97. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/fileTransfer/FileTransferNew.vue +31 -31
  98. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  99. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  100. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordNew.vue +128 -128
  101. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  102. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionNew.vue +39 -39
  103. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionOld.vue +44 -44
  104. package/components/common/vm/actions/common/lib/utils/capabilities.ts +52 -52
  105. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  106. package/components/common/vm/actions/common/select/computeResource/treeView/New.vue +44 -44
  107. package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +118 -118
  108. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  109. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  110. package/components/common/vm/actions/common/select/name/New.vue +10 -70
  111. package/components/common/vm/actions/common/select/os/Old.vue +152 -152
  112. package/components/common/vm/actions/common/select/os/Os.vue +139 -139
  113. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  114. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  115. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  116. package/components/common/wizards/datastore/add/New.vue +8 -3
  117. package/components/common/wizards/datastore/add/steps/nameAndConfigure/NameAndConfigureNew.vue +17 -6
  118. package/components/common/wizards/datastore/add/steps/nameAndDevice/NameAndDeviceNew.vue +9 -3
  119. package/components/common/wizards/datastore/add/steps/typeMode/TypeModeNew.vue +8 -3
  120. package/components/common/wizards/vm/migrate/lib/config/constructDataReady.ts +220 -220
  121. package/components/common/wizards/vm/migrate/lib/config/steps.ts +157 -157
  122. package/components/common/wizards/vm/migrate/lib/validations.ts +68 -68
  123. package/components/common/wizards/vm/migrate/select/computeResource/tableView/TableView.vue +135 -135
  124. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  125. package/components/common/wizards/vm/migrate/select/network/table/network/lib/config/advancedTable.ts +91 -91
  126. package/composables/productNameLocal.ts +30 -30
  127. package/composables/useAppVersion.ts +21 -21
  128. package/package.json +1 -1
  129. package/plugins/date.ts +233 -233
  130. package/plugins/panelStates.ts +70 -70
  131. package/plugins/text.ts +59 -59
  132. package/public/spice-console/lib/images/bitmap.js +203 -203
  133. package/public/spice-console/network/spicechannel.js +387 -387
  134. package/store/main/mutations.ts +7 -7
  135. package/store/main/state.ts +7 -7
  136. package/store/tasks/mappers/recentTasks.ts +64 -64
  137. package/components/common/backup/storage/actions/add/steps/common/tooltipInfo/TooltipInfo.vue +0 -94
  138. package/components/common/pages/tasks/table/errorInfo/ErrorInfo.vue +0 -128
  139. package/components/common/wizards/datastore/add/steps/common/tooltipInfo/TooltipInfo.vue +0 -93
@@ -1,7 +1,7 @@
1
- import type { UI_I_MainState } from '~/store/main/lib/interfaces'
2
-
3
- export default {
4
- M_MENU_PINED(state: UI_I_MainState, payload: boolean): void {
5
- state.isMenuPined = payload
6
- },
7
- }
1
+ import type { UI_I_MainState } from '~/store/main/lib/interfaces'
2
+
3
+ export default {
4
+ M_MENU_PINED(state: UI_I_MainState, payload: boolean): void {
5
+ state.isMenuPined = payload
6
+ },
7
+ }
@@ -1,7 +1,7 @@
1
- import type {UI_I_MainState} from "~/store/main/lib/interfaces";
2
-
3
- const state: UI_I_MainState = {
4
- isMenuPined: false,
5
- }
6
-
7
- export default state
1
+ import type {UI_I_MainState} from "~/store/main/lib/interfaces";
2
+
3
+ const state: UI_I_MainState = {
4
+ isMenuPined: false,
5
+ }
6
+
7
+ export default state
@@ -1,64 +1,64 @@
1
- import {
2
- UI_E_RecentTaskStatus,
3
- UI_E_IconNameByRecentTaskStatus,
4
- } from '~/lib/models/store/tasks/enums'
5
- import type {
6
- API_UI_I_RecentTask,
7
- UI_I_RecentTask,
8
- } from '~/lib/models/store/tasks/interfaces'
9
- import { base64 } from '~/lib/utils/base64'
10
-
11
- export const recentTasks = (
12
- data: API_UI_I_RecentTask<string>
13
- ): UI_I_RecentTask<string> => {
14
- const items =
15
- data.items
16
- ?.sort((a, b) => {
17
- return b.start_time - a.start_time
18
- })
19
- .map((task) => {
20
- let args: any = {}
21
- try {
22
- args = base64.decode(task.args)
23
- } catch (error) {
24
- args = {}
25
- }
26
-
27
- let completion: string = task.completion + '' || '--'
28
- let execution: string | number = Math.abs(task.start_time - task.completion)
29
- let queuedFor: number = task.start_time - task.creation_time
30
- let startTime: string = task.start_time + '' || '--'
31
- // Обрабатываем данные когда задачка в ожидании
32
- if (task.status === 0) {
33
- completion = '--'
34
- execution = '--'
35
- queuedFor = 0
36
- startTime = (Date.now() / 1000) + ''
37
- }
38
-
39
- return {
40
- args,
41
- completion,
42
- execution,
43
- queuedFor,
44
- startTime,
45
- details: task.details,
46
- error: task.error,
47
- initiator: task.initiator,
48
- server: task.server,
49
- statusIcon: UI_E_IconNameByRecentTaskStatus[task.status],
50
- statusText: task.error || UI_E_RecentTaskStatus[task.status],
51
- status: task.status,
52
- target: task.target,
53
- targetType: task.target_type,
54
- taskName: task.task_name,
55
- id: task.id,
56
- zone: task.zone,
57
- extra: task.extra,
58
- }
59
- }) || []
60
- return {
61
- items,
62
- last: data.last,
63
- }
64
- }
1
+ import {
2
+ UI_E_RecentTaskStatus,
3
+ UI_E_IconNameByRecentTaskStatus,
4
+ } from '~/lib/models/store/tasks/enums'
5
+ import type {
6
+ API_UI_I_RecentTask,
7
+ UI_I_RecentTask,
8
+ } from '~/lib/models/store/tasks/interfaces'
9
+ import { base64 } from '~/lib/utils/base64'
10
+
11
+ export const recentTasks = (
12
+ data: API_UI_I_RecentTask<string>
13
+ ): UI_I_RecentTask<string> => {
14
+ const items =
15
+ data.items
16
+ ?.sort((a, b) => {
17
+ return b.start_time - a.start_time
18
+ })
19
+ .map((task) => {
20
+ let args: any = {}
21
+ try {
22
+ args = base64.decode(task.args)
23
+ } catch (error) {
24
+ args = {}
25
+ }
26
+
27
+ let completion: string = task.completion + '' || '--'
28
+ let execution: string | number = Math.abs(task.start_time - task.completion)
29
+ let queuedFor: number = task.start_time - task.creation_time
30
+ let startTime: string = task.start_time + '' || '--'
31
+ // Обрабатываем данные когда задачка в ожидании
32
+ if (task.status === 0) {
33
+ completion = '--'
34
+ execution = '--'
35
+ queuedFor = 0
36
+ startTime = (Date.now() / 1000) + ''
37
+ }
38
+
39
+ return {
40
+ args,
41
+ completion,
42
+ execution,
43
+ queuedFor,
44
+ startTime,
45
+ details: task.details,
46
+ error: task.error,
47
+ initiator: task.initiator,
48
+ server: task.server,
49
+ statusIcon: UI_E_IconNameByRecentTaskStatus[task.status],
50
+ statusText: task.error || UI_E_RecentTaskStatus[task.status],
51
+ status: task.status,
52
+ target: task.target,
53
+ targetType: task.target_type,
54
+ taskName: task.task_name,
55
+ id: task.id,
56
+ zone: task.zone,
57
+ extra: task.extra,
58
+ }
59
+ }) || []
60
+ return {
61
+ items,
62
+ last: data.last,
63
+ }
64
+ }
@@ -1,94 +0,0 @@
1
- <template>
2
- <div class="tooltip-info">
3
- <ui-icon
4
- :id="`${props.id}-info-trigger`"
5
- name="info"
6
- width="16"
7
- height="16"
8
- :class="['tooltip-info__icon pointer', { active: isShowInfo }]"
9
- @click.stop="isShowInfo = !isShowInfo"
10
- />
11
- <ui-popup-window
12
- v-model="isShowInfo"
13
- top
14
- left
15
- width="272px"
16
- :elem-id="`${props.id}-info-trigger`"
17
- >
18
- <div class="common-widget-info">
19
- <div class="flex justify-between">
20
- <div class="flex">
21
- <ui-icon name="info-2" width="16px" height="16px" />
22
- <span class="title"> {{ localization.common.information }}</span>
23
- </div>
24
- <ui-icon
25
- name="close"
26
- class="pointer hide-icon"
27
- width="16px"
28
- height="16px"
29
- @click.stop="isShowInfo = false"
30
- />
31
- </div>
32
-
33
- <div class="common-widget-info-description">
34
- {{ props.description }}
35
- </div>
36
- </div>
37
- </ui-popup-window>
38
- </div>
39
- </template>
40
-
41
- <script lang="ts" setup>
42
- // TODO move to global
43
- import type { UI_I_Localization } from '~/lib/models/interfaces'
44
-
45
- const props = defineProps<{
46
- id: string
47
- description: string
48
- }>()
49
-
50
- const localization = computed<UI_I_Localization>(() => useLocal())
51
-
52
- const isShowInfo = ref<boolean>(false)
53
- </script>
54
-
55
- <style lang="scss" scoped>
56
- @import 'assets/scss/common/mixins.scss';
57
- .tooltip-info {
58
- @include flex($align: center);
59
- &__icon {
60
- color: var(--form-icon-color);
61
- &:hover {
62
- color: var(--close-icon);
63
- }
64
- &.active {
65
- color: var(--btn-primary-fill-bg-color);
66
- }
67
- }
68
-
69
- .common-widget-info {
70
- padding: 16px;
71
-
72
- .title {
73
- font-size: 14px;
74
- font-weight: 500;
75
- line-height: 16px;
76
- color: var(--zabbix-text-color);
77
- margin-left: 8px;
78
- }
79
-
80
- .common-widget-info-description {
81
- font-size: 13px;
82
- line-height: 15.73px;
83
- color: var(--zabbix-text-color);
84
- margin-top: 12px;
85
- white-space: pre-line;
86
- }
87
-
88
- svg {
89
- color: var(--alert-icon);
90
- min-width: 16px;
91
- }
92
- }
93
- }
94
- </style>
@@ -1,128 +0,0 @@
1
- <template>
2
- <div :class="['error-info', { 'error-info-small': props.isSmall }]">
3
- <ui-icon
4
- :id="`task-error-info-icon-${props.id}`"
5
- name="info"
6
- width="16px"
7
- height="16px"
8
- :class="[
9
- 'info-icon pointer',
10
- { show: isShowInfo, 'in-collapse-content': props.inCollapseContent },
11
- ]"
12
- @click.stop="emits('toggle-error', props.id)"
13
- />
14
- <ui-popup-window
15
- v-model="isShowInfo"
16
- top
17
- left
18
- :elem-id="`task-error-info-icon-${props.id}`"
19
- >
20
- <div class="common-widget-info">
21
- <div class="headline justify-between flex-align-center">
22
- <div class="flex-align-center">
23
- <ui-icon name="error" width="16px" height="16px" />
24
- <span class="title">{{ localization.common.failureReason }}</span>
25
- </div>
26
- <ui-icon
27
- name="close"
28
- class="pointer hide-icon"
29
- width="16px"
30
- height="16px"
31
- @click.stop="emits('toggle-error', '')"
32
- />
33
- </div>
34
-
35
- <div class="common-widget-info-description">
36
- {{ props.error }}
37
- </div>
38
- </div>
39
- </ui-popup-window>
40
- </div>
41
- </template>
42
-
43
- <script lang="ts" setup>
44
- import type { UI_I_Localization } from '~/lib/models/interfaces'
45
-
46
- const props = withDefaults(
47
- defineProps<{
48
- id: string
49
- error: string
50
- openedError: string
51
- inCollapseContent?: boolean
52
- isSmall?: boolean
53
- }>(),
54
- {
55
- inCollapseContent: false,
56
- isSmall: false,
57
- }
58
- )
59
-
60
- const localization = computed<UI_I_Localization>(() => useLocal())
61
-
62
- const emits = defineEmits<{
63
- (event: 'toggle-error', value: string): void
64
- }>()
65
-
66
- const isShowInfo = computed<boolean>({
67
- get() {
68
- return props.openedError === props.id
69
- },
70
- set() {
71
- emits('toggle-error', '')
72
- },
73
- })
74
- </script>
75
-
76
- <style lang="scss" scoped>
77
- .error-info {
78
- display: flex;
79
- justify-content: space-between;
80
- margin-left: 8px;
81
-
82
- &.error-info-small {
83
- margin-left: 6px;
84
- }
85
-
86
- .info-icon {
87
- color: var(--form-icon-color);
88
-
89
- &:hover {
90
- color: var(--close-icon);
91
- }
92
- &.show {
93
- color: var(--btn-primary-fill-bg-color);
94
- }
95
- }
96
-
97
- .common-widget-info {
98
- width: 232px;
99
- padding: 16px;
100
-
101
- .title {
102
- font-size: 14px;
103
- font-weight: 500;
104
- line-height: 16px;
105
- color: var(--zabbix-text-color);
106
- margin-left: 8px;
107
- }
108
-
109
- .hide-icon {
110
- color: var(--alert-icon);
111
- }
112
-
113
- .common-widget-info-description {
114
- font-size: 13px;
115
- line-height: 15.73px;
116
- color: var(--zabbix-text-color);
117
- margin-top: 12px;
118
- }
119
- }
120
- }
121
-
122
- :deep(.in-collapse-content) {
123
- path,
124
- circle {
125
- stroke-width: 1.4 !important;
126
- }
127
- }
128
- </style>
@@ -1,93 +0,0 @@
1
- <template>
2
- <div class="tooltip-info">
3
- <ui-icon
4
- :id="`${props.id}-info-trigger`"
5
- name="info"
6
- width="16"
7
- height="16"
8
- :class="['tooltip-info__icon pointer', { active: isShowInfo }]"
9
- @click.stop="isShowInfo = !isShowInfo"
10
- />
11
- <ui-popup-window
12
- v-model="isShowInfo"
13
- top
14
- left
15
- width="272px"
16
- :elem-id="`${props.id}-info-trigger`"
17
- >
18
- <div class="common-widget-info">
19
- <div class="flex justify-between">
20
- <div class="flex">
21
- <ui-icon name="info-2" width="16px" height="16px" />
22
- <span class="title"> {{ localization.common.information }}</span>
23
- </div>
24
- <ui-icon
25
- name="close"
26
- class="pointer hide-icon"
27
- width="16px"
28
- height="16px"
29
- @click.stop="isShowInfo = false"
30
- />
31
- </div>
32
-
33
- <div class="common-widget-info-description">
34
- {{ props.description }}
35
- </div>
36
- </div>
37
- </ui-popup-window>
38
- </div>
39
- </template>
40
-
41
- <script lang="ts" setup>
42
- import type { UI_I_Localization } from '~/lib/models/interfaces'
43
-
44
- const props = defineProps<{
45
- id: string
46
- description: string
47
- }>()
48
-
49
- const localization = computed<UI_I_Localization>(() => useLocal())
50
-
51
- const isShowInfo = ref<boolean>(false)
52
- </script>
53
-
54
- <style lang="scss" scoped>
55
- @import 'assets/scss/common/mixins.scss';
56
- .tooltip-info {
57
- @include flex($align: center);
58
- &__icon {
59
- color: var(--form-icon-color);
60
- &:hover {
61
- color: var(--close-icon);
62
- }
63
- &.active {
64
- color: var(--btn-primary-fill-bg-color);
65
- }
66
- }
67
-
68
- .common-widget-info {
69
- padding: 16px;
70
-
71
- .title {
72
- font-size: 14px;
73
- font-weight: 500;
74
- line-height: 16px;
75
- color: var(--zabbix-text-color);
76
- margin-left: 8px;
77
- }
78
-
79
- .common-widget-info-description {
80
- font-size: 13px;
81
- line-height: 15.73px;
82
- color: var(--zabbix-text-color);
83
- margin-top: 12px;
84
- white-space: pre-line;
85
- }
86
-
87
- svg {
88
- color: var(--alert-icon);
89
- min-width: 16px;
90
- }
91
- }
92
- }
93
- </style>