bfg-common 1.5.359 → 1.5.360

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 (141) hide show
  1. package/CODE_STYLE.md +109 -109
  2. package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
  3. package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
  4. package/assets/img/icons/icons-sprite-light-3.svg +227 -227
  5. package/assets/img/icons/icons-sprite-light-5.svg +488 -488
  6. package/assets/localization/local_be.json +1 -0
  7. package/assets/localization/local_en.json +1 -0
  8. package/assets/localization/local_hy.json +1 -0
  9. package/assets/localization/local_kk.json +1 -0
  10. package/assets/localization/local_ru.json +1 -0
  11. package/assets/localization/local_zh.json +1 -0
  12. package/components/atoms/TheIcon3.vue +50 -50
  13. package/components/atoms/collapse/CollapseNav.vue +170 -170
  14. package/components/atoms/collapse/CollapseNavItem.vue +226 -226
  15. package/components/atoms/nav/NavBar.vue +147 -147
  16. package/components/atoms/perPage/PerPage.vue +58 -58
  17. package/components/atoms/table/dataGrid/DataGrid.vue +1717 -1717
  18. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  19. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  20. package/components/atoms/tabs/VerticalTabs.vue +105 -105
  21. package/components/common/backup/storage/actions/add/lib/config/steps.ts +168 -168
  22. package/components/common/backup/storage/actions/add/steps/hostAccessibility/HostAccessibility.vue +52 -52
  23. package/components/common/backup/storage/actions/add/steps/readyComplete/ReadyComplete.vue +45 -45
  24. package/components/common/backup/storage/actions/delete/Delete.vue +65 -65
  25. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  26. package/components/common/context/lib/models/interfaces.ts +33 -33
  27. package/components/common/diagramMain/DiagramMain.vue +897 -897
  28. package/components/common/diagramMain/modals/lib/config/networkModal.ts +398 -398
  29. package/components/common/diagramMain/network/Network.vue +141 -141
  30. package/components/common/layout/theHeader/helpMenu/About.vue +82 -82
  31. package/components/common/layout/theHeader/userMenu/modals/preferences/view/ViewOld.vue +112 -112
  32. package/components/common/monitor/overview/OverviewOld.vue +139 -139
  33. package/components/common/pages/home/headline/Headline.vue +45 -45
  34. package/components/common/pages/home/headline/HeadlineOld.vue +42 -42
  35. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  36. package/components/common/pages/home/widgets/Widgets.vue +49 -49
  37. package/components/common/pages/home/widgets/WidgetsNew.vue +88 -88
  38. package/components/common/pages/home/widgets/WidgetsOld.vue +36 -36
  39. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  40. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  41. package/components/common/pages/home/widgets/vms/Vms.vue +26 -26
  42. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  43. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  44. package/components/common/pages/packages/Packages.vue +208 -208
  45. package/components/common/pages/shortcuts/block/BlockOld.vue +68 -68
  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 +112 -112
  49. package/components/common/spiceConsole/Drawer.vue +377 -377
  50. package/components/common/spiceConsole/SpiceConsole.vue +127 -127
  51. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  52. package/components/common/tools/Actions.vue +207 -207
  53. package/components/common/vm/actions/add/Old.vue +388 -388
  54. package/components/common/vm/actions/add/folderTreeView/FolderTreeView.vue +72 -72
  55. package/components/common/vm/actions/add/folderTreeView/New.vue +40 -40
  56. package/components/common/vm/actions/add/folderTreeView/Old.vue +50 -50
  57. package/components/common/vm/actions/clone/Clone.vue +823 -823
  58. package/components/common/vm/actions/clone/lib/config/steps.ts +291 -291
  59. package/components/common/vm/actions/clone/toTemplate/lib/config/steps.ts +116 -116
  60. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue +321 -321
  61. package/components/common/vm/actions/common/customizeHardware/virtualHardware/browseView/BrowseView.vue +227 -227
  62. package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/Bus.vue +100 -100
  63. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue +232 -232
  64. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveOld.vue +168 -168
  65. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue +25 -25
  66. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue +78 -78
  67. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaOld.vue +50 -50
  68. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  69. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  70. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/tooltip/TooltipNew.vue +154 -154
  71. package/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/config/dropdownItems.ts +155 -155
  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/LocationOld.vue +85 -85
  77. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue +288 -288
  78. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/lib/config/config.ts +94 -94
  79. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  80. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue +205 -205
  81. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue +66 -66
  82. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoOld.vue +62 -62
  83. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  84. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoOld.vue +76 -76
  85. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue +15 -15
  86. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue +42 -42
  87. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteOld.vue +30 -30
  88. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridOld.vue +84 -84
  89. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  90. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCard.vue +154 -154
  91. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue +53 -53
  92. package/components/common/vm/actions/common/customizeHardware/vmoptions/Vmoptions.vue +155 -155
  93. package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsNew.vue +130 -130
  94. package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsOld.vue +113 -113
  95. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  96. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  97. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
  98. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptions.vue +95 -95
  99. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsOld.vue +155 -155
  100. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  101. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/KeymapOld.vue +44 -44
  102. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue +103 -103
  103. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  104. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionOld.vue +44 -44
  105. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  106. package/components/common/vm/actions/common/select/computeResource/ComputeResource.vue +143 -143
  107. package/components/common/vm/actions/common/select/computeResource/New.vue +184 -184
  108. package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +131 -131
  109. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  110. package/components/common/vm/actions/common/select/createType/lib/config/items.ts +48 -48
  111. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  112. package/components/common/vm/actions/common/select/name/Name.vue +174 -174
  113. package/components/common/vm/actions/common/select/os/Old.vue +152 -152
  114. package/components/common/vm/actions/common/select/os/Os.vue +139 -139
  115. package/components/common/vm/actions/common/select/storage/Storage.vue +155 -155
  116. package/components/common/vm/actions/common/select/storage/new/New.vue +294 -294
  117. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  118. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  119. package/components/common/vm/actions/editSettings/EditSettings.vue +242 -242
  120. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  121. package/components/common/vmt/actions/add/lib/models/interfaces.ts +23 -23
  122. package/components/common/wizards/network/add/steps/SelectConnectionType.vue +104 -104
  123. package/components/common/wizards/network/add/steps/SelectedTargetDevice.vue +467 -467
  124. package/components/common/wizards/vm/migrate/Migrate.vue +349 -349
  125. package/components/common/wizards/vm/migrate/lib/config/constructDataReady.ts +220 -220
  126. package/components/common/wizards/vm/migrate/lib/config/steps.ts +157 -157
  127. package/components/common/wizards/vm/migrate/lib/validations.ts +68 -68
  128. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  129. package/components/common/wizards/vm/migrate/select/network/table/network/lib/config/advancedTable.ts +91 -91
  130. package/components/common/wizards/vm/migrate/select/type/lib/config/typeOptions.ts +45 -45
  131. package/composables/productNameLocal.ts +30 -30
  132. package/composables/useAppVersion.ts +21 -21
  133. package/package.json +1 -1
  134. package/plugins/date.ts +233 -233
  135. package/plugins/panelStates.ts +70 -70
  136. package/plugins/text.ts +59 -59
  137. package/public/spice-console/lib/images/bitmap.js +203 -203
  138. package/public/spice-console/network/spicechannel.js +387 -387
  139. package/store/main/mutations.ts +7 -7
  140. package/store/main/state.ts +7 -7
  141. package/store/tasks/mappers/recentTasks.ts +64 -64
@@ -2181,6 +2181,7 @@
2181
2181
  "createHost": "Стварыць хост",
2182
2182
  "markAllRead": "Адзначце ўсе як прачытаныя",
2183
2183
  "networkNameFromVmware": "Імя сеткі ад vmware",
2184
+ "networkName": "Імя сеткі",
2184
2185
  "networkInProcurator": "Сетка ў пракуратары",
2185
2186
  "editMultiPathing": "Рэдагаваць Multipathing",
2186
2187
  "deleteCountFiles": "Выдаліць {0} файлаў?",
@@ -2184,6 +2184,7 @@
2184
2184
  "createHost": "Create Host",
2185
2185
  "markAllRead": "Mark all as read",
2186
2186
  "networkNameFromVmware": "Network name from vmware",
2187
+ "networkName": "Network name",
2187
2188
  "networkInProcurator": "Network in procurator",
2188
2189
  "editMultiPathing": "Edit Multipathing",
2189
2190
  "deleteCountFiles": "Delete {0} files?",
@@ -2184,6 +2184,7 @@
2184
2184
  "createHost": "Ստեղծել հոսթ",
2185
2185
  "markAllRead": "Նշեք բոլորը որպես կարդացված",
2186
2186
  "networkNameFromVmware": "Ցանցի անունը vmware-ից",
2187
+ "networkName": "Ցանցի անունը",
2187
2188
  "networkInProcurator": "Ցանց Պրակուրատրում",
2188
2189
  "editMultiPathing": "Խմբագրել Multipathing-ը",
2189
2190
  "deleteCountFiles": "Ջնջե՞լ {0} ֆայլ",
@@ -2183,6 +2183,7 @@
2183
2183
  "createHost": "Хост жасау",
2184
2184
  "markAllRead": "Барлығын оқылған деп белгілеңіз",
2185
2185
  "networkNameFromVmware": "Vmware жүйесінен желі атауы",
2186
+ "networkName": "Желі атауы",
2186
2187
  "networkInProcurator": "Прокурордағы желі",
2187
2188
  "editMultiPathing": "Көп жолды өңдеу",
2188
2189
  "deleteCountFiles": "{0} файлды жою қажет пе?",
@@ -2183,6 +2183,7 @@
2183
2183
  "createHost": "Создать хост",
2184
2184
  "markAllRead": "Отметьте все как прочитанные",
2185
2185
  "networkNameFromVmware": "Имя сети из vmware",
2186
+ "networkName": "Имя сети",
2186
2187
  "networkInProcurator": "Сеть в прокураторе",
2187
2188
  "editMultiPathing": "Редактировать многопутевой доступ",
2188
2189
  "deleteCountFiles": "Удалить {0} файлов?",
@@ -2182,6 +2182,7 @@
2182
2182
  "createHost": "创建主机",
2183
2183
  "markAllRead": "标记为已读",
2184
2184
  "networkNameFromVmware": "来自 vmware 的网络名称",
2185
+ "networkName": "网络名称",
2185
2186
  "networkInProcurator": "检察官网络",
2186
2187
  "editMultiPathing": "编辑多路径",
2187
2188
  "deleteCountFiles": "删除 {0} 个文件?",
@@ -1,50 +1,50 @@
1
- <template>
2
- <template v-if="props.name === 'zabbix'">
3
- <svg
4
- xmlns="http://www.w3.org/2000/svg"
5
- width="80"
6
- height="22"
7
- viewBox="0 0 80 22"
8
- fill="none"
9
- >
10
- <g clip-path="url(#clip0_2691_29714)">
11
- <path d="M0 0.522461H80V21.477H0V0.522461Z" fill="#D40000" />
12
- <path
13
- d="M3.42089 3.71582H14.9889V5.2187L5.6782 16.625H15.2164V18.2836H3.19336V16.7807L12.504 5.37438H3.42089V3.71582ZM23.0402 5.65779L20.3378 12.9087H25.7526L23.0402 5.65779ZM21.9145 3.71582H24.1738L29.7862 18.2836H27.7145L26.3753 14.5473H19.735L18.3938 18.2836H16.2922L21.9145 3.71582ZM33.9176 11.326V16.663H37.113C38.1848 16.663 38.9791 16.4434 39.496 16.0043C40.013 15.5652 40.2704 14.8926 40.2704 13.9905C40.2704 13.0804 40.013 12.4078 39.496 11.9747C38.9791 11.5436 38.1848 11.326 37.113 11.326H33.9176ZM33.9176 5.33446V9.72535H36.8675C37.8415 9.72535 38.566 9.54373 39.043 9.18447C39.52 8.82322 39.7575 8.27237 39.7575 7.5319C39.7575 6.79743 39.518 6.24657 39.043 5.88332C38.566 5.52008 37.8415 5.33646 36.8675 5.33646H33.9176V5.33446ZM31.9257 3.71582H37.0152C38.534 3.71582 39.7056 4.02717 40.5259 4.65188C41.3482 5.27658 41.7573 6.16474 41.7573 7.31635C41.7573 8.2065 41.5478 8.91703 41.1266 9.44393C40.7055 9.97084 40.0868 10.3002 39.2725 10.4299C40.2525 10.6375 41.0129 11.0706 41.5558 11.7312C42.0986 12.3918 42.3701 13.2161 42.3701 14.2041C42.3701 15.5054 41.923 16.5093 41.0289 17.2198C40.1347 17.9283 38.8614 18.2836 37.2128 18.2836H31.9257V3.71582ZM47.5573 11.326V16.663H50.7547C51.8265 16.663 52.6208 16.4434 53.1357 16.0043C53.6527 15.5652 53.9101 14.8926 53.9101 13.9905C53.9101 13.0804 53.6527 12.4078 53.1357 11.9747C52.6188 11.5436 51.8245 11.326 50.7547 11.326H47.5573ZM47.5573 5.33446V9.72535H50.5072C51.4812 9.72535 52.2057 9.54373 52.6827 9.18447C53.1597 8.82322 53.3972 8.27237 53.3972 7.5319C53.3972 6.79743 53.1597 6.24657 52.6827 5.88332C52.2057 5.52008 51.4812 5.33646 50.5072 5.33646H47.5573V5.33446ZM45.5654 3.71582H50.6549C52.1737 3.71582 53.3453 4.02717 54.1656 4.65188C54.9879 5.27658 55.399 6.16474 55.399 7.31635C55.399 8.2065 55.1895 8.91703 54.7683 9.44393C54.3472 9.97084 53.7285 10.3002 52.9142 10.4299C53.8942 10.6375 54.6546 11.0706 55.1975 11.7312C55.7403 12.3918 56.0118 13.2161 56.0118 14.2041C56.0118 15.5054 55.5647 16.5093 54.6706 17.2198C53.7764 17.9283 52.503 18.2836 50.8545 18.2836H45.5654V3.71582ZM64.9732 3.71582H67.1646L70.6274 8.94697L74.1242 3.71582H76.2418L71.6833 10.5397L76.8086 18.2836H74.6172L70.5835 12.1882L66.51 18.2836H64.3924L69.5297 10.5955L64.9732 3.71582ZM59.2031 3.71582H61.195V18.2836H59.2031V3.71582Z"
14
- fill="white"
15
- />
16
- </g>
17
- <defs>
18
- <clipPath id="clip0_2691_29714">
19
- <rect
20
- width="80"
21
- height="20.96"
22
- fill="white"
23
- transform="translate(0 0.519531)"
24
- />
25
- </clipPath>
26
- </defs>
27
- </svg>
28
- </template>
29
- <template v-else><span></span></template>
30
- </template>
31
-
32
- <script setup lang="ts">
33
- const props = withDefaults(
34
- defineProps<{
35
- name: string
36
- type?: string
37
- color?: string
38
- width?: string
39
- height?: string
40
- }>(),
41
- {
42
- type: '',
43
- color: 'currentColor',
44
- width: '24',
45
- height: '24',
46
- }
47
- )
48
- </script>
49
-
50
- <style scoped lang="scss"></style>
1
+ <template>
2
+ <template v-if="props.name === 'zabbix'">
3
+ <svg
4
+ xmlns="http://www.w3.org/2000/svg"
5
+ width="80"
6
+ height="22"
7
+ viewBox="0 0 80 22"
8
+ fill="none"
9
+ >
10
+ <g clip-path="url(#clip0_2691_29714)">
11
+ <path d="M0 0.522461H80V21.477H0V0.522461Z" fill="#D40000" />
12
+ <path
13
+ d="M3.42089 3.71582H14.9889V5.2187L5.6782 16.625H15.2164V18.2836H3.19336V16.7807L12.504 5.37438H3.42089V3.71582ZM23.0402 5.65779L20.3378 12.9087H25.7526L23.0402 5.65779ZM21.9145 3.71582H24.1738L29.7862 18.2836H27.7145L26.3753 14.5473H19.735L18.3938 18.2836H16.2922L21.9145 3.71582ZM33.9176 11.326V16.663H37.113C38.1848 16.663 38.9791 16.4434 39.496 16.0043C40.013 15.5652 40.2704 14.8926 40.2704 13.9905C40.2704 13.0804 40.013 12.4078 39.496 11.9747C38.9791 11.5436 38.1848 11.326 37.113 11.326H33.9176ZM33.9176 5.33446V9.72535H36.8675C37.8415 9.72535 38.566 9.54373 39.043 9.18447C39.52 8.82322 39.7575 8.27237 39.7575 7.5319C39.7575 6.79743 39.518 6.24657 39.043 5.88332C38.566 5.52008 37.8415 5.33646 36.8675 5.33646H33.9176V5.33446ZM31.9257 3.71582H37.0152C38.534 3.71582 39.7056 4.02717 40.5259 4.65188C41.3482 5.27658 41.7573 6.16474 41.7573 7.31635C41.7573 8.2065 41.5478 8.91703 41.1266 9.44393C40.7055 9.97084 40.0868 10.3002 39.2725 10.4299C40.2525 10.6375 41.0129 11.0706 41.5558 11.7312C42.0986 12.3918 42.3701 13.2161 42.3701 14.2041C42.3701 15.5054 41.923 16.5093 41.0289 17.2198C40.1347 17.9283 38.8614 18.2836 37.2128 18.2836H31.9257V3.71582ZM47.5573 11.326V16.663H50.7547C51.8265 16.663 52.6208 16.4434 53.1357 16.0043C53.6527 15.5652 53.9101 14.8926 53.9101 13.9905C53.9101 13.0804 53.6527 12.4078 53.1357 11.9747C52.6188 11.5436 51.8245 11.326 50.7547 11.326H47.5573ZM47.5573 5.33446V9.72535H50.5072C51.4812 9.72535 52.2057 9.54373 52.6827 9.18447C53.1597 8.82322 53.3972 8.27237 53.3972 7.5319C53.3972 6.79743 53.1597 6.24657 52.6827 5.88332C52.2057 5.52008 51.4812 5.33646 50.5072 5.33646H47.5573V5.33446ZM45.5654 3.71582H50.6549C52.1737 3.71582 53.3453 4.02717 54.1656 4.65188C54.9879 5.27658 55.399 6.16474 55.399 7.31635C55.399 8.2065 55.1895 8.91703 54.7683 9.44393C54.3472 9.97084 53.7285 10.3002 52.9142 10.4299C53.8942 10.6375 54.6546 11.0706 55.1975 11.7312C55.7403 12.3918 56.0118 13.2161 56.0118 14.2041C56.0118 15.5054 55.5647 16.5093 54.6706 17.2198C53.7764 17.9283 52.503 18.2836 50.8545 18.2836H45.5654V3.71582ZM64.9732 3.71582H67.1646L70.6274 8.94697L74.1242 3.71582H76.2418L71.6833 10.5397L76.8086 18.2836H74.6172L70.5835 12.1882L66.51 18.2836H64.3924L69.5297 10.5955L64.9732 3.71582ZM59.2031 3.71582H61.195V18.2836H59.2031V3.71582Z"
14
+ fill="white"
15
+ />
16
+ </g>
17
+ <defs>
18
+ <clipPath id="clip0_2691_29714">
19
+ <rect
20
+ width="80"
21
+ height="20.96"
22
+ fill="white"
23
+ transform="translate(0 0.519531)"
24
+ />
25
+ </clipPath>
26
+ </defs>
27
+ </svg>
28
+ </template>
29
+ <template v-else><span></span></template>
30
+ </template>
31
+
32
+ <script setup lang="ts">
33
+ const props = withDefaults(
34
+ defineProps<{
35
+ name: string
36
+ type?: string
37
+ color?: string
38
+ width?: string
39
+ height?: string
40
+ }>(),
41
+ {
42
+ type: '',
43
+ color: 'currentColor',
44
+ width: '24',
45
+ height: '24',
46
+ }
47
+ )
48
+ </script>
49
+
50
+ <style scoped lang="scss"></style>
@@ -1,170 +1,170 @@
1
- <template>
2
- <div class="tabs-overflow bottom-right">
3
- <button
4
- :id="collapsedBtnId"
5
- :class="[
6
- 'btn btn-link nav-link dropdown-toggle',
7
- { active: collapsedBtnActive },
8
- ]"
9
- :data-id="`${props.testId}-toggle-button`"
10
- @mouseenter="hover = true"
11
- @mouseleave="hover = false"
12
- @mousedown="showMenu"
13
- >
14
- <atoms-the-icon
15
- :class="['collapse-icon', { active: open }]"
16
- name="ellipsis-horizontal"
17
- width="16px"
18
- height="16px"
19
- />
20
- </button>
21
-
22
- <Teleport to="body">
23
- <ul
24
- v-show="open"
25
- :class="['navbar-dropdown-menu', props.popupClass]"
26
- :style="dropdownMenuStyles"
27
- >
28
- <li
29
- v-for="(item, key) in props.items"
30
- :key="key"
31
- v-permission="item.permission"
32
- :title="item.title"
33
- class="navbar-dropdown-menu-item"
34
- @mousedown.stop
35
- >
36
- <div
37
- v-if="item.separate"
38
- class="navbar-dropdown-menu-separator"
39
- ></div>
40
- <atoms-collapse-nav-item
41
- v-else
42
- :is-link="props.isLink"
43
- :item="item"
44
- :value="value"
45
- btn-class="btn"
46
- @change="change"
47
- @select-file="onSelectFile($event, key)"
48
- />
49
- </li>
50
- </ul>
51
- </Teleport>
52
- </div>
53
- </template>
54
-
55
- <script setup lang="ts">
56
- import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
57
-
58
- const props = withDefaults(
59
- defineProps<{
60
- items: UI_I_CollapseNavItem[]
61
- isLink?: boolean
62
- value?: number | string
63
- popupClass?: string
64
- closeAfterClick?: boolean
65
- testId?: string
66
- }>(),
67
- {
68
- isLink: undefined,
69
- value: undefined,
70
- popupClass: undefined,
71
- closeAfterClick: undefined,
72
- testId: '',
73
- }
74
- )
75
- const emits = defineEmits<{
76
- (event: 'change', value: number): void
77
- (event: 'select-file', value1: Event, value2: string, value3: number): void
78
- }>()
79
-
80
- const change = (value: number): void => {
81
- emits('change', value)
82
- props.closeAfterClick && (open.value = false)
83
- }
84
- const onSelectFile = (event: Event, type: string, key: number): void => {
85
- emits('select-file', event, type, key)
86
- }
87
-
88
- const collapsedBtnId = ref<string>('')
89
-
90
- const route = useRoute()
91
- const collapsedBtnActive = computed<boolean>(() => {
92
- if (props.isLink)
93
- return props.items.some((item) => route.path.includes(item.path || ''))
94
-
95
- return props.items.some((item) => item.value === props.value)
96
- })
97
-
98
- const open = ref<boolean>(false)
99
- const hover = ref<boolean>(false)
100
- const dropdownMenuStyles = ref<any>({})
101
- const showMenu = (): void => {
102
- if (open.value) {
103
- hideMenu(true)
104
- return
105
- }
106
-
107
- open.value = true
108
-
109
- const btn = document.querySelector(`#${collapsedBtnId.value}`)
110
- const { top, height, right } = btn!.getBoundingClientRect()
111
- dropdownMenuStyles.value = {
112
- top: `${top + height}px`,
113
- left: `${right}px`,
114
- }
115
- }
116
- const hideMenu = (force?: boolean): void => {
117
- if (hover.value && !force) return
118
-
119
- open.value = false
120
- }
121
-
122
- const windowClick = (): void => {
123
- hideMenu()
124
- }
125
- const windowResize = (): void => {
126
- hideMenu(true)
127
- }
128
- onMounted(() => {
129
- collapsedBtnId.value = `collapsed-btn${useUniqueId()}`
130
- window.addEventListener('mousedown', windowClick)
131
- window.addEventListener('resize', windowResize)
132
- })
133
- onUnmounted(() => {
134
- window.removeEventListener('mousedown', windowClick)
135
- window.removeEventListener('resize', windowResize)
136
- })
137
- </script>
138
-
139
- <style scoped lang="scss">
140
- .tabs-overflow {
141
- position: absolute;
142
- top: 0;
143
- right: 24px;
144
-
145
- .dropdown-toggle {
146
- .collapse-icon {
147
- fill: var(--main-color-mode);
148
-
149
- &.active {
150
- fill: #0077b8;
151
- }
152
- }
153
- }
154
- }
155
-
156
- .navbar-dropdown-menu {
157
- position: fixed;
158
- z-index: var(--z-dropdown);
159
- transform: translateX(-100%);
160
- border: 1px solid var(--global-border-color);
161
- border-radius: 3px;
162
- margin-top: 2px;
163
- background-color: var(--global-bg-color);
164
- padding: 12px 0;
165
- }
166
- .navbar-dropdown-menu-separator {
167
- margin: 6px 0;
168
- border-bottom: 0.8px solid #e8e8e8;
169
- }
170
- </style>
1
+ <template>
2
+ <div class="tabs-overflow bottom-right">
3
+ <button
4
+ :id="collapsedBtnId"
5
+ :class="[
6
+ 'btn btn-link nav-link dropdown-toggle',
7
+ { active: collapsedBtnActive },
8
+ ]"
9
+ :data-id="`${props.testId}-toggle-button`"
10
+ @mouseenter="hover = true"
11
+ @mouseleave="hover = false"
12
+ @mousedown="showMenu"
13
+ >
14
+ <atoms-the-icon
15
+ :class="['collapse-icon', { active: open }]"
16
+ name="ellipsis-horizontal"
17
+ width="16px"
18
+ height="16px"
19
+ />
20
+ </button>
21
+
22
+ <Teleport to="body">
23
+ <ul
24
+ v-show="open"
25
+ :class="['navbar-dropdown-menu', props.popupClass]"
26
+ :style="dropdownMenuStyles"
27
+ >
28
+ <li
29
+ v-for="(item, key) in props.items"
30
+ :key="key"
31
+ v-permission="item.permission"
32
+ :title="item.title"
33
+ class="navbar-dropdown-menu-item"
34
+ @mousedown.stop
35
+ >
36
+ <div
37
+ v-if="item.separate"
38
+ class="navbar-dropdown-menu-separator"
39
+ ></div>
40
+ <atoms-collapse-nav-item
41
+ v-else
42
+ :is-link="props.isLink"
43
+ :item="item"
44
+ :value="value"
45
+ btn-class="btn"
46
+ @change="change"
47
+ @select-file="onSelectFile($event, key)"
48
+ />
49
+ </li>
50
+ </ul>
51
+ </Teleport>
52
+ </div>
53
+ </template>
54
+
55
+ <script setup lang="ts">
56
+ import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
57
+
58
+ const props = withDefaults(
59
+ defineProps<{
60
+ items: UI_I_CollapseNavItem[]
61
+ isLink?: boolean
62
+ value?: number | string
63
+ popupClass?: string
64
+ closeAfterClick?: boolean
65
+ testId?: string
66
+ }>(),
67
+ {
68
+ isLink: undefined,
69
+ value: undefined,
70
+ popupClass: undefined,
71
+ closeAfterClick: undefined,
72
+ testId: '',
73
+ }
74
+ )
75
+ const emits = defineEmits<{
76
+ (event: 'change', value: number): void
77
+ (event: 'select-file', value1: Event, value2: string, value3: number): void
78
+ }>()
79
+
80
+ const change = (value: number): void => {
81
+ emits('change', value)
82
+ props.closeAfterClick && (open.value = false)
83
+ }
84
+ const onSelectFile = (event: Event, type: string, key: number): void => {
85
+ emits('select-file', event, type, key)
86
+ }
87
+
88
+ const collapsedBtnId = ref<string>('')
89
+
90
+ const route = useRoute()
91
+ const collapsedBtnActive = computed<boolean>(() => {
92
+ if (props.isLink)
93
+ return props.items.some((item) => route.path.includes(item.path || ''))
94
+
95
+ return props.items.some((item) => item.value === props.value)
96
+ })
97
+
98
+ const open = ref<boolean>(false)
99
+ const hover = ref<boolean>(false)
100
+ const dropdownMenuStyles = ref<any>({})
101
+ const showMenu = (): void => {
102
+ if (open.value) {
103
+ hideMenu(true)
104
+ return
105
+ }
106
+
107
+ open.value = true
108
+
109
+ const btn = document.querySelector(`#${collapsedBtnId.value}`)
110
+ const { top, height, right } = btn!.getBoundingClientRect()
111
+ dropdownMenuStyles.value = {
112
+ top: `${top + height}px`,
113
+ left: `${right}px`,
114
+ }
115
+ }
116
+ const hideMenu = (force?: boolean): void => {
117
+ if (hover.value && !force) return
118
+
119
+ open.value = false
120
+ }
121
+
122
+ const windowClick = (): void => {
123
+ hideMenu()
124
+ }
125
+ const windowResize = (): void => {
126
+ hideMenu(true)
127
+ }
128
+ onMounted(() => {
129
+ collapsedBtnId.value = `collapsed-btn${useUniqueId()}`
130
+ window.addEventListener('mousedown', windowClick)
131
+ window.addEventListener('resize', windowResize)
132
+ })
133
+ onUnmounted(() => {
134
+ window.removeEventListener('mousedown', windowClick)
135
+ window.removeEventListener('resize', windowResize)
136
+ })
137
+ </script>
138
+
139
+ <style scoped lang="scss">
140
+ .tabs-overflow {
141
+ position: absolute;
142
+ top: 0;
143
+ right: 24px;
144
+
145
+ .dropdown-toggle {
146
+ .collapse-icon {
147
+ fill: var(--main-color-mode);
148
+
149
+ &.active {
150
+ fill: #0077b8;
151
+ }
152
+ }
153
+ }
154
+ }
155
+
156
+ .navbar-dropdown-menu {
157
+ position: fixed;
158
+ z-index: var(--z-dropdown);
159
+ transform: translateX(-100%);
160
+ border: 1px solid var(--global-border-color);
161
+ border-radius: 3px;
162
+ margin-top: 2px;
163
+ background-color: var(--global-bg-color);
164
+ padding: 12px 0;
165
+ }
166
+ .navbar-dropdown-menu-separator {
167
+ margin: 6px 0;
168
+ border-bottom: 0.8px solid #e8e8e8;
169
+ }
170
+ </style>