bfg-common 1.5.243 → 1.5.245

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 (190) 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/scss/common/icons/icons-1.scss +2 -2
  7. package/assets/scss/common/icons/icons-5.scss +5 -5
  8. package/assets/scss/common/icons/icons-6.scss +1 -1
  9. package/assets/scss/common/theme.scss +6 -0
  10. package/components/atoms/TheIcon3.vue +50 -50
  11. package/components/atoms/perPage/PerPage.vue +58 -58
  12. package/components/atoms/table/dataGrid/DataGrid.vue +1717 -1717
  13. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  14. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  15. package/components/atoms/tabs/VerticalTabs.vue +105 -105
  16. package/components/common/backup/actions/deleteBackup/DeleteBackup.vue +38 -0
  17. package/components/common/backup/storage/actions/add/Add.vue +250 -247
  18. package/components/common/backup/storage/actions/add/New.vue +283 -292
  19. package/components/common/backup/storage/actions/add/Old.vue +116 -114
  20. package/components/common/backup/storage/actions/add/lib/config/steps.ts +168 -168
  21. package/components/common/backup/storage/actions/add/steps/nameAndConfigure/NameAndConfigure.vue +41 -41
  22. package/components/common/backup/storage/actions/add/steps/nameAndConfigure/NameAndConfigureNew.vue +294 -314
  23. package/components/common/backup/storage/actions/add/steps/readyComplete/ReadyComplete.vue +45 -45
  24. package/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails.ts +242 -242
  25. package/components/common/backup/storage/actions/add/steps/typeMode/TypeModeNew.vue +3 -18
  26. package/components/common/backup/storage/actions/delete/Delete.vue +65 -65
  27. package/components/common/browse/BrowseNew.vue +8 -2
  28. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  29. package/components/common/context/lib/models/interfaces.ts +31 -31
  30. package/components/common/diagramMain/DiagramMain.vue +897 -897
  31. package/components/common/diagramMain/Header.vue +214 -214
  32. package/components/common/layout/theHeader/feedback/new/additionalDetails/Headline.vue +66 -76
  33. package/components/common/layout/theHeader/feedback/new/subtitle/Subtitle.vue +70 -80
  34. package/components/common/layout/theHeader/helpMenu/About.vue +82 -82
  35. package/components/common/layout/theHeader/userMenu/modals/preferences/view/ViewOld.vue +112 -112
  36. package/components/common/monitor/overview/OverviewOld.vue +139 -139
  37. package/components/common/pages/home/headline/Headline.vue +45 -45
  38. package/components/common/pages/home/headline/HeadlineOld.vue +42 -42
  39. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  40. package/components/common/pages/home/widgets/Widgets.vue +49 -49
  41. package/components/common/pages/home/widgets/WidgetsNew.vue +86 -86
  42. package/components/common/pages/home/widgets/WidgetsOld.vue +34 -34
  43. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  44. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  45. package/components/common/pages/home/widgets/vms/Vms.vue +26 -26
  46. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  47. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  48. package/components/common/pages/packages/Packages.vue +208 -208
  49. package/components/common/pages/shortcuts/block/BlockOld.vue +68 -68
  50. package/components/common/pages/tasks/table/Table.vue +7 -25
  51. package/components/common/pages/tasks/table/expandDetails/ExpandDetails.vue +9 -27
  52. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  53. package/components/common/recursionTree/RecursionTree.vue +223 -223
  54. package/components/common/select/button/ButtonDropdown.vue +108 -108
  55. package/components/common/spiceConsole/Drawer.vue +377 -377
  56. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  57. package/components/common/vm/actions/add/Add.vue +3 -0
  58. package/components/common/vm/actions/add/New.vue +4 -0
  59. package/components/common/vm/actions/add/Old.vue +4 -0
  60. package/components/common/vm/actions/add/folderTreeView/FolderTreeView.vue +72 -72
  61. package/components/common/vm/actions/add/folderTreeView/New.vue +40 -40
  62. package/components/common/vm/actions/add/folderTreeView/Old.vue +50 -50
  63. package/components/common/vm/actions/clone/Clone.vue +3 -0
  64. package/components/common/vm/actions/clone/lib/config/steps.ts +291 -291
  65. package/components/common/vm/actions/clone/toTemplate/ToTemplate.vue +3 -0
  66. package/components/common/vm/actions/clone/toTemplate/lib/config/steps.ts +116 -116
  67. package/components/common/vm/actions/common/customizeHardware/CustomizeHardware.vue +3 -0
  68. package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue +7 -2
  69. package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareOld.vue +2 -0
  70. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardware.vue +3 -0
  71. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareNew.vue +9 -7
  72. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue +321 -319
  73. package/components/common/vm/actions/common/customizeHardware/virtualHardware/browseView/BrowseView.vue +219 -219
  74. package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/Bus.vue +100 -100
  75. package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/BusNew.vue +95 -104
  76. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue +232 -232
  77. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveNew.vue +4 -0
  78. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveOld.vue +168 -168
  79. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue +25 -25
  80. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue +78 -78
  81. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaOld.vue +50 -50
  82. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuNew.vue +8 -59
  83. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/model/ModelNew.vue +109 -132
  84. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  85. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/SharesNew.vue +6 -1
  86. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  87. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/tooltip/TooltipNew.vue +154 -154
  88. package/components/common/vm/actions/common/customizeHardware/virtualHardware/limit/Limit.vue +220 -220
  89. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/Memory.vue +307 -307
  90. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/MemoryNew.vue +5 -1
  91. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/hotPlug/HotPlugNew.vue +8 -2
  92. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +385 -382
  93. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskNew.vue +6 -0
  94. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskOld.vue +2 -0
  95. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/file/FileNew.vue +8 -3
  96. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +154 -151
  97. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationNew.vue +75 -73
  98. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationOld.vue +85 -83
  99. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/StorageModal.vue +3 -0
  100. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/StorageModalNew.vue +2 -0
  101. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/StorageModalOld.vue +2 -0
  102. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/maximumSize/MaximumSizeNew.vue +8 -4
  103. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/provisioning/ProvisioningNew.vue +6 -1
  104. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/SharingNew.vue +6 -1
  105. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue +288 -288
  106. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetworkNew.vue +1 -1
  107. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/New.vue +4 -3
  108. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/Table.vue +1 -0
  109. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/lib/config/config.ts +94 -94
  110. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  111. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue +205 -205
  112. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue +66 -66
  113. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoOld.vue +62 -62
  114. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  115. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoOld.vue +76 -76
  116. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue +15 -15
  117. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue +42 -42
  118. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteOld.vue +30 -30
  119. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridOld.vue +84 -84
  120. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/NewUsbControllerNew.vue +1 -0
  121. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  122. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/OtherNew.vue +8 -2
  123. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/inputDevices/InputDevicesNew.vue +40 -40
  124. package/components/common/vm/actions/common/customizeHardware/virtualHardware/reservation/ReservationNew.vue +5 -2
  125. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCardNew.vue +5 -2
  126. package/components/common/vm/actions/common/customizeHardware/vmoptions/Vmoptions.vue +145 -145
  127. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/BootOptionsNew.vue +5 -1
  128. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  129. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  130. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
  131. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/OrderNew.vue +4 -0
  132. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue +1 -0
  133. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/New.vue +8 -2
  134. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/copyPaste/CopyPasteNew.vue +31 -31
  135. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/fileTransfer/FileTransferNew.vue +31 -31
  136. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  137. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  138. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordNew.vue +128 -128
  139. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  140. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionNew.vue +39 -39
  141. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionOld.vue +44 -44
  142. package/components/common/vm/actions/common/customizeHardware/vmoptions/tools/ToolsNew.vue +5 -1
  143. package/components/common/vm/actions/common/lib/utils/capabilities.ts +52 -52
  144. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  145. package/components/common/vm/actions/common/select/computeResource/treeView/New.vue +44 -44
  146. package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +118 -118
  147. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  148. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  149. package/components/common/vm/actions/common/select/name/New.vue +69 -52
  150. package/components/common/vm/actions/common/select/os/Old.vue +152 -152
  151. package/components/common/vm/actions/common/select/os/Os.vue +139 -139
  152. package/components/common/vm/actions/common/select/storage/Old.vue +2 -0
  153. package/components/common/vm/actions/common/select/storage/Storage.vue +3 -0
  154. package/components/common/vm/actions/common/select/storage/new/New.vue +10 -5
  155. package/components/common/vm/actions/common/select/storage/new/lib/config/table.ts +2 -1
  156. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  157. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  158. package/components/common/vm/actions/editSettings/EditSettings.vue +3 -0
  159. package/components/common/vm/actions/editSettings/EditSettingsOld.vue +2 -0
  160. package/components/common/vm/actions/editSettings/new/New.vue +2 -0
  161. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  162. package/components/common/wizards/datastore/add/New.vue +3 -14
  163. package/components/common/wizards/datastore/add/steps/nameAndConfigure/NameAndConfigureNew.vue +6 -27
  164. package/components/common/wizards/datastore/add/steps/nameAndDevice/NameAndDeviceNew.vue +3 -15
  165. package/components/common/wizards/datastore/add/steps/typeMode/TypeModeNew.vue +3 -14
  166. package/components/common/wizards/vm/migrate/lib/config/constructDataReady.ts +220 -220
  167. package/components/common/wizards/vm/migrate/lib/config/steps.ts +157 -157
  168. package/components/common/wizards/vm/migrate/lib/validations.ts +68 -68
  169. package/components/common/wizards/vm/migrate/select/computeResource/tableView/TableView.vue +135 -137
  170. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  171. package/components/common/wizards/vm/migrate/select/network/table/network/lib/config/advancedTable.ts +91 -91
  172. package/composables/productNameLocal.ts +30 -30
  173. package/composables/useAppVersion.ts +21 -21
  174. package/lib/utils/utils.ts +14 -2
  175. package/package.json +2 -2
  176. package/plugins/cron.ts +75 -0
  177. package/plugins/date.ts +233 -233
  178. package/plugins/helpers.ts +18 -0
  179. package/plugins/number.ts +18 -0
  180. package/plugins/panelStates.ts +70 -0
  181. package/plugins/text.ts +59 -48
  182. package/plugins/time.ts +17 -0
  183. package/public/spice-console/lib/images/bitmap.js +203 -203
  184. package/public/spice-console/network/spicechannel.js +387 -387
  185. package/store/main/mutations.ts +7 -7
  186. package/store/main/state.ts +7 -7
  187. package/store/tasks/mappers/recentTasks.ts +64 -64
  188. package/components/common/tooltip/Help.vue +0 -181
  189. package/components/common/tooltip/lib/models/types.ts +0 -1
  190. /package/{components/common/split/horizontal/lib/models → lib/models/plugins/panelStates}/interfaces.ts +0 -0
@@ -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,181 +0,0 @@
1
- <template>
2
- <!-- <div :id="props.helpId" class="flex-align-center relative">-->
3
- <!-- <ui-icon-->
4
- <!-- :data-id="`${props.testId}-show-help-icon`"-->
5
- <!-- :width="props.iconWidth || '16'"-->
6
- <!-- :height="props.iconHeight || '16'"-->
7
- <!-- name="info"-->
8
- <!-- :class="['help-icon cursor-pointer', {active: isShowHelp}, {disabled: props.isDisabled}]"-->
9
- <!-- @click.stop="isShowHelp = !isShowHelp"-->
10
- <!-- />-->
11
- <!-- <Teleport to="body">-->
12
- <!-- <ui-dropdown-->
13
- <!-- :show="isShowHelp"-->
14
- <!-- :elem-id="props.helpId"-->
15
- <!-- :items="[]"-->
16
- <!-- :test-id="`${props.testId}-help-icon`"-->
17
- <!-- :width="props.dropdownWidth || '480px'"-->
18
- <!-- :max-height="props.dropdownMaxHeight || 'unset'"-->
19
- <!-- :left="props.dropdownLeft"-->
20
- <!-- :right="props.dropdownRight"-->
21
- <!-- :top="props.dropdownTop"-->
22
- <!-- @hide="isShowHelp = false"-->
23
- <!-- >-->
24
- <!-- <template #content>-->
25
- <!-- <div class="help-content">-->
26
- <!-- <div class="headline">-->
27
- <!-- <ui-icon :name="tooltipStatus" width="16" height="16" />-->
28
- <!-- <h3 class="help-title">-->
29
- <!-- {{ props.title || localization.mainNavigation.help }}-->
30
- <!-- </h3>-->
31
- <!-- <ui-icon-->
32
- <!-- name="close"-->
33
- <!-- width="16"-->
34
- <!-- height="16"-->
35
- <!-- class="help-close-icon cursor-pointer"-->
36
- <!-- @click.stop="isShowHelp = false"-->
37
- <!-- />-->
38
- <!-- </div>-->
39
-
40
- <!-- <slot />-->
41
-
42
- <!-- <p v-if="props.helpText" class="help-text">-->
43
- <!-- {{ props.helpText }}-->
44
- <!-- </p>-->
45
- <!-- </div>-->
46
- <!-- </template>-->
47
- <!-- </ui-dropdown>-->
48
- <!-- </Teleport>-->
49
- <!-- </div>-->
50
-
51
- <div class="flex-align-center relative">
52
- <ui-icon
53
- :id="`${props.helpId}`"
54
- :data-id="`${props.testId}-show-help-icon`"
55
- name="info"
56
- :width="props.iconWidth || '16'"
57
- :height="props.iconHeight || '16'"
58
- :class="['help-icon cursor-pointer', {active: isShowHelp}, {disabled: props.isDisabled}]"
59
- @click.stop="isShowHelp = !isShowHelp"
60
- />
61
- <ui-popup-window
62
- v-model="isShowHelp"
63
- :left="props.dropdownLeft"
64
- :right="props.dropdownRight"
65
- :top="props.dropdownTop"
66
- :elem-id="props.helpId"
67
- :width="props.dropdownWidth || 'max-content'"
68
- :max-height="props.dropdownMaxHeight || 'unset'"
69
-
70
- >
71
- <div class="help-content" :style="{ width: props.dropdownWidth }">
72
- <div class="headline">
73
- <ui-icon :name="tooltipStatus" width="16" height="16" />
74
- <h3 class="help-title">
75
- {{ props.title || localization.mainNavigation.help }}
76
- </h3>
77
- <ui-icon
78
- name="close"
79
- width="16"
80
- height="16"
81
- class="help-close-icon cursor-pointer"
82
- @click.stop="isShowHelp = false"
83
- />
84
- </div>
85
-
86
- <slot />
87
-
88
- <p v-if="props.helpText" class="help-text">
89
- {{ props.helpText }}
90
- </p>
91
- </div>
92
- </ui-popup-window>
93
- </div>
94
- </template>
95
- <script setup lang="ts">
96
-
97
- import type { UI_I_Localization } from '~/lib/models/interfaces'
98
- import { T_TooltipHelpStatus } from '~/components/common/tooltip/lib/models/types'
99
-
100
- const props = defineProps<{
101
- testId: string,
102
- helpId: string,
103
- dropdownWidth?: string
104
- helpText?: string,
105
- iconWidth?: string,
106
- iconHeight?: string,
107
- dropdownMaxHeight?: string,
108
- dropdownLeft?: boolean,
109
- dropdownRight?: boolean,
110
- dropdownTop?: boolean,
111
- isDisabled?: boolean,
112
- title?: string,
113
- status?: T_TooltipHelpStatus
114
- }>()
115
-
116
- const localization = computed<UI_I_Localization>(() => useLocal())
117
-
118
- const isShowHelp = ref<boolean>(false)
119
-
120
- const tooltipStatus = computed<string>(() => props.status === 'error' ? 'error' : 'info-2')
121
-
122
- </script>
123
- <style>
124
- :root {
125
- --help-color: #4d5d69;
126
- --help-icon-hover-color: #4d5d69;
127
- --help-icon-active-color: #008fd6;
128
- --help-close-icon-color: #182531;
129
- }
130
- :root.dark-theme {
131
- --help-color: #e9eaec;
132
- --help-icon-hover-color: #e9eaec;
133
- --help-icon-active-color: #2ba2de;
134
- --help-close-icon-color: #e9eaec;
135
- }
136
- </style>
137
- <style scoped lang="scss">
138
- .help-icon {
139
- color: #9da6ad; // for light and dark
140
-
141
- &:hover {
142
- color: var(--help-icon-hover-color);
143
- }
144
- &.active {
145
- color: var(--help-icon-active-color);
146
- }
147
- &.disabled {
148
- color: #bdc3c7;
149
- pointer-events: none;
150
- }
151
- }
152
- .help-content {
153
- padding: 16px;
154
-
155
- .headline {
156
- display: flex;
157
- align-items: center;
158
- gap: 8px;
159
- margin-bottom: 12px;
160
-
161
- .help-title {
162
- flex: 1;
163
- font-size: 14px;
164
- font-weight: 500;
165
- line-height: 16.94px;
166
- color: var(--help-color);
167
- }
168
- .help-close-icon {
169
- color: var(--help-close-icon-color)
170
- }
171
- }
172
-
173
- :deep(.help-text) {
174
- font-size: 13px;
175
- line-height: 15.73px;
176
- color: var(--help-color);
177
- word-break: break-word;
178
- white-space: normal;
179
- }
180
- }
181
- </style>
@@ -1 +0,0 @@
1
- export type T_TooltipHelpStatus = 'info' | 'error'