bfg-common 1.5.708 → 1.5.710

package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/{TimeFormatNew.vue → New.vue}

@@ -22,7 +22,7 @@
             :test-id="item.testId"
             :label="item.label"
             :value="item.value"
-            size="sm"
+            size="md"
           />
         </div>
       </div>
@@ -35,14 +35,14 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_RadioItem } from '~/components/common/layout/theHeader/userMenu/lib/models/interfaces'
 import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
 
+const timeItem = defineModel<UI_T_TimeValue>()
+
 const props = defineProps<{
   description: string
   formatOptions: UI_I_RadioItem[]
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
-
-const timeItem = defineModel<UI_T_TimeValue>()
 </script>
 
 <style lang="scss" scoped>

package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/{TimeFormatOld.vue → Old.vue}

@@ -23,12 +23,12 @@
 import type { UI_I_RadioItem } from '~/components/common/layout/theHeader/userMenu/lib/models/interfaces'
 import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
 
+const timeItem = defineModel<UI_T_TimeValue>()
+
 const props = defineProps<{
   description: string
   formatOptions: UI_I_RadioItem[]
 }>()
-
-const timeItem = defineModel<UI_T_TimeValue>()
 </script>
 
 <style lang="scss" scoped>

package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/TimeFormat.vue

@@ -1,12 +1,6 @@
 <template>
-  <common-layout-the-header-user-menu-modals-preferences-time-format-new
-    v-if="props.newView"
-    v-model="timeItem"
-    :description="description"
-    :format-options="formatOptions"
-  />
-  <common-layout-the-header-user-menu-modals-preferences-time-format-old
-    v-else
+  <component
+    :is="currentComponent"
     v-model="timeItem"
     :description="description"
     :format-options="formatOptions"
@@ -28,6 +22,12 @@ const emits = defineEmits<{
   (event: 'update-time-format', value: UI_T_TimeValue): void
 }>()
 
+const currentComponent = computed(() =>
+  props.newView
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const config = useRuntimeConfig()

package/components/common/layout/theHeader/userMenu/modals/preferences/view/{ViewNew.vue → New.vue}

@@ -13,7 +13,7 @@
           {{ props.description }}
         </div>
 
-        <div class="flex-align-center">
+        <div class="flex-align-center new-view-switch-container">
           <ui-switch
             v-model="newViewLocal"
             :label="localization.common.newView"
@@ -28,11 +28,20 @@
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 
+const newViewLocal = defineModel<boolean>()
+
 const props = defineProps<{
   description: string
 }>()
 
-const newViewLocal = defineModel<boolean>()
-
 const localization = computed<UI_I_Localization>(() => useLocal())
 </script>
+
+<style lang="scss" scoped>
+.new-view-switch-container {
+  :deep(.switch-content .switch-label) {
+    font-size: 13px;
+    font-weight: 400;
+  }
+}
+</style>

package/components/common/layout/theHeader/userMenu/modals/preferences/view/{ViewOld.vue → Old.vue}

@@ -20,14 +20,14 @@
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 
+const newViewLocal = defineModel<boolean>()
+
 const props = defineProps<{
   description: string
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const newViewLocal = defineModel<boolean>()
-
 const isDisabled = ref<boolean>(true)
 // @ts-ignore
 window.tools = new Proxy(

package/components/common/layout/theHeader/userMenu/modals/preferences/view/View.vue

@@ -1,11 +1,6 @@
 <template>
-  <common-layout-the-header-user-menu-modals-preferences-view-new
-    v-if="props.newView"
-    v-model="model"
-    :description="description"
-  />
-  <common-layout-the-header-user-menu-modals-preferences-view-old
-    v-else
+  <component
+    :is="currentComponent"
     v-model="model"
     :description="description"
   />
@@ -25,6 +20,12 @@ const emits = defineEmits<{
 
 const config = useRuntimeConfig()
 
+const currentComponent = computed(() =>
+  props.newView
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const description = computed<string>(() => {

package/components/common/monitor/advanced/graphView/GraphView.vue

@@ -138,6 +138,14 @@ watch(
   },
   { immediate: true }
 )
+
+const updateTimeFormatAndInterfaceLang = computed<number>(
+  () => $store.getters['main/getUpdateTimeFormatAndInterfaceLang']
+)
+
+watch(updateTimeFormatAndInterfaceLang, () => {
+  startChart()
+})
 </script>
 
 <style scoped lang="scss"></style>

package/components/common/monitor/advanced/tools/Tools.vue

@@ -178,6 +178,10 @@ const routeType = '' + useRoute().params.type
 
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
+const updateTimeFormatAndInterfaceLang = computed<number>(
+  () => $store.getters['main/getUpdateTimeFormatAndInterfaceLang']
+)
+
 const localSelectedTimespanType = computed<string>({
   get() {
     return props.selectedTimespanType
@@ -278,7 +282,7 @@ const updateTools = (): void => {
 }
 
 const chartTitleDate = computed<string>(() => {
-  if (!props.startDate) return ''
+  if (!props.startDate || !updateTimeFormatAndInterfaceLang.value) return ''
 
   const start = $formattedDatetime(props.startDate, { hasSeconds: true })
   const end = $formattedDatetime(props.endDate, { hasSeconds: true })

package/components/common/pages/auth/TheFooter.vue

@@ -0,0 +1,104 @@
+<template>
+  <div
+    id="footer"
+    class="footer flex justify-between items-center fixed left-0 right-0 bottom-0"
+  >
+    <div class="content flex items-center gap-4">
+      <span class="company-info"
+        >{{ currentYear }} ©
+        <span class="company-name">{{ companyName }}</span></span
+      >
+
+      <span class="dote-divider">•</span>
+
+      <a
+        :href="supportLink"
+        data-id="support-link"
+        class="support-link"
+        target="_blank"
+      >
+        <ui-icon name="support" width="18" height="18" />
+        <span class="support-text">{{
+          localization.common.technicalSupport
+        }}</span></a
+      >
+    </div>
+
+    <div class="app-version-wrap flex-justify-end flex-align-center">
+      <span class="app-version"> {{ version }} </span>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const { version } = useAppVersion()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const currentYear = new Date().getFullYear()
+
+const config = useRuntimeConfig()
+
+const companyName = computed<string>(
+  () => config.public[`COMPANY_NAME_${useEnvLanguage()}`] as string
+)
+
+const supportLink = computed<string>(() => {
+  return config.public.SUPPORT_SITE
+})
+</script>
+
+<style scoped lang="scss">
+.footer {
+  position: fixed;
+  background-color: #e9ebed;
+  padding: 11px 44px;
+
+  .content {
+    .company-info {
+      font-size: 14px;
+      line-height: 18px;
+      color: #9da6ad;
+      font-weight: 400;
+
+      .company-name {
+        font-weight: 300;
+      }
+    }
+
+    .dote-divider {
+      color: #9da6ad;
+    }
+
+    .support-link {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      color: #9da6ad;
+      text-decoration: none;
+      font-weight: 500;
+      font-size: 14px;
+      line-height: 18px;
+
+      &:hover {
+        color: #008fd6;
+      }
+
+      .support-text {
+        margin-top: 4px;
+      }
+    }
+  }
+
+  .app-version-wrap {
+    .app-version {
+      font-size: 14px;
+      line-height: 18px;
+      color: #9da6ad;
+      margin-right: 8px;
+    }
+  }
+}
+</style>

package/components/common/pages/files/lib/models/enums.ts

@@ -0,0 +1,10 @@
+export enum UI_E_DatastoreFileType {
+  UNKNOWN,
+  FOLDER,
+}
+
+export enum UI_E_FileProvisioningType {
+  thinProvision = 1,
+  thickProvisionLazyZeroed = 2,
+  thickProvisionEagerZeroed = 3,
+}

package/components/common/pages/hardwareHealth/historyTestimony/tools/Tools.vue

@@ -166,7 +166,12 @@ const emits = defineEmits<{
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
-const { $formattedDatetime }: any = useNuxtApp()
+
+const { $store, $formattedDatetime }: any = useNuxtApp()
+
+const updateTimeFormatAndInterfaceLang = computed<number>(
+  () => $store.getters['main/getUpdateTimeFormatAndInterfaceLang']
+)
 
 const periodOptions = computed<UI_I_OptionItem[]>(() =>
   periodFunc(localization.value, props.selectedTimespanType)
@@ -263,7 +268,7 @@ const onUpdateTools = (): void => {
 }
 
 const chartTitleDate = computed<string>(() => {
-  if (!props.startDate) return ''
+  if (!props.startDate || !updateTimeFormatAndInterfaceLang.value) return ''
 
   const start = $formattedDatetime(props.startDate, { hasSeconds: true })
   const end = $formattedDatetime(props.endDate, { hasSeconds: true })

package/components/common/pages/hardwareHealth/tableView/TableView.vue

@@ -89,6 +89,9 @@ const props = defineProps<{
   tableMode: UI_T_HardwareHealthTabMode
 }>()
 const selectedRow = defineModel<number[]>('selectedRow')
+
+const { $store }: any = useNuxtApp()
+
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const table: any = {
@@ -118,7 +121,12 @@ const headItems = computed<UI_I_HeadItem[]>(() =>
   table[props.tableMode].headItems(localization.value)
 )
 
+const updateTimeFormatAndInterfaceLang = computed<number>(
+  () => $store.getters['main/getUpdateTimeFormatAndInterfaceLang']
+)
+
 const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  if (!updateTimeFormatAndInterfaceLang.value) return []
   // const tableData = ['sensor'].includes(props.tableMode) ? props.dataTable : [] // TODO временно так
   let tableData = props.dataTable
 

package/components/common/pages/hardwareHealth/tableView/lib/config/sensorTable.ts

@@ -89,6 +89,9 @@ export const bodyItems = (
   localization: UI_I_Localization
 ): UI_I_BodyItem[][] => {
   const bodyItems: UI_I_BodyItem[][] = []
+
+  const { $formattedDatetime }: any = useNuxtApp()
+
   data.forEach((sensor: UI_I_HardwareHealthSensors, key) => {
     const statusData = {
       iconClassName: sensorsIconByStatus[sensor.status],
@@ -96,6 +99,15 @@ export const bodyItems = (
       warning: sensor.warning,
     }
 
+    const lastUpdate = sensor[hardwareHealthSensorTableKeys[4]]
+    const currentLastUpdate =
+      typeof lastUpdate === 'number'
+        ? $formattedDatetime(lastUpdate, {
+            hasSeconds: true,
+            separator: ', ',
+          })
+        : lastUpdate
+
     bodyItems.push([
       // {
       //   data,
@@ -139,7 +151,7 @@ export const bodyItems = (
       },
       {
         key: 'col4',
-        text: sensor[hardwareHealthSensorTableKeys[4]],
+        text: currentLastUpdate,
         id: key,
       },
       {

package/components/common/pages/hardwareHealth/toolsPanel/lib/config/actionsPanel.ts

@@ -11,24 +11,24 @@ export const hardwareHealthActionsFunc = (
       text: localization.common.refresh,
       type: 'refresh',
       disabled: false,
-      permission: ['sensor', 'storage-sensor', 'alert-warning', 'system-log'],
+      allowed: ['sensor', 'storage-sensor', 'alert-warning', 'system-log'],
       testId: 'hardware-health-refresh',
     },
     {
       text: localization.common.exportToXml,
       type: 'export-to-xml',
       disabled: true,
-      permission: ['sensor'],
+      allowed: ['sensor'],
       testId: 'hardware-health-export-to-xml',
     },
     {
       text: localization.common.resetEventLog,
       type: 'reset-event-log',
       disabled: true,
-      permission: ['system-log'],
+      allowed: ['system-log'],
       testId: 'hardware-health-reset-event-log',
     },
   ]
 
-  return tabs.filter((tab) => tab.permission.includes(<string>selectedTab))
+  return tabs.filter((tab) => tab.allowed.includes(<string>selectedTab))
 }

package/components/common/pages/tasks/table/expandDetails/ExpandDetails.vue

@@ -42,7 +42,7 @@
             status="error"
             dropdown-width="232px"
             dropdown-left
-            dropdown-top
+            dropdown-bottom
           />
         </div>
       </span>

package/components/common/qr/Qr.vue

@@ -0,0 +1,69 @@
+<template>
+  <div class="qrcode">
+    <!--    <img v-if="qrDataUrl" :src="qrDataUrl" alt="QR Code" class="qr-image" />-->
+    <Qrcode
+      :value="props.qrCodeUrl"
+      :width="props.width"
+      :height="props.height"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+// import QRCode from 'qrcode'
+
+const props = withDefaults(
+  defineProps<{
+    qrCodeUrl: string
+    width?: string
+    height?: string
+  }>(),
+  {
+    width: '130',
+    height: '130',
+  }
+)
+
+// const qrDataUrl = ref<string>('')
+// const generateQRCode = async (): Promise<void> => {
+//   try {
+//     qrDataUrl.value = await QRCode.toDataURL(props.qrCodeUrl, {
+//       width: 150,
+//       margin: 2,
+//     })
+//   } catch (error) {
+//     console.error('Error generating QR code:', error)
+//   }
+// }
+//
+// watch(
+//   () => props.qrCodeUrl,
+//   (newValue) => {
+//     newValue && generateQRCode()
+//   },
+//   { immediate: true }
+// )
+</script>
+
+<style scoped lang="scss">
+//.qr-code-display {
+//  text-align: center;
+//  max-width: 400px;
+//  margin: 0 auto;
+//}
+//
+//.qr-wrapper {
+//  margin: 20px 0;
+//  padding: 20px;
+//  background: white;
+//  border-radius: 12px;
+//  border: 1px solid #e0e0e0;
+//  display: inline-block;
+//}
+//
+//.qr-canvas,
+//.qr-image {
+//  width: 150px;
+//  height: 150px;
+//}
+</style>

package/components/common/split/horizontal/New.vue

@@ -220,7 +220,6 @@ onUnmounted(() => {
   --horizontal-panel-bg-color: #fff;
   --trigger-bg-color: #e9ebeda3;
   --trigger-color: #213444;
-  --new-gutter-bg-color: #e9ebed;
   --new-gutter-hover-bg-color: #008fd6;
   --new-gutter-before-bg-color: rgba(255, 255, 255, 0.8);
 
@@ -235,7 +234,6 @@ onUnmounted(() => {
   --horizontal-panel-bg-color: #213444;
   --trigger-bg-color: #314352;
   --trigger-color: #e9ebed;
-  --new-gutter-bg-color: #394a58;
   --new-gutter-hover-bg-color: #2ba2de;
   --new-gutter-before-bg-color: rgba(33, 52, 68, 0.8);
 }

package/components/common/split/vertical/New.vue

@@ -73,7 +73,8 @@ const props = defineProps<{
   .gutter-vertical {
     position: relative;
     min-height: 4px;
-    background-color: var(--gutter-bg-color);
+    //background-color: var(--gutter-bg-color);
+    background-color: var(--new-gutter-bg-color);
     transition-delay: 0.25s;
     transition-duration: 0.25s;
     user-select: none;

package/components/common/vm/actions/add/New.vue

@@ -175,7 +175,7 @@
         </template>
         <template #content>
           <common-vm-actions-common-select-options
-            :is-create-template="selectedCreateType === '1'"
+            :is-new-vm-from-template="selectedCreateType === '1'"
             @change="emits('change-select-options', $event)"
             @change-count="emits('change-clone-count', $event)"
           />

package/components/common/vm/actions/add/Old.vue

@@ -75,7 +75,7 @@
               selectedStep.id === dynamicSteps.selectOptions ||
               selectedStep.id === dynamicSteps.selectOptionsForDeployment
             "
-            :is-create-template="selectedCreateType === '1'"
+            :is-new-vm-from-template="selectedCreateType === '1'"
             @change="emits('change-select-options', $event)"
             @change-count="emits('change-clone-count', $event)"
           />

package/components/common/vm/actions/clone/old/Old.vue

@@ -5,6 +5,7 @@
       :selected-scheme="props.selectedScheme"
       :title="props.title"
       :localization="localization"
+      test-id="clone-exist-vm"
       show
       @change-steps="emits('change-steps', $event)"
       @hide="emits('hide')"

package/components/common/vm/actions/common/customizeHardware/virtualHardware/New.vue

@@ -105,6 +105,7 @@
             :index="props.hardDisksIndex[key]"
             :type="props.hardDisksType[key]"
             :main-storage="props.storage"
+            :main-storage-free="props.storageFree"
             :error-validation-fields="props.errorValidationFields"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             :datastore="props.datastore"
@@ -117,12 +118,6 @@
               emits('remove-hard-disk', [props.hardDisksIndex[key], item])
             "
             @roll-back="emits('roll-back-hard-disk', props.hardDisksIndex[key])"
-            @send-data="
-              emits('send-data-new-hard-disk-method', [
-                $event,
-                props.hardDisksIndex[key],
-              ])
-            "
             @invalid="
               emits('set-invalid-hard-disk', [
                 $event,
@@ -266,30 +261,21 @@
         </div>
         <template v-if="props.passthroughDevices || props.mediatedDevices">
           <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device
-            v-for="(item, key) in props.pciDevices"
+            v-for="(item, key) in model.passthrough_pci_devices"
+            v-model:address="item.address"
+            v-model:vendor_name="item.vendor_name"
+            v-model:class_name="item.class_name"
+            v-model:device_name="item.device_name"
+            v-model:mediated_device="item.mediated_device"
+            v-model:mediated_device_uuid="item.mediated_device_uuid"
             :key="props.pciDevicesIndex[key]"
             :index="props.pciDevicesIndex[key]"
-            :pci-device="item"
-            :error-validation-fields="props.errorValidationFields"
             :passthrough-devices="props.passthroughDevices"
             :mediated-devices="props.mediatedDevices"
             :type="props.pciDevicesType[key]"
             :is-edit="props.isEdit"
             :state="props.state"
             @remove="emits('remove-pci-device', props.pciDevicesIndex[key])"
-            @send-data="
-              emits('send-data-pci-devices-method', [
-                $event,
-                props.pciDevicesIndex[key],
-              ])
-            "
-            @invalid="
-              emits('set-invalid-pci-device', [
-                $event,
-                props.pciDevicesIndex[key],
-              ])
-            "
-            @remove-error-by-title="emits('remove-error-by-title', $event)"
           />
         </template>
         <common-vm-actions-common-customize-hardware-virtual-hardware-video-card
@@ -374,6 +360,7 @@ const props = withDefaults(
     files: UI_I_FileTreeNode[]
     isEdit: boolean
     storage: UI_I_DatastoreTableItem | null
+    storageFree: number
     project: UI_T_Project
     maxMemory: number
     cpuModels: UI_I_OptionItem[]
@@ -397,7 +384,6 @@ const props = withDefaults(
     state?: string | number
     // hardDisks?: UI_I_SendDataNewHardDisk[] | null
     videoCard?: UI_I_SendDataVideoCard
-    pciDevices?: UI_I_SendDataNewPciDevice[]
     // cdDvdDrives?: UI_I_SendDataNewCdDvdDrive[] | null
     guestMachineType?: UI_I_OptionItem | null
     passthroughDevices?: UI_I_PciDevice[]
@@ -410,7 +396,6 @@ const props = withDefaults(
     cpu: undefined,
     state: undefined,
     videoCard: undefined,
-    pciDevices: undefined,
     guestMachineType: undefined,
     passthroughDevices: undefined,
     mediatedDevices: undefined,
@@ -439,16 +424,7 @@ const emits = defineEmits<{
   (event: 'set-invalid-hard-disk', value: [boolean, number]): void
   (event: 'remove-error-by-title', value: string): void
   (event: 'roll-back-cd-dvd-drive', value: number): void
-  (event: 'set-invalid-pci-device', value: [boolean, number]): void
   (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
-  (
-    event: 'send-data-pci-devices-method',
-    value: [UI_I_SendDataNewPciDevice, number]
-  ): void
-  (
-    event: 'send-data-new-hard-disk-method',
-    value: [UI_I_SendDataNewHardDisk, number]
-  ): void
   (
     event: 'send-data-new-cd-dvd-drive-method',
     value: [UI_I_SendDataNewCdDvdDrive, number]
@@ -473,7 +449,7 @@ const deviceCount = computed<number>(
     // (props.pciDevices?.length || 0) +
     (model.value.disk_devices?.length || 0) +
     (model.value.network_devices?.length || 0) +
-    (props.pciDevices?.length || 0) +
+    (model.value.passthrough_pci_devices?.length || 0) +
     6
 )
 const deviceCountText = computed<string>(() =>