bfg-common 1.5.708 → 1.5.709

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/home/lib/models/interfaces.ts

@@ -1,48 +1,48 @@
-import type { UI_T_NodeType } from '~/components/common/pages/home/lib/models/types'
-import type { UI_I_Resources } from '~/components/common/resource/lib/models/interfaces'
-import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
-
-export interface UI_I_ZoneList extends UI_I_Option {}
-export interface UI_I_Hosts {
-  connected: number
-  disconnected: number
-  maintenance: number
-  total: number
-}
-
-export interface UI_I_Vms {
-  powered_on: number
-  powered_off: number
-  suspended: number
-  total: number
-}
-
-export interface UI_I_Alert {
-  item: string
-  type: UI_T_NodeType
-  id: number
-  alerts: number
-  warnings: number
-}
-
-export interface UI_I_Service {
-  id: number
-  item: string
-  statusIcon: string
-  statusText: string
-  version: string
-}
-
-export interface UI_I_HomeInfo {
-  resource_meter: UI_I_Resources[]
-  vms: UI_I_Vms
-  alerts: UI_I_Alert[]
-  services: UI_I_Service[]
-  hosts?: UI_I_Hosts
-}
-
-export interface UI_I_Card {
-  text: string
-  value: number
-  icon?: string
-}
+import type { UI_T_NodeType } from '~/components/common/pages/home/lib/models/types'
+import type { UI_I_Resources } from '~/components/common/resource/lib/models/interfaces'
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
+
+export interface UI_I_ZoneList extends UI_I_Option {}
+export interface UI_I_Hosts {
+  connected: number
+  disconnected: number
+  maintenance: number
+  total: number
+}
+
+export interface UI_I_Vms {
+  powered_on: number
+  powered_off: number
+  suspended: number
+  total: number
+}
+
+export interface UI_I_Alert {
+  item: string
+  type: UI_T_NodeType
+  id: number
+  alerts: number
+  warnings: number
+}
+
+export interface UI_I_Service {
+  id: number
+  item: string
+  statusIcon: string
+  statusText: string
+  version: string
+}
+
+export interface UI_I_HomeInfo {
+  resource_meter: UI_I_Resources[]
+  vms: UI_I_Vms
+  alerts: UI_I_Alert[]
+  services: UI_I_Service[]
+  hosts?: UI_I_Hosts
+}
+
+export interface UI_I_Card {
+  text: string
+  value: number
+  icon?: string
+}

package/components/common/pages/home/widgets/hosts/Hosts.vue

@@ -1,27 +1,27 @@
-<template>
-  <common-pages-home-widgets-hosts-new
-    v-if="isNewView"
-    :hosts="props.hosts"
-    :loading="props.loading"
-  />
-
-  <common-pages-home-widgets-hosts-old
-    v-else
-    :hosts="props.hosts"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Hosts } from '~/components/common/pages/home/lib/models/interfaces'
-
-const props = defineProps<{
-  hosts: UI_I_Hosts
-  loading: boolean
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-pages-home-widgets-hosts-new
+    v-if="isNewView"
+    :hosts="props.hosts"
+    :loading="props.loading"
+  />
+
+  <common-pages-home-widgets-hosts-old
+    v-else
+    :hosts="props.hosts"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Hosts } from '~/components/common/pages/home/lib/models/interfaces'
+
+const props = defineProps<{
+  hosts: UI_I_Hosts
+  loading: boolean
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/home/widgets/hosts/lib/config/items.ts

@@ -1,23 +1,23 @@
-import type {
-  UI_I_Card,
-  UI_I_Hosts,
-} from '~/components/common/pages/home/lib/models/interfaces'
-
-export const itemsFunc = (hosts: UI_I_Hosts): UI_I_Card[] => [
-  {
-    value: hosts.connected,
-    text: 'connected',
-    icon: 'vsphere-icon-Host_Connect',
-  },
-  {
-    value: hosts.disconnected,
-    text: 'disconnected',
-    icon: 'vsphere-icon-Host_Disconnect',
-  },
-
-  {
-    value: hosts.maintenance,
-    text: 'maintenance',
-    icon: 'vsphere-icon-host-maintenance',
-  },
-]
+import type {
+  UI_I_Card,
+  UI_I_Hosts,
+} from '~/components/common/pages/home/lib/models/interfaces'
+
+export const itemsFunc = (hosts: UI_I_Hosts): UI_I_Card[] => [
+  {
+    value: hosts.connected,
+    text: 'connected',
+    icon: 'vsphere-icon-Host_Connect',
+  },
+  {
+    value: hosts.disconnected,
+    text: 'disconnected',
+    icon: 'vsphere-icon-Host_Disconnect',
+  },
+
+  {
+    value: hosts.maintenance,
+    text: 'maintenance',
+    icon: 'vsphere-icon-host-maintenance',
+  },
+]

package/components/common/pages/home/widgets/vms/VmsOld.vue

@@ -1,35 +1,35 @@
-<template>
-  <div :class="classes">
-    <div class="entity-status">
-      <common-pages-home-card
-        :title="localization.common.vms"
-        :count="props.vms.total"
-        icon-name="vsphere-icon-vm"
-      >
-        <common-pages-home-status-content :items="props.vms" />
-      </common-pages-home-card>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Vms } from '~/components/common/pages/home/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-const props = defineProps<{
-  vms: UI_I_Vms
-  project?: UI_T_Project
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const classes = computed<string>(() => {
-  let classes = 'clr-col-md-6 clr-col-sm-12'
-  if (props.project === 'procurator') {
-    classes = 'clr-col-md-12 clr-col-sm-12'
-  }
-  return classes
-})
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div :class="classes">
+    <div class="entity-status">
+      <common-pages-home-card
+        :title="localization.common.vms"
+        :count="props.vms.total"
+        icon-name="vsphere-icon-vm"
+      >
+        <common-pages-home-status-content :items="props.vms" />
+      </common-pages-home-card>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Vms } from '~/components/common/pages/home/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+const props = defineProps<{
+  vms: UI_I_Vms
+  project?: UI_T_Project
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const classes = computed<string>(() => {
+  let classes = 'clr-col-md-6 clr-col-sm-12'
+  if (props.project === 'procurator') {
+    classes = 'clr-col-md-12 clr-col-sm-12'
+  }
+  return classes
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/home/widgets/vms/lib/config/items.ts

@@ -1,20 +1,20 @@
-import type {UI_I_Card, UI_I_Vms} from "~/components/common/pages/home/lib/models/interfaces";
-
-export const itemsFunc = (vms: UI_I_Vms): UI_I_Card[] => [
-  {
-    value: vms.powered_on,
-    text: 'powered_on',
-    icon: 'vsphere-icon-vm-on',
-  },
-  {
-    value: vms.powered_off,
-    text: 'powered_off',
-    icon: 'icon-vm-power-off',
-  },
-
-  {
-    value: vms.suspended,
-    text: 'suspended',
-    icon: 'vsphere-icon-vm-suspended',
-  },
+import type {UI_I_Card, UI_I_Vms} from "~/components/common/pages/home/lib/models/interfaces";
+
+export const itemsFunc = (vms: UI_I_Vms): UI_I_Card[] => [
+  {
+    value: vms.powered_on,
+    text: 'powered_on',
+    icon: 'vsphere-icon-vm-on',
+  },
+  {
+    value: vms.powered_off,
+    text: 'powered_off',
+    icon: 'icon-vm-power-off',
+  },
+
+  {
+    value: vms.suspended,
+    text: 'suspended',
+    icon: 'vsphere-icon-vm-suspended',
+  },
 ]

package/components/common/pages/scheduledTasks/lib/utils/utils.ts

@@ -1,84 +1,84 @@
-import type { UI_T_Project } from '~/lib/models/types'
-import type {
-  UI_I_Localization,
-  UI_I_SendTaskParams,
-} from '~/lib/models/interfaces'
-import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
-import { base64 } from '~/lib/utils/base64'
-import type {
-  UI_I_CreateScheduledTaskArgs,
-  UI_I_ScheduledTasksTableItem,
-} from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
-import type { UI_T_ScheduledTasksActionsType } from '~/components/common/pages/scheduledTasks/lib/models/types'
-
-export const defineScheduleTaskModalTitle = (
-  type: UI_T_ScheduledTasksActionsType,
-  isEdit: boolean
-): string => {
-  const localization: UI_I_Localization = useLocal()
-  const { scheduleNewTasks, scheduleTaskEdit } = localization.common
-
-  const typeTitleMap: Partial<Record<UI_T_ScheduledTasksActionsType, string>> =
-    {
-      'power-on': localization.common.powerOn,
-      'power-off': localization.common.powerOff,
-      'shut-down-guest-os': localization.common.shutDownGuestOs,
-      'restart-guest-os': localization.common.restartGuestOs,
-      suspend: localization.common.suspend,
-      reset: localization.common.reset,
-      'take-snapshot': localization.common.takeSnapshot,
-    }
-
-  const title = typeTitleMap[type]
-  const modalMode = isEdit ? scheduleTaskEdit : scheduleNewTasks
-
-  return `${modalMode} (${title})`
-}
-export const scheduledTasks = (
-  form: UI_I_ScheduleNewTasksForm,
-  args: UI_I_SendTaskParams,
-  target: string,
-  isEdit: boolean,
-  data: UI_I_ScheduledTasksTableItem,
-  project: UI_T_Project
-): UI_I_SendTaskParams => {
-  const methodArgs = {
-    method: args.method,
-    params: {
-      target: args.target,
-      args: args.args ? base64.encode(args.args) : '',
-    },
-  }
-
-  let method = ''
-  switch (project) {
-    case 'sphere':
-      method = isEdit
-        ? 'VirtualMachines.UpdateScheduledTask'
-        : 'VirtualMachines.CreateScheduledTask'
-      break
-    case 'procurator':
-      method = isEdit ? 'vm.update_sched_task' : 'vm.create_sched_task'
-      break
-  }
-
-  const taskArgs: UI_I_CreateScheduledTaskArgs = {
-    target,
-    name: form.task_name,
-    description: form.description,
-    toggle: form.toggle,
-    cron_2: form.cron,
-    notify_emails: form.ntfn_target,
-    args: base64.encode(methodArgs),
-    ...(isEdit && {
-      rid: data.rid,
-      last_modified: data.last_modified,
-    }),
-  }
-
-  return {
-    method,
-    target,
-    args: taskArgs,
-  }
-}
+import type { UI_T_Project } from '~/lib/models/types'
+import type {
+  UI_I_Localization,
+  UI_I_SendTaskParams,
+} from '~/lib/models/interfaces'
+import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
+import { base64 } from '~/lib/utils/base64'
+import type {
+  UI_I_CreateScheduledTaskArgs,
+  UI_I_ScheduledTasksTableItem,
+} from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
+import type { UI_T_ScheduledTasksActionsType } from '~/components/common/pages/scheduledTasks/lib/models/types'
+
+export const defineScheduleTaskModalTitle = (
+  type: UI_T_ScheduledTasksActionsType,
+  isEdit: boolean
+): string => {
+  const localization: UI_I_Localization = useLocal()
+  const { scheduleNewTasks, scheduleTaskEdit } = localization.common
+
+  const typeTitleMap: Partial<Record<UI_T_ScheduledTasksActionsType, string>> =
+    {
+      'power-on': localization.common.powerOn,
+      'power-off': localization.common.powerOff,
+      'shut-down-guest-os': localization.common.shutDownGuestOs,
+      'restart-guest-os': localization.common.restartGuestOs,
+      suspend: localization.common.suspend,
+      reset: localization.common.reset,
+      'take-snapshot': localization.common.takeSnapshot,
+    }
+
+  const title = typeTitleMap[type]
+  const modalMode = isEdit ? scheduleTaskEdit : scheduleNewTasks
+
+  return `${modalMode} (${title})`
+}
+export const scheduledTasks = (
+  form: UI_I_ScheduleNewTasksForm,
+  args: UI_I_SendTaskParams,
+  target: string,
+  isEdit: boolean,
+  data: UI_I_ScheduledTasksTableItem,
+  project: UI_T_Project
+): UI_I_SendTaskParams => {
+  const methodArgs = {
+    method: args.method,
+    params: {
+      target: args.target,
+      args: args.args ? base64.encode(args.args) : '',
+    },
+  }
+
+  let method = ''
+  switch (project) {
+    case 'sphere':
+      method = isEdit
+        ? 'VirtualMachines.UpdateScheduledTask'
+        : 'VirtualMachines.CreateScheduledTask'
+      break
+    case 'procurator':
+      method = isEdit ? 'vm.update_sched_task' : 'vm.create_sched_task'
+      break
+  }
+
+  const taskArgs: UI_I_CreateScheduledTaskArgs = {
+    target,
+    name: form.task_name,
+    description: form.description,
+    toggle: form.toggle,
+    cron_2: form.cron,
+    notify_emails: form.ntfn_target,
+    args: base64.encode(methodArgs),
+    ...(isEdit && {
+      rid: data.rid,
+      last_modified: data.last_modified,
+    }),
+  }
+
+  return {
+    method,
+    target,
+    args: taskArgs,
+  }
+}

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/readyToComplete/ReadyToComplete.vue

@@ -1,17 +1,17 @@
-<template>
-  <common-ready-to-complete-new v-if="isNewView" :data="props.data" />
-  <common-ready-to-complete-old v-else :data="props.data" />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
-
-const props = defineProps<{
-  data: UI_I_TableInfoItem[]
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-ready-to-complete-new v-if="isNewView" :data="props.data" />
+  <common-ready-to-complete-old v-else :data="props.data" />
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_TableInfoItem[]
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style lang="scss" scoped></style>