bfg-common 1.5.723 → 1.5.724

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 (119) 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/collapse/CollapseNav.vue +170 -170
  8. package/components/atoms/perPage/PerPage.vue +58 -58
  9. package/components/atoms/table/dataGrid/DataGrid.vue +1718 -1718
  10. package/components/atoms/table/dataGrid/DataGridPagination.vue +97 -97
  11. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  12. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  13. package/components/common/backup/storage/actions/add/lib/utils.ts +51 -51
  14. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  15. package/components/common/diagramMain/modals/lib/config/vCenterModal.ts +48 -48
  16. package/components/common/diagramMain/port/Port.vue +580 -580
  17. package/components/common/layout/console/Console.vue +70 -70
  18. package/components/common/layout/theHeader/{TheHeaderNew.vue → New.vue} +2 -5
  19. package/components/common/layout/theHeader/TheHeader.vue +10 -33
  20. package/components/common/layout/theHeader/ThemeSwitch.vue +8 -18
  21. package/components/common/layout/theHeader/helpMenu/HelpMenu.vue +6 -8
  22. package/components/common/layout/theHeader/helpMenu/{About.vue → about/About.vue} +69 -79
  23. package/components/common/layout/theHeader/helpMenu/{aboutNew/AboutNew.vue → about/New.vue} +4 -4
  24. package/components/common/layout/theHeader/helpMenu/about/Old.vue +78 -0
  25. package/components/common/layout/theHeader/helpMenu/{helpMenuNew/HelpMenuNew.vue → new/New.vue} +1 -1
  26. package/components/common/layout/theHeader/helpMenu/{helpMenuNew → new}/lib/config/dropMenu.ts +1 -1
  27. package/components/common/layout/theHeader/helpMenu/{helpMenuOld/HelpMenuOld.vue → old/Old.vue} +2 -2
  28. package/components/common/layout/theHeader/helpMenu/{helpMenuOld → old}/lib/config/dropMenu.ts +1 -1
  29. package/components/common/layout/theHeader/modals/reconnect/Reconnect.vue +8 -10
  30. package/components/common/layout/theHeader/userMenu/UserMenu.vue +8 -7
  31. package/components/common/layout/theHeader/userMenu/modals/preferences/{PreferencesOld.vue → Old.vue} +0 -2
  32. package/components/common/layout/theHeader/userMenu/modals/preferences/Preferences.vue +9 -21
  33. package/components/common/layout/theHeader/userMenu/modals/preferences/lib/models/types.ts +7 -7
  34. package/components/common/layout/theHeader/userMenu/{userMenuNew/UserMenuNew.vue → new/New.vue} +1 -1
  35. package/components/common/layout/theHeader/userMenu/{userMenuOld/UserMenuOld.vue → old/Old.vue} +2 -2
  36. package/components/common/layout/theHeader/userMenu/{userMenuOld → old}/lib/config/dropMenu.ts +1 -1
  37. package/components/common/pages/backups/DetailView.vue +52 -52
  38. package/components/common/pages/backups/lib/models/interfaces.ts +36 -36
  39. package/components/common/pages/backups/modals/Modals.vue +243 -243
  40. package/components/common/pages/backups/modals/createBackup/configuration/maxBandwidth/lib/config/options.ts +6 -6
  41. package/components/common/pages/backups/modals/createBackup/lib/config/readyToCompleteOptions.ts +69 -69
  42. package/components/common/pages/backups/modals/lib/config/restore.ts +115 -115
  43. package/components/common/pages/backups/modals/lib/models/interfaces.ts +186 -186
  44. package/components/common/pages/backups/modals/restore/lib/config/readyToCompleteOptions.ts +84 -84
  45. package/components/common/pages/backups/modals/restore/lib/config/steps.ts +113 -113
  46. package/components/common/pages/backups/modals/restore/name/lib/models/interfaces.ts +6 -6
  47. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  48. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  49. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  50. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  51. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  52. package/components/common/pages/scheduledTasks/lib/utils/utils.ts +84 -84
  53. package/components/common/pages/tasks/Tasks.vue +125 -125
  54. package/components/common/pages/tasks/table/Table.vue +373 -373
  55. package/components/common/pages/tasks/table/lib/config/config.ts +279 -279
  56. package/components/common/pages/tasks/table/lib/models/interfaces.ts +9 -9
  57. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  58. package/components/common/select/radio/RadioGroup.vue +137 -137
  59. package/components/common/spiceConsole/Drawer.vue +420 -420
  60. package/components/common/spiceConsole/SpiceConsole.vue +184 -184
  61. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  62. package/components/common/tools/Actions.vue +207 -207
  63. package/components/common/treeView/TreeView.vue +52 -52
  64. package/components/common/vm/actions/clone/lib/config/steps.ts +295 -295
  65. package/components/common/vm/actions/clone/new/New.vue +438 -438
  66. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  67. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/Memory.vue +283 -283
  68. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +156 -156
  69. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  70. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  71. package/components/common/vm/actions/common/select/options/New.vue +264 -264
  72. package/components/common/vm/actions/common/select/options/Options.vue +58 -58
  73. package/components/common/vm/actions/common/select/storage/Old.vue +125 -125
  74. package/components/common/vm/actions/common/select/storage/new/New.vue +311 -311
  75. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  76. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  77. package/components/common/vm/actions/common/select/template/old/Old.vue +50 -50
  78. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  79. package/components/common/wizards/common/compatibility/Compatibility.vue +35 -35
  80. package/components/common/wizards/common/steps/computeResource/New.vue +93 -93
  81. package/components/common/wizards/common/steps/name/Name.vue +178 -178
  82. package/components/common/wizards/common/steps/name/New.vue +221 -221
  83. package/components/common/wizards/common/steps/name/Old.vue +121 -121
  84. package/components/common/wizards/common/steps/name/lib/models/interfaces.ts +4 -4
  85. package/components/common/wizards/common/steps/name/location/New.vue +40 -40
  86. package/components/common/wizards/datastore/add/Add.vue +228 -228
  87. package/components/common/wizards/datastore/add/lib/utils.ts +85 -85
  88. package/components/common/wizards/datastore/add/steps/typeMode/lib/config/typeOptions.ts +43 -43
  89. package/composables/useAppVersion.ts +21 -21
  90. package/composables/useBrowse.ts +24 -24
  91. package/composables/useLocal.ts +6 -6
  92. package/composables/useLocalCommon.ts +39 -39
  93. package/lib/models/types.ts +59 -59
  94. package/package.json +1 -1
  95. package/plugins/console.ts +21 -21
  96. package/plugins/mouse.ts +21 -21
  97. package/plugins/panelStates.ts +70 -70
  98. package/plugins/text.ts +59 -59
  99. package/public/spice-console/application/clientgui.js +854 -854
  100. package/public/spice-console/application/packetfactory.js +211 -211
  101. package/public/spice-console/application/virtualmouse.js +147 -147
  102. package/public/spice-console/lib/images/bitmap.js +203 -203
  103. package/public/spice-console/network/spicechannel.js +440 -440
  104. package/public/spice-console/process/cursorprocess.js +128 -128
  105. package/public/spice-console/process/inputprocess.js +227 -227
  106. package/public/spice-console/process/mainprocess.js +212 -212
  107. package/public/spice-console/run.js +210 -210
  108. package/store/main/mutations.ts +7 -7
  109. package/store/main/state.ts +7 -7
  110. package/store/tasks/mappers/recentTasks.ts +123 -123
  111. package/store/tasks/mutations.ts +82 -82
  112. package/components/common/layout/theHeader/helpMenu/aboutOld/AboutOld.vue +0 -79
  113. /package/components/common/layout/theHeader/{TheHeaderOld.vue → Old.vue} +0 -0
  114. /package/components/common/layout/theHeader/helpMenu/{helpMenuOld → old}/lib/models/types.ts +0 -0
  115. /package/components/common/layout/theHeader/modals/reconnect/{ReconnectNew.vue → New.vue} +0 -0
  116. /package/components/common/layout/theHeader/modals/reconnect/{ReconnectOld.vue → Old.vue} +0 -0
  117. /package/components/common/layout/theHeader/userMenu/modals/preferences/{PreferencesNew.vue → New.vue} +0 -0
  118. /package/components/common/layout/theHeader/userMenu/{userMenuNew → new}/lib/config/dropMenu.ts +0 -0
  119. /package/components/common/layout/theHeader/userMenu/{userMenuOld → old}/lib/models/types.ts +0 -0
@@ -1,123 +1,123 @@
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
- UI_T_TaskStatusDetails,
9
- } from '~/lib/models/store/tasks/interfaces'
10
- import { base64 } from '~/lib/utils/base64'
11
- import {
12
- UI_E_RecentTaskStatusIcon,
13
- UI_E_RecentTaskStatusIconNewView,
14
- } from '~/store/tasks/lib/models/enums'
15
-
16
- export const recentTasks = (
17
- data: API_UI_I_RecentTask<string>
18
- ): UI_I_RecentTask<string> => {
19
- const { $store }: any = useNuxtApp()
20
-
21
- const isNewView = $store.getters['main/getIsNewView']
22
-
23
- const items =
24
- data.items
25
- ?.sort((a, b) => {
26
- return b.start_time - a.start_time
27
- })
28
- .map((task) => {
29
- let args: any = {}
30
- try {
31
- args = base64.decode(task.args)
32
- } catch (error) {
33
- args = {}
34
- }
35
-
36
- let completion: string = task.completion + '' || '--'
37
- let execution: string | number = Math.abs(
38
- task.start_time - task.completion
39
- )
40
- let queuedFor: number = task.start_time - task.creation_time
41
- let startTime: string = task.start_time + '' || '--'
42
- // Обрабатываем данные когда задачка в ожидании
43
- if (task.status === 0) {
44
- completion = '--'
45
- execution = '--'
46
- queuedFor = 0
47
- startTime = Date.now() / 1000 + ''
48
- // Обрабатываем данные когда задачка в работе или когда в статусе retry
49
- } else if (task.status === 1 || task.status === 5) {
50
- completion = '--'
51
- execution = '--'
52
- }
53
-
54
- const { upd_operations } = task.extra
55
- const operations: UI_T_TaskStatusDetails[] =
56
- upd_operations?.operations?.map(
57
- (operation: UI_T_TaskStatusDetails) => {
58
- return {
59
- ...operation,
60
- iconClassName: isNewView
61
- ? UI_E_RecentTaskStatusIconNewView[operation.status]
62
- : UI_E_RecentTaskStatusIcon[operation.status],
63
- testId: operation.operation_type.replaceAll(' ', '-'),
64
- }
65
- }
66
- ) || []
67
-
68
- // TODO
69
- let statusIcon = 'help-icon'
70
- switch (task.status) {
71
- case 0:
72
- statusIcon = 'help-icon'
73
- break
74
- case 1:
75
- statusIcon = 'green-play'
76
- break
77
- case 2:
78
- statusIcon = 'success-circle'
79
- break
80
- case 3:
81
- case 4:
82
- statusIcon = 'error-outline'
83
- break
84
- case 5:
85
- statusIcon = 'warning-outline'
86
- break
87
- }
88
-
89
- const targetName = task.extra.target_name || '--'
90
- const targetType = task.extra.target_type || task.target_type
91
-
92
- return {
93
- args,
94
- completion,
95
- execution,
96
- queuedFor,
97
- startTime,
98
- statusIcon,
99
- progress: task.progress,
100
- details: task.details,
101
- error: task.error,
102
- initiator: task.initiator,
103
- server: task.server,
104
- // statusIcon: UI_E_IconNameByRecentTaskStatus[task.status],
105
- statusText: task.error || UI_E_RecentTaskStatus[task.status],
106
- status: task.status,
107
- statusDetails: operations,
108
- target: task.target,
109
- targetName,
110
- targetType,
111
- // targetType: task.target_type,
112
- taskName: task.task_name,
113
- id: task.id,
114
- zone: task.zone,
115
- extra: task.extra,
116
- isCanceled: task.status === 4
117
- }
118
- }) || []
119
- return {
120
- items,
121
- last: data.last,
122
- }
123
- }
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
+ UI_T_TaskStatusDetails,
9
+ } from '~/lib/models/store/tasks/interfaces'
10
+ import { base64 } from '~/lib/utils/base64'
11
+ import {
12
+ UI_E_RecentTaskStatusIcon,
13
+ UI_E_RecentTaskStatusIconNewView,
14
+ } from '~/store/tasks/lib/models/enums'
15
+
16
+ export const recentTasks = (
17
+ data: API_UI_I_RecentTask<string>
18
+ ): UI_I_RecentTask<string> => {
19
+ const { $store }: any = useNuxtApp()
20
+
21
+ const isNewView = $store.getters['main/getIsNewView']
22
+
23
+ const items =
24
+ data.items
25
+ ?.sort((a, b) => {
26
+ return b.start_time - a.start_time
27
+ })
28
+ .map((task) => {
29
+ let args: any = {}
30
+ try {
31
+ args = base64.decode(task.args)
32
+ } catch (error) {
33
+ args = {}
34
+ }
35
+
36
+ let completion: string = task.completion + '' || '--'
37
+ let execution: string | number = Math.abs(
38
+ task.start_time - task.completion
39
+ )
40
+ let queuedFor: number = task.start_time - task.creation_time
41
+ let startTime: string = task.start_time + '' || '--'
42
+ // Обрабатываем данные когда задачка в ожидании
43
+ if (task.status === 0) {
44
+ completion = '--'
45
+ execution = '--'
46
+ queuedFor = 0
47
+ startTime = Date.now() / 1000 + ''
48
+ // Обрабатываем данные когда задачка в работе или когда в статусе retry
49
+ } else if (task.status === 1 || task.status === 5) {
50
+ completion = '--'
51
+ execution = '--'
52
+ }
53
+
54
+ const { upd_operations } = task.extra
55
+ const operations: UI_T_TaskStatusDetails[] =
56
+ upd_operations?.operations?.map(
57
+ (operation: UI_T_TaskStatusDetails) => {
58
+ return {
59
+ ...operation,
60
+ iconClassName: isNewView
61
+ ? UI_E_RecentTaskStatusIconNewView[operation.status]
62
+ : UI_E_RecentTaskStatusIcon[operation.status],
63
+ testId: operation.operation_type.replaceAll(' ', '-'),
64
+ }
65
+ }
66
+ ) || []
67
+
68
+ // TODO
69
+ let statusIcon = 'help-icon'
70
+ switch (task.status) {
71
+ case 0:
72
+ statusIcon = 'help-icon'
73
+ break
74
+ case 1:
75
+ statusIcon = 'green-play'
76
+ break
77
+ case 2:
78
+ statusIcon = 'success-circle'
79
+ break
80
+ case 3:
81
+ case 4:
82
+ statusIcon = 'error-outline'
83
+ break
84
+ case 5:
85
+ statusIcon = 'warning-outline'
86
+ break
87
+ }
88
+
89
+ const targetName = task.extra.target_name || '--'
90
+ const targetType = task.extra.target_type || task.target_type
91
+
92
+ return {
93
+ args,
94
+ completion,
95
+ execution,
96
+ queuedFor,
97
+ startTime,
98
+ statusIcon,
99
+ progress: task.progress,
100
+ details: task.details,
101
+ error: task.error,
102
+ initiator: task.initiator,
103
+ server: task.server,
104
+ // statusIcon: UI_E_IconNameByRecentTaskStatus[task.status],
105
+ statusText: task.error || UI_E_RecentTaskStatus[task.status],
106
+ status: task.status,
107
+ statusDetails: operations,
108
+ target: task.target,
109
+ targetName,
110
+ targetType,
111
+ // targetType: task.target_type,
112
+ taskName: task.task_name,
113
+ id: task.id,
114
+ zone: task.zone,
115
+ extra: task.extra,
116
+ isCanceled: task.status === 4
117
+ }
118
+ }) || []
119
+ return {
120
+ items,
121
+ last: data.last,
122
+ }
123
+ }
@@ -1,82 +1,82 @@
1
- import type {
2
- UI_I_RawRecentTask,
3
- UI_I_TasksLoadingPayload,
4
- UI_I_RecentTask,
5
- UI_I_Task,
6
- } from '~/lib/models/store/tasks/interfaces'
7
- import type { UI_I_TasksState } from '~/store/tasks/lib/models/interfaces'
8
-
9
- export default {
10
- M_SET_RECENT_TASKS_LIST(
11
- state: UI_I_TasksState,
12
- payload: UI_I_RecentTask<string>
13
- ): void {
14
- if (state.recentTaskList) {
15
- state.recentTaskList.last = payload.last
16
-
17
- // Заменяем которые уже имеются и удаляем их из payload.items
18
- state.recentTaskList.items = state.recentTaskList.items.map((task) => {
19
- let changedTask = null
20
- payload.items = payload.items.filter((task2) => {
21
- if (task2.id === task.id) changedTask = task2
22
- return task2.id !== task.id
23
- })
24
-
25
- return changedTask || task
26
- })
27
-
28
- // Делаем слияние новых и старых tasks
29
- state.recentTaskList.items = [
30
- ...payload.items,
31
- ...state.recentTaskList.items,
32
- ]
33
- return
34
- }
35
-
36
- state.recentTaskList = payload
37
- },
38
- M_SET_ABORT_CONTROLLER(
39
- state: UI_I_TasksState,
40
- payload: AbortController
41
- ): void {
42
- state.abortController = payload
43
- },
44
- M_CANCEL_RECENT_TASKS(state: UI_I_TasksState): void {
45
- state.abortController && state.abortController.abort()
46
- },
47
- M_HIDE_CANCEL_RECENT_TASK_BY_ID(
48
- state: UI_I_TasksState,
49
- payload: string
50
- ): void {
51
- if (!state.recentTaskList) return
52
- state.recentTaskList.items = state.recentTaskList.items.map((task) => {
53
- if (task.id === payload) {
54
- task.isCanceled = true
55
- }
56
- return task
57
- })
58
- },
59
- M_SET_TASKS_LAST_QUERY(state: UI_I_TasksState, payload: string): void {
60
- state.taskLastRequestType = payload
61
- },
62
- M_SET_TASKS_LIST(state: UI_I_TasksState, payload: UI_I_Task<string>): void {
63
- state.taskList = payload
64
- },
65
- M_SET_UPDATED_RECENT_TASKS_LIST(
66
- state: UI_I_TasksState,
67
- payload: UI_I_RawRecentTask<string>
68
- ): void {
69
- state.updatedTaskList = payload.items
70
- },
71
- M_SET_FIRST_TASK(state: UI_I_TasksState): void {
72
- state.hasFirstTask = true
73
- },
74
-
75
- M_SET_LOADING(
76
- state: UI_I_TasksState,
77
- payload: UI_I_TasksLoadingPayload
78
- ): void {
79
- const { prop, value } = payload
80
- state.loading[prop] = value
81
- },
82
- }
1
+ import type {
2
+ UI_I_RawRecentTask,
3
+ UI_I_TasksLoadingPayload,
4
+ UI_I_RecentTask,
5
+ UI_I_Task,
6
+ } from '~/lib/models/store/tasks/interfaces'
7
+ import type { UI_I_TasksState } from '~/store/tasks/lib/models/interfaces'
8
+
9
+ export default {
10
+ M_SET_RECENT_TASKS_LIST(
11
+ state: UI_I_TasksState,
12
+ payload: UI_I_RecentTask<string>
13
+ ): void {
14
+ if (state.recentTaskList) {
15
+ state.recentTaskList.last = payload.last
16
+
17
+ // Заменяем которые уже имеются и удаляем их из payload.items
18
+ state.recentTaskList.items = state.recentTaskList.items.map((task) => {
19
+ let changedTask = null
20
+ payload.items = payload.items.filter((task2) => {
21
+ if (task2.id === task.id) changedTask = task2
22
+ return task2.id !== task.id
23
+ })
24
+
25
+ return changedTask || task
26
+ })
27
+
28
+ // Делаем слияние новых и старых tasks
29
+ state.recentTaskList.items = [
30
+ ...payload.items,
31
+ ...state.recentTaskList.items,
32
+ ]
33
+ return
34
+ }
35
+
36
+ state.recentTaskList = payload
37
+ },
38
+ M_SET_ABORT_CONTROLLER(
39
+ state: UI_I_TasksState,
40
+ payload: AbortController
41
+ ): void {
42
+ state.abortController = payload
43
+ },
44
+ M_CANCEL_RECENT_TASKS(state: UI_I_TasksState): void {
45
+ state.abortController && state.abortController.abort()
46
+ },
47
+ M_HIDE_CANCEL_RECENT_TASK_BY_ID(
48
+ state: UI_I_TasksState,
49
+ payload: string
50
+ ): void {
51
+ if (!state.recentTaskList) return
52
+ state.recentTaskList.items = state.recentTaskList.items.map((task) => {
53
+ if (task.id === payload) {
54
+ task.isCanceled = true
55
+ }
56
+ return task
57
+ })
58
+ },
59
+ M_SET_TASKS_LAST_QUERY(state: UI_I_TasksState, payload: string): void {
60
+ state.taskLastRequestType = payload
61
+ },
62
+ M_SET_TASKS_LIST(state: UI_I_TasksState, payload: UI_I_Task<string>): void {
63
+ state.taskList = payload
64
+ },
65
+ M_SET_UPDATED_RECENT_TASKS_LIST(
66
+ state: UI_I_TasksState,
67
+ payload: UI_I_RawRecentTask<string>
68
+ ): void {
69
+ state.updatedTaskList = payload.items
70
+ },
71
+ M_SET_FIRST_TASK(state: UI_I_TasksState): void {
72
+ state.hasFirstTask = true
73
+ },
74
+
75
+ M_SET_LOADING(
76
+ state: UI_I_TasksState,
77
+ payload: UI_I_TasksLoadingPayload
78
+ ): void {
79
+ const { prop, value } = payload
80
+ state.loading[prop] = value
81
+ },
82
+ }
@@ -1,79 +0,0 @@
1
- <template>
2
- <Teleport to="body">
3
- <atoms-modal :title="props.title" show width="864px" test-id="about-modal">
4
- <template #modalHeader>
5
- <div class="flex-align-center">
6
- <h3 class="modal-title">{{ brandName }}® {{ props.projectName }}</h3>
7
- <span class="separator" />
8
- <h4 class="secondary-title">
9
- {{ props.subtitle }}
10
- </h4>
11
- </div>
12
- <button id="about-modal-button-close" class="close">
13
- <atoms-the-icon
14
- data-id="about-modal-button-close-icon"
15
- class="close-icon"
16
- name="close"
17
- @click="() => emits('hide')"
18
- />
19
- </button>
20
- </template>
21
-
22
- <template #modalBody>
23
- <div class="about-vsphere-dialog-legal-section">
24
- <p>{{ props.aboutHeadingText }}</p>
25
- <p>{{ localization.layout.aboutSubtitle }}</p>
26
- </div>
27
-
28
- <div class="about-vsphere-dialog-legal-section description">
29
- {{ props.aboutDescOne }}<a
30
- id="about-description-link"
31
- :href="url"
32
- data-id="about-description-link"
33
- target="_blank"
34
- >{{ props.url }}</a
35
- >{{ props.aboutDescSecond }}
36
- </div>
37
- </template>
38
-
39
- <template #modalFooter>
40
- <span></span>
41
- </template>
42
- </atoms-modal>
43
- </Teleport>
44
- </template>
45
-
46
- <script lang="ts" setup>
47
- import type { UI_I_Localization } from '~/lib/models/interfaces'
48
-
49
- const props = defineProps<{
50
- title: string
51
- subtitle: string
52
- aboutHeadingText: string
53
- aboutDescOne: string
54
- aboutDescSecond: string
55
- projectName: string
56
- url: string
57
- }>()
58
- const emits = defineEmits<{
59
- (event: 'hide'): void
60
- }>()
61
-
62
- const localization = computed<UI_I_Localization>(() => useLocal())
63
- const config = useRuntimeConfig()
64
-
65
- const brandName = computed<string>(
66
- () => config.public[`TRADEMARK_${useEnvLanguage()}`]
67
- )
68
- </script>
69
-
70
- <style lang="scss" scoped>
71
- .modal-title {
72
- color: var(--main-color-mode);
73
- }
74
- .description {
75
- padding-top: 10px;
76
- font-size: 13px;
77
- line-height: 19px;
78
- }
79
- </style>