bfg-common 1.5.774 → 1.5.775

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

@@ -1,104 +0,0 @@
-<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/backups/backupsNew/Skeleton.vue

@@ -1,136 +0,0 @@
-<template>
-  <div class="skeleton-page grid gap-3 p-4 h-inherit overflow-hidden">
-    <div class="left-content grid p-4">
-      <div class="flex justify-between gap-4 flex-wrap">
-        <ui-skeleton-item width="80" height="20" />
-        <ui-skeleton-item width="160" height="36" />
-      </div>
-      <div class="border-block flex flex-col py-3 px-4 my-4">
-        <ui-skeleton-item width="100%" height="20" />
-        <ui-skeleton-item width="50%" height="20" />
-        <ui-skeleton-item width="30%" height="20" />
-        <ui-skeleton-item width="70%" height="20" />
-        <ui-skeleton-item width="20%" height="20" />
-        <ui-skeleton-item width="50%" height="20" />
-        <ui-skeleton-item width="80%" height="20" />
-        <ui-skeleton-item width="70%" height="20" />
-        <ui-skeleton-item width="20%" height="20" />
-      </div>
-      <ui-skeleton-item width="96" height="20" class="ml-auto" />
-    </div>
-    <div class="right-content grid p-4">
-      <div class="flex justify-between gap-4 pr-4 flex-wrap top-container">
-        <ui-skeleton-item width="80" height="20" />
-        <div class="actions-block flex">
-          <ui-skeleton-item width="20" height="20" />
-          <div class="line-border"></div>
-          <ui-skeleton-item width="20" height="20" />
-          <div class="line-border"></div>
-          <ui-skeleton-item width="20" height="20" />
-        </div>
-      </div>
-      <div
-        ref="detailsScrollBlock"
-        :class="[
-          'details-block flex flex-col my-6',
-          { 'has-scroll': hasScroll },
-        ]"
-      >
-        <div
-          v-for="index in detailsItemsCount"
-          :key="index"
-          class="details-block-item flex p-3"
-        >
-          <ui-skeleton-item width="20" height="20" class="mr-[10px]" />
-          <ui-skeleton-item width="144" height="20" />
-          <ui-skeleton-item width="144" height="20" class="ml-auto" />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useTemplateRef } from 'vue'
-import { useElementSize } from '@vueuse/core'
-
-const detailsItemsCount = ref<number>(3)
-
-const detailsElement = useTemplateRef<HTMLDivElement>('detailsScrollBlock')
-const { height } = useElementSize(detailsElement)
-
-const hasScroll = computed<boolean>(
-  () =>
-    height.value &&
-    detailsElement.value?.scrollHeight > detailsElement.value?.clientHeight
-)
-</script>
-
-<style>
-:root {
-  --backups-left-skeleton-border-color: #e9ebed;
-  --backups-right-skeleton-action-line-border-color: #e9ebeda3;
-  --backups-right-skeleton-item-bg-color: #e9ebed66;
-}
-:root.dark-theme {
-  --backups-left-skeleton-border-color: #e9ebed1f;
-  --backups-right-skeleton-action-line-border-color: #e9ebed1f;
-  --backups-right-skeleton-item-bg-color: #e9ebed0f;
-}
-</style>
-
-<style scoped lang="scss">
-.skeleton-page {
-  grid-template-columns: repeat(2, calc(50% - 6px));
-
-  .left-content,
-  .right-content {
-    background-color: var(--backups-page-inner-block-bg);
-    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.0784313725);
-    border-radius: 8px;
-    grid-template-rows: max-content 1fr max-content;
-    overflow: hidden;
-  }
-  .border-block {
-    border: 1px solid var(--backups-left-skeleton-border-color);
-    border-radius: 8px;
-    grid-row-gap: 10px;
-    overflow: auto;
-
-    :deep(.skeleton-item) {
-      min-height: 20px;
-    }
-  }
-  .right-content {
-    padding-right: 0;
-
-    .top-container {
-      .actions-block {
-        grid-column-gap: 10px;
-
-        .line-border {
-          border: 1px solid
-            var(--backups-right-skeleton-action-line-border-color);
-        }
-      }
-    }
-    .details-block {
-      grid-row-gap: 10px;
-      overflow: auto;
-
-      &:not(.has-scroll) {
-        padding-right: 16px;
-      }
-
-      .details-block-item {
-        background-color: var(--backups-right-skeleton-item-bg-color);
-        border-radius: 6px;
-      }
-
-      :deep(.skeleton-item) {
-        min-height: 20px;
-      }
-    }
-  }
-}
-</style>

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

@@ -1,36 +0,0 @@
-export enum UI_E_DatastoreFileType {
-  FOLDER = 1,
-  FILE,
-  VIRTUAL_DISK,
-  VM_LOG_FILE,
-  NON_MEMORY_FILE,
-  ISO_IMAGE,
-  VIRTUAL_MACHINE,
-}
-
-export enum UI_E_FileNameOfType {
-  'Folder' = 1,
-  'File',
-  'Virtual Disk',
-  'VM Log File',
-  'Non-volatile Memory File',
-  'ISO Image',
-  'Virtual Machine',
-}
-
-export enum UI_E_FileIconsOfType {
-  'vsphere-icon-datastore',
-  'vsphere-icon-folder',
-  'icon-vSphere-dsFile',
-  'icon-vSphere-dsVmDisk',
-  'icon-vSphere-dsVmLog',
-  'icon-vSphere-dsVmNvram',
-  'icon-vSphere-dsIsoImage',
-  'vsphere-icon-vm',
-}
-
-export enum UI_E_FileProvisioningType {
-  thinProvision = 1,
-  thickProvisionLazyZeroed = 2,
-  thickProvisionEagerZeroed = 3,
-}

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

@@ -1,30 +0,0 @@
-<template>
-  <component :is="currentComponent" :expand-data="normalizedSchedulerDetails" />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
-import type { UI_I_ScheduleTableRowDetails } from '~/components/common/pages/scheduledTasks/table/lib/models/interfaces'
-import { detailsListFunc } from '~/components/common/pages/scheduledTasks/table/expandDetails/lib/config/expandDetails'
-
-const props = defineProps<{
-  data: UI_I_ScheduledTasksTableItem
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-
-const normalizedSchedulerDetails = computed<UI_I_ScheduleTableRowDetails[]>(
-  () => {
-    return detailsListFunc(props.data, localization.value)
-  }
-)
-</script>

package/components/common/pages/scheduledTasks/table/expandDetails/New.vue

@@ -1,61 +0,0 @@
-<template>
-  <div class="expand-details" />
-</template>
-
-<script lang="ts" setup>
-// import type { UI_I_DataTableBodyData } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-
-// const props = defineProps<{
-//   expandData: UI_I_DataTableBodyData[]
-// }>()
-
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-%properties {
-  @include flex($align: center);
-  font-family: 'Inter', sans-serif;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14.52px;
-}
-.expand-details {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  column-gap: 24px;
-  row-gap: 12px;
-  &__row {
-    display: contents;
-    height: 18px;
-  }
-  &__label {
-    @extend %properties;
-    color: #9da6ad;
-    text-transform: capitalize;
-
-    &.events {
-      height: 18px;
-    }
-  }
-  &__value {
-    @extend %properties;
-    color: var(--title-form-first-color);
-    &.disabled {
-      color: var(--table-disabled-btn);
-    }
-    .icon {
-      margin-right: 4px;
-    }
-  }
-  &__status {
-    @include flex($align: center);
-    .ui-chip {
-      width: max-content;
-    }
-  }
-  &__tooltip {
-    margin-left: 6px;
-  }
-}
-</style>

package/components/common/pages/tasks/table/lib/models/interfaces.ts

@@ -1,9 +0,0 @@
-import type { UI_T_AllTypeNodes } from '~/lib/models/types'
-import type { UI_I_TaskItem } from '~/lib/models/store/tasks/interfaces'
-
-export interface UI_I_TaskConfig {
-  iconFunc: (type: UI_T_AllTypeNodes) => string
-  idFunc: (task: UI_I_TaskItem<UI_T_AllTypeNodes>) => string
-  navFunc: (type: UI_T_AllTypeNodes) => string
-  typeFunc: (type: UI_T_AllTypeNodes) => string
-}

package/components/common/qr/Qr.vue

@@ -1,69 +0,0 @@
-<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/vm/snapshots/DetailView.vue

@@ -1,90 +0,0 @@
-<template>
-  <div class="detail-view overflow-auto py-0 px-6">
-    <table
-      v-if="detailData"
-      class="table table-noborder"
-      data-id="detail-view-table"
-    >
-      <tbody>
-        <tr>
-          <td class="left">{{ localization.common.name }}</td>
-          <td class="left snapshot-name-label" data-id="vm-snapshot-name">
-            {{ detailData.name }}
-          </td>
-        </tr>
-        <tr>
-          <td class="left">{{ localization.common.description }}</td>
-          <td
-            class="left snapshot-name-label"
-            data-id="vm-snapshot-description"
-          >
-            {{ detailData.description }}
-          </td>
-        </tr>
-        <tr>
-          <td class="left">{{ localization.snapshots.timestamp }}</td>
-          <td class="left snapshot-name-label" data-id="vm-snapshot-timestamp">
-            {{ detailData.timestamp }}
-          </td>
-        </tr>
-        <tr>
-          <td class="left">{{ localization.common.size }}</td>
-          <td class="left snapshot-name-label">{{ detailData.size }}</td>
-        </tr>
-        <tr>
-          <td class="left">
-            {{ localization.common.snapshotTheVirtualMachinesMemory }}
-          </td>
-          <td class="left snapshot-name-label" data-id="vm-snapshot-of-memory">
-            {{ detailData.snapshot_the_virtual_machines_memory }}
-          </td>
-        </tr>
-        <tr>
-          <td class="left">
-            {{ localization.common.quiesceGuestFileSystem }}
-          </td>
-          <td
-            class="left snapshot-name-label"
-            data-id="vm-snapshot-file-system"
-          >
-            {{ detailData.quiesce_guest_file_system }}
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SnapshotsDetails } from '~/store/inventory/modules/snapshots/lib/models/interfaces'
-
-const props = defineProps<{
-  detail: UI_I_SnapshotsDetails | null
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const detailData = ref<any | null>(null)
-watch(
-  () => props.detail,
-  (newValue) => {
-    if (!newValue) return
-
-    detailData.value = newValue
-  },
-  { immediate: true, deep: true }
-)
-</script>
-
-<style scoped lang="scss">
-.detail-view {
-  width: 50%;
-
-  .table {
-    .left:not(.snapshot-name-label) {
-      width: 320px;
-    }
-  }
-}
-</style>

package/components/common/vm/snapshots/Old.vue

@@ -1,71 +0,0 @@
-<template>
-  <div class="main-content-snapshots h-full overflow-hidden">
-    <common-vm-snapshots-tools
-      :snapshots-count="props.snapshotsTree.length"
-      :snapshots-loading="props.snapshotsLoading"
-      @select="emits('show-modal', $event)"
-    />
-
-    <atoms-loader-pre-loader
-      v-show="props.snapshotsLoading"
-      id="loader"
-      class="snapshots-loading w-full h-full flex items-center justify-center"
-      test-id="snapshots-tree-spinner"
-      show
-    />
-    <div class="fill-parent w-full h-full">
-      <div
-        v-if="props.snapshotsTree.length"
-        class="snapshot-view mt-1 flex w-full"
-      >
-        <common-tree-view
-          :loading="props.snapshotsLoading"
-          :nodes="props.snapshotsTree"
-          @select-node="emits('select-node', $event)"
-          @show-nodes="emits('show-nodes', $event)"
-        />
-        <common-vm-snapshots-detail-view :detail="props.detailData" />
-      </div>
-      <div v-else class="empty-block flex items-center justify-center w-full">
-        {{ localization.common.noSnapshotAvailable }}
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_I_SnapshotsDetails,
-  UI_I_SnapshotsTreeNode,
-} from '~/store/inventory/modules/snapshots/lib/models/interfaces'
-import type { UI_T_SnapshotActionType } from '~/components/common/vm/snapshots/lib/models/types'
-
-const props = defineProps<{
-  snapshotsTree: UI_I_SnapshotsTreeNode[]
-  snapshotsLoading: boolean
-  detailData: UI_I_SnapshotsDetails | null
-}>()
-
-const emits = defineEmits<{
-  (event: 'show-modal', value: UI_T_SnapshotActionType): void
-  (event: 'select-node', value: UI_I_SnapshotsTreeNode): void
-  (event: 'show-nodes', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.main-content-snapshots {
-  padding: 10px 5px 10px 0;
-
-  .fill-parent {
-    overflow: visible;
-
-    .snapshot-view {
-      height: 90%;
-    }
-  }
-}
-</style>

package/components/common/vm/snapshots/Snapshots.vue

@@ -1,82 +0,0 @@
-<template>
-  <component
-    :is="currentComponent"
-    :snapshots-tree="props.snapshotsTree"
-    :snapshots-loading="props.snapshotsLoading"
-    :detail-data="detailData"
-    @show-modal="onShowModal"
-    @select-node="onSelectNode"
-    @show-nodes="onShowNodes"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_SnapshotActionType } from '~/components/common/vm/snapshots/lib/models/types'
-import type {
-  UI_I_SnapshotsDetails,
-  UI_I_SnapshotsTreeNode,
-} from '~/store/inventory/modules/snapshots/lib/models/interfaces'
-
-const props = defineProps<{
-  snapshotsTree: UI_I_SnapshotsTreeNode
-  snapshotsLoading: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'select-node', value: UI_I_SnapshotsTreeNode): void
-  (event: 'show-nodes', value: string): void
-  (event: 'show-modal', value: UI_T_SnapshotActionType): void
-}>()
-
-const { $recursion, $store }: any = useNuxtApp()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./new/New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-
-const detailData = computed<UI_I_SnapshotsDetails | null>(() => {
-  const node: UI_I_SnapshotsTreeNode =
-    $recursion.find(props.snapshotsTree, true, 'isActive', 'nodes') || null
-
-  if (!node) return null
-
-  let snapshot_the_virtual_machines_memory = ''
-  let quiesce_guest_file_system = ''
-
-  if (isNewView.value) {
-    snapshot_the_virtual_machines_memory = node.memory?.enabled ? 'yes' : 'no'
-    quiesce_guest_file_system = node.quiesce_fs ? 'yes' : 'no'
-  } else {
-    snapshot_the_virtual_machines_memory = node.memory?.enabled
-      ? localization.value.common.yes
-      : localization.value.common.no
-    quiesce_guest_file_system = node.quiesce_fs
-      ? localization.value.common.yes
-      : localization.value.common.no
-  }
-
-  return {
-    ...node,
-    snapshot_the_virtual_machines_memory,
-    quiesce_guest_file_system,
-  }
-})
-const onSelectNode = (item: UI_I_SnapshotsTreeNode): void => {
-  emits('select-node', item.type === 'location' ? item.parent_id : item.id)
-}
-const onShowNodes = (id: string): void => {
-  emits('show-nodes', id)
-}
-
-const onShowModal = (action: UI_T_SnapshotActionType): void => {
-  emits('show-modal', action)
-}
-</script>
-
-<style scoped lang="scss"></style>

package/components/common/vm/snapshots/lib/models/interfaces.ts

@@ -1,5 +0,0 @@
-export interface UI_I_TakeEditSnapshot {
-  snapshot_id: number
-  name: string
-  description: string
-}