bfg-common 1.5.198 → 1.5.199

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 (157) 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 +3 -3
  7. package/assets/localization/local_en.json +3 -3
  8. package/assets/localization/local_hy.json +3 -3
  9. package/assets/localization/local_kk.json +3 -3
  10. package/assets/localization/local_ru.json +3 -3
  11. package/assets/localization/local_zh.json +3 -3
  12. package/components/atoms/TheIcon3.vue +50 -50
  13. package/components/atoms/dropdown/Portlet.vue +113 -113
  14. package/components/atoms/perPage/PerPage.vue +58 -58
  15. package/components/atoms/table/dataGrid/lib/config/settingsTable.ts +94 -94
  16. package/components/atoms/table/dataGrid/lib/utils/export.ts +16 -16
  17. package/components/atoms/tabs/VerticalTabs.vue +105 -105
  18. package/components/common/browse/blocks/contents/filesNew/Skeleton.vue +18 -18
  19. package/components/common/browse/blocks/lib/models/types.ts +1 -1
  20. package/components/common/browse/lib/models/interfaces.ts +5 -5
  21. package/components/common/context/lib/models/interfaces.ts +31 -31
  22. package/components/common/context/recursion/RecursionNew.vue +238 -238
  23. package/components/common/diagramMain/DiagramMain.vue +897 -897
  24. package/components/common/diagramMain/Header.vue +214 -214
  25. package/components/common/diagramMain/adapter/AdapterItems.vue +61 -61
  26. package/components/common/diagramMain/lib/config/initial.ts +50 -50
  27. package/components/common/diagramMain/lib/models/types.ts +21 -21
  28. package/components/common/diagramMain/lib/utils/utils.ts +331 -331
  29. package/components/common/diagramMain/modals/editSettings/ConfirmTeamingSettingsModal.vue +40 -40
  30. package/components/common/diagramMain/modals/editSettings/tabs/NetworkProperties.vue +214 -214
  31. package/components/common/diagramMain/modals/editSettings/tabs/Security.vue +189 -189
  32. package/components/common/diagramMain/modals/editSettings/tabs/SwitchProperties.vue +163 -163
  33. package/components/common/diagramMain/modals/editSettings/tabs/TeamingFailover.vue +175 -175
  34. package/components/common/diagramMain/modals/editSettings/tabs/port/IpvFourSettings.vue +346 -346
  35. package/components/common/diagramMain/modals/lib/config/initial.ts +180 -180
  36. package/components/common/diagramMain/modals/lib/config/vmKernelAdapter.ts +90 -90
  37. package/components/common/diagramMain/modals/lib/mappers/mappers.ts +87 -87
  38. package/components/common/diagramMain/modals/lib/utils/index.ts +24 -24
  39. package/components/common/diagramMain/modals/migrateVmkernelAdapter/lib/config/steps.ts +114 -114
  40. package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/ConnectionSettings.vue +169 -169
  41. package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/SelectVmkernelAdapter.vue +159 -159
  42. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/common.ts +14 -14
  43. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/connectionSettings.ts +137 -137
  44. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/selectVmkernelAdapter.ts +52 -52
  45. package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/validations.ts +19 -19
  46. package/components/common/diagramMain/port/Ports.vue +47 -47
  47. package/components/common/layout/theHeader/helpMenu/About.vue +82 -82
  48. package/components/common/layout/theHeader/userMenu/modals/preferences/view/ViewOld.vue +112 -112
  49. package/components/common/monitor/overview/OverviewOld.vue +139 -139
  50. package/components/common/pages/home/headline/Headline.vue +45 -45
  51. package/components/common/pages/home/headline/HeadlineOld.vue +42 -42
  52. package/components/common/pages/home/lib/models/interfaces.ts +48 -48
  53. package/components/common/pages/home/widgets/Widgets.vue +49 -49
  54. package/components/common/pages/home/widgets/WidgetsNew.vue +86 -86
  55. package/components/common/pages/home/widgets/WidgetsOld.vue +34 -34
  56. package/components/common/pages/home/widgets/hosts/Hosts.vue +27 -27
  57. package/components/common/pages/home/widgets/hosts/lib/config/items.ts +23 -23
  58. package/components/common/pages/home/widgets/vms/Vms.vue +26 -26
  59. package/components/common/pages/home/widgets/vms/VmsOld.vue +35 -35
  60. package/components/common/pages/home/widgets/vms/lib/config/items.ts +19 -19
  61. package/components/common/pages/packages/Packages.vue +208 -208
  62. package/components/common/pages/shortcuts/block/BlockOld.vue +68 -68
  63. package/components/common/readyToComplete/ReadyToComplete.vue +17 -17
  64. package/components/common/recursionTree/RecursionTree.vue +223 -223
  65. package/components/common/select/button/ButtonDropdown.vue +108 -108
  66. package/components/common/spiceConsole/lib/models/interfaces.ts +5 -5
  67. package/components/common/vm/actions/add/folderTreeView/FolderTreeView.vue +72 -72
  68. package/components/common/vm/actions/add/folderTreeView/New.vue +40 -40
  69. package/components/common/vm/actions/add/folderTreeView/Old.vue +50 -50
  70. package/components/common/vm/actions/add/lib/config/steps.ts +263 -263
  71. package/components/common/vm/actions/clone/lib/config/steps.ts +291 -291
  72. package/components/common/vm/actions/clone/toTemplate/lib/config/steps.ts +116 -116
  73. package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue +337 -337
  74. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareNew.vue +480 -480
  75. package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardwareOld.vue +319 -319
  76. package/components/common/vm/actions/common/customizeHardware/virtualHardware/browseView/BrowseView.vue +219 -219
  77. package/components/common/vm/actions/common/customizeHardware/virtualHardware/bus/Bus.vue +100 -100
  78. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue +232 -232
  79. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveOld.vue +168 -168
  80. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue +25 -25
  81. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaNew.vue +78 -78
  82. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/MediaOld.vue +50 -50
  83. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue +17 -2
  84. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/CpuNew.vue +190 -190
  85. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/model/ModelNew.vue +237 -237
  86. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/Shares.vue +140 -140
  87. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/shares/lib/config/options.ts +28 -28
  88. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/tooltip/TooltipNew.vue +154 -154
  89. package/components/common/vm/actions/common/customizeHardware/virtualHardware/limit/Limit.vue +220 -220
  90. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/Memory.vue +304 -288
  91. package/components/common/vm/actions/common/customizeHardware/virtualHardware/memory/MemoryNew.vue +154 -154
  92. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDisk.vue +382 -375
  93. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskNew.vue +289 -289
  94. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/Location.vue +151 -151
  95. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationNew.vue +73 -73
  96. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/LocationOld.vue +83 -83
  97. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/NewNetwork.vue +288 -288
  98. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/location/new/table/lib/config/config.ts +94 -94
  99. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddress.vue +119 -119
  100. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue +205 -205
  101. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue +66 -66
  102. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoOld.vue +62 -62
  103. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue +31 -31
  104. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoOld.vue +76 -76
  105. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/Note.vue +15 -15
  106. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteNew.vue +42 -42
  107. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteOld.vue +30 -30
  108. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridOld.vue +84 -84
  109. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue +16 -16
  110. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/OtherNew.vue +30 -30
  111. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/inputDevices/InputDevicesNew.vue +40 -40
  112. package/components/common/vm/actions/common/customizeHardware/vmoptions/Vmoptions.vue +145 -145
  113. package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsNew.vue +106 -106
  114. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/BootOptionsNew.vue +81 -81
  115. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue +32 -32
  116. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue +60 -60
  117. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue +174 -174
  118. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/OrderNew.vue +67 -67
  119. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue +149 -149
  120. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/New.vue +140 -140
  121. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/copyPaste/CopyPasteNew.vue +31 -31
  122. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/fileTransfer/FileTransferNew.vue +31 -31
  123. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue +32 -32
  124. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordNew.vue +128 -128
  125. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue +28 -28
  126. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionNew.vue +39 -39
  127. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionOld.vue +44 -44
  128. package/components/common/vm/actions/common/lib/utils/capabilities.ts +52 -52
  129. package/components/common/vm/actions/common/select/compatibility/Old.vue +107 -107
  130. package/components/common/vm/actions/common/select/computeResource/ComputeResource.vue +134 -134
  131. package/components/common/vm/actions/common/select/computeResource/treeView/New.vue +44 -44
  132. package/components/common/vm/actions/common/select/computeResource/treeView/TreeView.vue +118 -118
  133. package/components/common/vm/actions/common/select/createType/CreateType.vue +38 -38
  134. package/components/common/vm/actions/common/select/createType/New.vue +84 -84
  135. package/components/common/vm/actions/common/select/createType/lib/models/interfaces.ts +5 -5
  136. package/components/common/vm/actions/common/select/name/Name.vue +167 -167
  137. package/components/common/vm/actions/common/select/os/New.vue +122 -122
  138. package/components/common/vm/actions/common/select/os/Old.vue +152 -152
  139. package/components/common/vm/actions/common/select/os/Os.vue +139 -139
  140. package/components/common/vm/actions/common/select/storage/new/lib/models/interfaces.ts +5 -5
  141. package/components/common/vm/actions/common/select/storage/new/lib/utils/utils.ts +21 -21
  142. package/components/common/vm/actions/editSettings/new/Skeleton.vue +88 -88
  143. package/components/common/wizards/vm/migrate/lib/config/constructDataReady.ts +220 -220
  144. package/components/common/wizards/vm/migrate/lib/config/steps.ts +157 -157
  145. package/components/common/wizards/vm/migrate/lib/validations.ts +68 -68
  146. package/components/common/wizards/vm/migrate/select/computeResource/tableView/TableView.vue +137 -137
  147. package/components/common/wizards/vm/migrate/select/network/Network.vue +103 -103
  148. package/components/common/wizards/vm/migrate/select/network/table/network/lib/config/advancedTable.ts +91 -91
  149. package/composables/productNameLocal.ts +30 -30
  150. package/composables/useAppVersion.ts +21 -21
  151. package/package.json +1 -1
  152. package/plugins/date.ts +233 -233
  153. package/public/spice-console/lib/images/bitmap.js +203 -203
  154. package/public/spice-console/network/spicechannel.js +383 -383
  155. package/store/main/mutations.ts +7 -7
  156. package/store/main/state.ts +7 -7
  157. package/store/tasks/mappers/recentTasks.ts +64 -64
@@ -2999,10 +2999,10 @@
2999
2999
  },
3000
3000
  "glpi": {
3001
3001
  "connectToGlpi": "Падключыцца да GLPI",
3002
- "hostAddress": "Адрас хоста",
3002
+ "hostAddress": "Адрас GLPI",
3003
3003
  "appToken": "Дадатак Токен",
3004
- "entityName": "Назва сутнасці",
3005
- "inventoryTime": "Час інвентарызацыі",
3004
+ "entityName": "Назва арганізацыі (сутнасць)",
3005
+ "inventoryTime": "Графік інвентарызацыі",
3006
3006
  "inventoryTimeHelp": "Дапамога часу на інвентарызацыю",
3007
3007
  "inventoryTimeHelpDescription": "Калі ласка, пераканайцеся, што ўвядзіце патрэбны час запасаў у фармат Cron.",
3008
3008
  "glpiIntegration": "Інтэграцыя GLPI",
@@ -3003,10 +3003,10 @@
3003
3003
  },
3004
3004
  "glpi": {
3005
3005
  "connectToGlpi": "Connect to GLPI",
3006
- "hostAddress": "Host Address",
3006
+ "hostAddress": "GLPI Address",
3007
3007
  "appToken": "App Token",
3008
- "entityName": "Entity Name",
3009
- "inventoryTime": "Inventory Time",
3008
+ "entityName": "Organization Name (Entity)",
3009
+ "inventoryTime": "Inventory Schedule",
3010
3010
  "inventoryTimeHelp": "Inventory Time Help",
3011
3011
  "inventoryTimeHelpDescription": "Please make sure to input your desired inventory time in cron format.",
3012
3012
  "glpiIntegration": "GLPI Integration",
@@ -3003,10 +3003,10 @@
3003
3003
  },
3004
3004
  "glpi": {
3005
3005
  "connectToGlpi": "Միացեք GLPI- ին",
3006
- "hostAddress": "Հանգույցի հասցե",
3006
+ "hostAddress": "GLPI հասցե",
3007
3007
  "appToken": "App Token",
3008
- "entityName": "Էության անվանումը",
3009
- "inventoryTime": "Գրապահոց ժամանակ",
3008
+ "entityName": "Կազմակերպության անվանումը (անձ)",
3009
+ "inventoryTime": "Գրապահոց ժամանակացույց",
3010
3010
  "inventoryTimeHelp": "Գրապահոց ժամանակի օգնություն",
3011
3011
  "inventoryTimeHelpDescription": "Խնդրում ենք համոզվեք, որ մուտքագրեք ձեր ցանկալի գույքագրման ժամանակը Cron ձեւաչափով:",
3012
3012
  "glpiIntegration": "GLPI ինտեգրում",
@@ -3002,10 +3002,10 @@
3002
3002
  },
3003
3003
  "glpi": {
3004
3004
  "connectToGlpi": "GLPI-ге қосылыңыз",
3005
- "hostAddress": "Хост мекен-жайы",
3005
+ "hostAddress": "GLPI мекен-жайы",
3006
3006
  "appToken": "Қолданба таңбалауышы",
3007
- "entityName": "Субъектінің аты",
3008
- "inventoryTime": "Түгендеу уақыты",
3007
+ "entityName": "Ұйымның атауы (субъект)",
3008
+ "inventoryTime": "Түгендеу кестесі",
3009
3009
  "inventoryTimeHelp": "Түгендеу уақыты анықтама",
3010
3010
  "inventoryTimeHelpDescription": "Крондық пішімде қалаған түгендеу уақытын енгізгеніңізге көз жеткізіңіз.",
3011
3011
  "glpiIntegration": "GLPI интеграциясы",
@@ -3002,10 +3002,10 @@
3002
3002
  },
3003
3003
  "glpi": {
3004
3004
  "connectToGlpi": "Подключитесь к GLPI",
3005
- "hostAddress": "Адрес хоста",
3005
+ "hostAddress": "Адрес GLPI",
3006
3006
  "appToken": "Токен приложения",
3007
- "entityName": "Название сущности",
3008
- "inventoryTime": "Время инвентаря",
3007
+ "entityName": "Название Организации (Entity)",
3008
+ "inventoryTime": "График Инвентаризации",
3009
3009
  "inventoryTimeHelp": "Помощь в области инвентаря",
3010
3010
  "inventoryTimeHelpDescription": "Пожалуйста, обязательно введите желаемое время инвентаря в формате Cron.",
3011
3011
  "glpiIntegration": "GLPI интеграция",
@@ -3000,10 +3000,10 @@
3000
3000
  },
3001
3001
  "glpi": {
3002
3002
  "connectToGlpi": "连接到GLPI",
3003
- "hostAddress": "主机地址",
3003
+ "hostAddress": "GLPI地址",
3004
3004
  "appToken": "应用程序令牌",
3005
- "entityName": "实体名称",
3006
- "inventoryTime": "库存时间",
3005
+ "entityName": "组织名称(实体)",
3006
+ "inventoryTime": "库存时间表",
3007
3007
  "inventoryTimeHelp": "库存时间帮助",
3008
3008
  "inventoryTimeHelpDescription": "请确保以cron格式输入所需的库存时间。",
3009
3009
  "glpiIntegration": "GLPI集成",
@@ -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,113 +1,113 @@
1
- <template>
2
- <div class="portlet">
3
- <div
4
- :data-id="`${props.testId}-toggle-portlet`"
5
- :class="['portlet-titlebar', { disabled }]"
6
- >
7
- <atoms-the-icon
8
- :class="['arrow-icon', { collapsed: portletCollapsed }]"
9
- name="arrow"
10
- @click="togglePortlet"
11
- />
12
-
13
- <span class="titlebar-text">{{ title }}</span>
14
- </div>
15
-
16
- <div v-show="!portletCollapsed" class="portlet-content">
17
- <slot name="portletBody" />
18
- </div>
19
- <div v-show="!portletCollapsed" class="portlet-footer">
20
- <slot name="portletFooter" />
21
- </div>
22
- </div>
23
- </template>
24
-
25
- <script setup lang="ts">
26
- const props = defineProps<{
27
- title: string
28
- disabled?: boolean
29
- testId?: string
30
- }>()
31
-
32
- const isOpen = ref<boolean>(false)
33
-
34
- const portletCollapsed = computed<boolean>(() => {
35
- if (props.disabled) {
36
- return true
37
- }
38
- return isOpen.value
39
- })
40
-
41
- const togglePortlet = (): boolean => (isOpen.value = !isOpen.value)
42
- </script>
43
-
44
- <style scoped lang="scss">
45
- .portlet {
46
- box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 10%);
47
- min-height: 30px;
48
- border: 1px solid var(--portlet-border-color);
49
- border-radius: 3px;
50
- overflow: auto;
51
- background: var(--portlet-bg-color);
52
- margin: 0 0 12px;
53
- flex-shrink: 0;
54
- box-sizing: border-box;
55
-
56
- .portlet-titlebar {
57
- cursor: pointer;
58
- display: flex;
59
- flex-direction: row-reverse;
60
- align-items: center;
61
- margin: 0;
62
- padding: 12px 10px;
63
- box-sizing: border-box;
64
- position: relative;
65
- overflow: hidden;
66
-
67
- &.disabled {
68
- opacity: 0.3;
69
- pointer-events: none;
70
- }
71
-
72
- .titlebar-text {
73
- flex: 1 1 100%;
74
- display: inline-flex !important;
75
- white-space: nowrap;
76
- overflow: hidden !important;
77
- padding: 0 !important;
78
- box-sizing: border-box;
79
- max-width: none !important;
80
- font-size: 14px;
81
- }
82
-
83
- .arrow-icon {
84
- transition: all 0.2s ease-in 0s;
85
- fill: #0079b8;
86
-
87
- &.collapsed {
88
- transform: rotate(180deg);
89
- }
90
- }
91
- &:hover {
92
- .arrow-icon {
93
- fill: #004a70;
94
- }
95
- }
96
- }
97
-
98
- .portlet-content {
99
- padding: 0 10px 5px;
100
- }
101
- }
102
- </style>
103
-
104
- <style>
105
- :root {
106
- --portlet-bg-color: #fff;
107
- --portlet-border-color: #d3d3d3;
108
- }
109
- :root.dark-theme {
110
- --portlet-bg-color: transparent;
111
- --portlet-border-color: #000000;
112
- }
113
- </style>
1
+ <template>
2
+ <div class="portlet">
3
+ <div
4
+ :data-id="`${props.testId}-toggle-portlet`"
5
+ :class="['portlet-titlebar', { disabled }]"
6
+ >
7
+ <atoms-the-icon
8
+ :class="['arrow-icon', { collapsed: portletCollapsed }]"
9
+ name="arrow"
10
+ @click="togglePortlet"
11
+ />
12
+
13
+ <span class="titlebar-text">{{ title }}</span>
14
+ </div>
15
+
16
+ <div v-show="!portletCollapsed" class="portlet-content">
17
+ <slot name="portletBody" />
18
+ </div>
19
+ <div v-show="!portletCollapsed" class="portlet-footer">
20
+ <slot name="portletFooter" />
21
+ </div>
22
+ </div>
23
+ </template>
24
+
25
+ <script setup lang="ts">
26
+ const props = defineProps<{
27
+ title: string
28
+ disabled?: boolean
29
+ testId?: string
30
+ }>()
31
+
32
+ const isOpen = ref<boolean>(false)
33
+
34
+ const portletCollapsed = computed<boolean>(() => {
35
+ if (props.disabled) {
36
+ return true
37
+ }
38
+ return isOpen.value
39
+ })
40
+
41
+ const togglePortlet = (): boolean => (isOpen.value = !isOpen.value)
42
+ </script>
43
+
44
+ <style scoped lang="scss">
45
+ .portlet {
46
+ box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 10%);
47
+ min-height: 30px;
48
+ border: 1px solid var(--portlet-border-color);
49
+ border-radius: 3px;
50
+ overflow: auto;
51
+ background: var(--portlet-bg-color);
52
+ margin: 0 0 12px;
53
+ flex-shrink: 0;
54
+ box-sizing: border-box;
55
+
56
+ .portlet-titlebar {
57
+ cursor: pointer;
58
+ display: flex;
59
+ flex-direction: row-reverse;
60
+ align-items: center;
61
+ margin: 0;
62
+ padding: 12px 10px;
63
+ box-sizing: border-box;
64
+ position: relative;
65
+ overflow: hidden;
66
+
67
+ &.disabled {
68
+ opacity: 0.3;
69
+ pointer-events: none;
70
+ }
71
+
72
+ .titlebar-text {
73
+ flex: 1 1 100%;
74
+ display: inline-flex !important;
75
+ white-space: nowrap;
76
+ overflow: hidden !important;
77
+ padding: 0 !important;
78
+ box-sizing: border-box;
79
+ max-width: none !important;
80
+ font-size: 14px;
81
+ }
82
+
83
+ .arrow-icon {
84
+ transition: all 0.2s ease-in 0s;
85
+ fill: #0079b8;
86
+
87
+ &.collapsed {
88
+ transform: rotate(180deg);
89
+ }
90
+ }
91
+ &:hover {
92
+ .arrow-icon {
93
+ fill: #004a70;
94
+ }
95
+ }
96
+ }
97
+
98
+ .portlet-content {
99
+ padding: 0 10px 5px;
100
+ }
101
+ }
102
+ </style>
103
+
104
+ <style>
105
+ :root {
106
+ --portlet-bg-color: #fff;
107
+ --portlet-border-color: #d3d3d3;
108
+ }
109
+ :root.dark-theme {
110
+ --portlet-bg-color: transparent;
111
+ --portlet-border-color: #000000;
112
+ }
113
+ </style>
@@ -1,58 +1,58 @@
1
- <template>
2
- <div class="page-size">
3
- {{ selectLabel }}
4
-
5
- <div class="clr-select-wrapper">
6
- <select
7
- :id="`${props.testId}-select`"
8
- v-development="props.development"
9
- :data-id="`${props.testId}-select`"
10
- :value="props.pageSize"
11
- class="clr-page-size-select"
12
- @change="change"
13
- >
14
- <option
15
- v-for="(item, key) in props.options"
16
- :key="key"
17
- :value="item.value"
18
- >
19
- {{ item.text }}
20
- </option>
21
- </select>
22
- </div>
23
- </div>
24
- </template>
25
-
26
- <script setup lang="ts">
27
- import type { UI_I_Localization } from '~/lib/models/interfaces'
28
- import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
29
-
30
- const props = withDefaults(
31
- defineProps<{
32
- pageSize: number
33
- options: UI_I_OptionItem[]
34
- label?: string
35
- testId?: string
36
- development?: boolean
37
- }>(),
38
- {
39
- testId: 'ui-per-page',
40
- label: 'itemsPerPage',
41
- development: false,
42
- }
43
- )
44
- const emits = defineEmits<{
45
- (event: 'change', value: number): void
46
- }>()
47
-
48
- const localization = computed<UI_I_Localization>(() => useLocal())
49
- const selectLabel = computed<string>(
50
- () => localization.value.common[props.label]
51
- )
52
-
53
- const change = (event: InputEvent): void => {
54
- emits('change', +(event.target as HTMLInputElement).value)
55
- }
56
- </script>
57
-
58
- <style scoped></style>
1
+ <template>
2
+ <div class="page-size">
3
+ {{ selectLabel }}
4
+
5
+ <div class="clr-select-wrapper">
6
+ <select
7
+ :id="`${props.testId}-select`"
8
+ v-development="props.development"
9
+ :data-id="`${props.testId}-select`"
10
+ :value="props.pageSize"
11
+ class="clr-page-size-select"
12
+ @change="change"
13
+ >
14
+ <option
15
+ v-for="(item, key) in props.options"
16
+ :key="key"
17
+ :value="item.value"
18
+ >
19
+ {{ item.text }}
20
+ </option>
21
+ </select>
22
+ </div>
23
+ </div>
24
+ </template>
25
+
26
+ <script setup lang="ts">
27
+ import type { UI_I_Localization } from '~/lib/models/interfaces'
28
+ import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
29
+
30
+ const props = withDefaults(
31
+ defineProps<{
32
+ pageSize: number
33
+ options: UI_I_OptionItem[]
34
+ label?: string
35
+ testId?: string
36
+ development?: boolean
37
+ }>(),
38
+ {
39
+ testId: 'ui-per-page',
40
+ label: 'itemsPerPage',
41
+ development: false,
42
+ }
43
+ )
44
+ const emits = defineEmits<{
45
+ (event: 'change', value: number): void
46
+ }>()
47
+
48
+ const localization = computed<UI_I_Localization>(() => useLocal())
49
+ const selectLabel = computed<string>(
50
+ () => localization.value.common[props.label]
51
+ )
52
+
53
+ const change = (event: InputEvent): void => {
54
+ emits('change', +(event.target as HTMLInputElement).value)
55
+ }
56
+ </script>
57
+
58
+ <style scoped></style>