bfg-common 1.5.723 → 1.5.725

package/components/common/layout/theHeader/helpMenu/about/Old.vue

@@ -0,0 +1,78 @@
+<template>
+  <atoms-modal :title="props.title" show width="864px" test-id="about-modal">
+    <template #modalHeader>
+      <div class="flex-align-center">
+        <h3 class="modal-title">{{ brandName }}® {{ props.projectName }}</h3>
+        <span class="separator" />
+        <h4 class="secondary-title">
+          {{ props.subtitle }}
+        </h4>
+      </div>
+      <button id="about-modal-button-close" class="close">
+        <atoms-the-icon
+          data-id="about-modal-button-close-icon"
+          class="close-icon"
+          name="close"
+          @click="() => emits('hide')"
+        />
+      </button>
+    </template>
+
+    <template #modalBody>
+      <div class="about-vsphere-dialog-legal-section">
+        <p>{{ props.aboutHeadingText }}</p>
+        <p>{{ localization.layout.aboutSubtitle }}</p>
+      </div>
+
+      <div class="about-vsphere-dialog-legal-section description">
+        {{ props.aboutDescOne
+        }}<a
+          id="about-description-link"
+          :href="url"
+          data-id="about-description-link"
+          target="_blank"
+          >{{ props.url }}</a
+        >{{ props.aboutDescSecond }}
+      </div>
+    </template>
+
+    <template #modalFooter>
+      <span></span>
+    </template>
+  </atoms-modal>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  title: string
+  subtitle: string
+  aboutHeadingText: string
+  aboutDescOne: string
+  aboutDescSecond: string
+  projectName: string
+  url: string
+}>()
+const emits = defineEmits<{
+  (event: 'hide'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const config = useRuntimeConfig()
+
+const brandName = computed<string>(
+  () => config.public[`TRADEMARK_${useEnvLanguage()}`]
+)
+</script>
+
+<style lang="scss" scoped>
+.modal-title {
+  color: var(--main-color-mode);
+}
+.description {
+  padding-top: 10px;
+  font-size: 13px;
+  line-height: 19px;
+}
+</style>

package/components/common/layout/theHeader/helpMenu/{helpMenuNew/HelpMenuNew.vue → new/New.vue}

@@ -83,7 +83,7 @@
 <script setup lang="ts">
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { helpMenuFunc } from '~/components/common/layout/theHeader/helpMenu/helpMenuNew/lib/config/dropMenu'
+import { helpMenuFunc } from '~/components/common/layout/theHeader/helpMenu/new/lib/config/dropMenu'
 
 const emits = defineEmits<{
   (event: 'select-dropdown', value: string): void

package/components/common/layout/theHeader/helpMenu/{helpMenuNew → new}/lib/config/dropMenu.ts

@@ -1,5 +1,5 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 export const helpMenuFunc = (
   localization: UI_I_Localization

package/components/common/layout/theHeader/helpMenu/{helpMenuOld/HelpMenuOld.vue → old/Old.vue}

@@ -15,8 +15,8 @@
 <script setup lang="ts">
 import type { UI_I_DropMenu } from '~/components/atoms/dropdown/dropdown/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_ActionTypeHelpMenu } from '~/components/common/layout/theHeader/helpMenu/helpMenuOld/lib/models/types'
-import { helpMenuFunc } from '~/components/common/layout/theHeader/helpMenu/helpMenuOld/lib/config/dropMenu'
+import type { UI_T_ActionTypeHelpMenu } from '~/components/common/layout/theHeader/helpMenu/old/lib/models/types'
+import { helpMenuFunc } from '~/components/common/layout/theHeader/helpMenu/old/lib/config/dropMenu'
 
 const emits = defineEmits<{
   (event: 'select-dropdown', value: string): void

package/components/common/layout/theHeader/helpMenu/{helpMenuOld → old}/lib/config/dropMenu.ts

@@ -1,6 +1,6 @@
 import type { UI_I_DropMenu } from '~/components/atoms/dropdown/dropdown/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_ActionTypeHelpMenu } from '~/components/common/layout/theHeader/helpMenu/helpMenuOld/lib/models/types'
+import type { UI_T_ActionTypeHelpMenu } from '~/components/common/layout/theHeader/helpMenu/old/lib/models/types'
 
 export const helpMenuFunc = (
   localization: UI_I_Localization

package/components/common/layout/theHeader/modals/reconnect/Reconnect.vue

@@ -1,14 +1,7 @@
 <template>
-  <common-layout-the-header-modals-reconnect-new
-    v-if="isNewView && isShow"
-    :title="title"
-    :timer="timer"
-    :total-time="totalTime"
-    @logout="onLogout"
-    @reconnect="onReconnect"
-  />
-  <common-layout-the-header-modals-reconnect-old
-    v-else-if="!isNewView && isShow"
+  <component
+    v-if="isShow"
+    :is="currentComponent"
     :title="title"
     :timer="timer"
     :total-time="totalTime"
@@ -25,6 +18,11 @@ const { $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.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
 
 const isShow = computed<boolean>(
   () => $store.getters['main/isShowReconnectModal']

package/components/common/layout/theHeader/userMenu/UserMenu.vue

@@ -1,11 +1,6 @@
 <template>
-  <common-layout-the-header-user-menu-user-menu-new
-    v-if="props.newView"
-    :hostname="props.hostname"
-    @select-dropdown="onSelectDropdown"
-  />
-  <common-layout-the-header-user-menu-user-menu-old
-    v-else
+  <component
+    :is="currentComponent"
     :hostname="props.hostname"
     @select-dropdown="onSelectDropdown"
   />
@@ -76,6 +71,12 @@ const emits = defineEmits<{
 
 const { $store }: any = useNuxtApp()
 
+const currentComponent = computed(() =>
+  props.newView
+    ? defineAsyncComponent(() => import('./new/New.vue'))
+    : defineAsyncComponent(() => import('./old/Old.vue'))
+)
+
 const isShowChangePasswordModal = ref<boolean>(false)
 
 const onLogout = async (): Promise<void> => {

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

@@ -81,6 +81,7 @@ const props = defineProps<{
   selectedLanguageType: UI_T_LangValue
   newView: boolean
   recovery: UI_I_Recovery | null // для Сферы
+  securityLoader: boolean // для warning console
 }>()
 const emits = defineEmits<{
   (event: 'hide'): void

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

@@ -108,8 +108,6 @@ const emits = defineEmits<{
   (event: 'submit'): void
 }>()
 
-// const { $store }: any = useNuxtApp()
-
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const isLoading = ref<boolean>(false)

package/components/common/layout/theHeader/userMenu/modals/preferences/Preferences.vue

@@ -1,25 +1,6 @@
 <template>
-  <common-layout-the-header-user-menu-modals-preferences-new
-    v-if="props.newView"
-    v-model:security="security"
-    v-model:new-view-local="newViewLocal"
-    v-model:time-format="timeFormat"
-    v-model:console-value="consoleValue"
-    v-model:vm-in-hosts-clusters="vmInHostsClusters"
-    :project="props.project"
-    :new-view="props.newView"
-    :selected-language-type="props.selectedLanguageType"
-    :selected-language="props.selectedLanguage"
-    :recovery="props.recovery"
-    @hide="emits('hide')"
-    @reset="emits('reset')"
-    @update-language="emits('update-language', $event)"
-    @update-is-browser="emits('update-is-browser', $event)"
-    @security-confirm="emits('security-confirm', $event)"
-    @submit="emits('submit')"
-  />
-  <common-layout-the-header-user-menu-modals-preferences-old
-    v-else
+  <component
+    :is="currentComponent"
     v-model:security="security"
     v-model:new-view-local="newViewLocal"
     v-model:time-format="timeFormat"
@@ -32,6 +13,7 @@
     :security-loader="props.securityLoader"
     :recovery="props.recovery"
     @hide="emits('hide')"
+    @reset="emits('reset')"
     @update-language="emits('update-language', $event)"
     @update-is-browser="emits('update-is-browser', $event)"
     @security-confirm="emits('security-confirm', $event)"
@@ -68,4 +50,10 @@ const emits = defineEmits<{
   (event: 'security-confirm', value: boolean): void
   (event: 'submit'): void
 }>()
+
+const currentComponent = computed(() =>
+  props.newView
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
 </script>

package/components/common/layout/theHeader/userMenu/modals/preferences/lib/models/types.ts

@@ -1,7 +1,7 @@
-export type UI_T_UserPreferenceTab =
-  | 'time-tab'
-  | 'language-tab'
-  | 'console-tab'
-  | 'inventory-tab'
-  | 'security-tab'
-  | 'view-tab'
+export type UI_T_UserPreferenceTab =
+  | 'time-tab'
+  | 'language-tab'
+  | 'console-tab'
+  | 'inventory-tab'
+  | 'security-tab'
+  | 'view-tab'

package/components/common/layout/theHeader/userMenu/{userMenuNew/UserMenuNew.vue → new/New.vue}

@@ -64,7 +64,7 @@
 <script setup lang="ts">
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { userMenuFunc } from '~/components/common/layout/theHeader/userMenu/userMenuNew/lib/config/dropMenu'
+import { userMenuFunc } from '~/components/common/layout/theHeader/userMenu/new/lib/config/dropMenu'
 
 const props = defineProps<{
   hostname: string

package/components/common/layout/theHeader/userMenu/{userMenuOld/UserMenuOld.vue → old/Old.vue}

@@ -12,8 +12,8 @@
 <script setup lang="ts">
 import type { UI_I_DropMenu } from '~/components/atoms/dropdown/dropdown/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_ActionTypeUserMenu } from '~/components/common/layout/theHeader/userMenu/userMenuOld/lib/models/types'
-import { accountMenuFunc } from '~/components/common/layout/theHeader/userMenu/userMenuOld/lib/config/dropMenu'
+import type { UI_T_ActionTypeUserMenu } from '~/components/common/layout/theHeader/userMenu/old/lib/models/types'
+import { accountMenuFunc } from '~/components/common/layout/theHeader/userMenu/old/lib/config/dropMenu'
 
 const props = defineProps<{
   hostname: string

package/components/common/layout/theHeader/userMenu/{userMenuOld → old}/lib/config/dropMenu.ts

@@ -1,6 +1,6 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_DropMenu } from '~/components/atoms/dropdown/dropdown/lib/models/interfaces'
-import type { UI_T_ActionTypeUserMenu } from '~/components/common/layout/theHeader/userMenu/userMenuOld/lib/models/types'
+import type { UI_T_ActionTypeUserMenu } from '~/components/common/layout/theHeader/userMenu/old/lib/models/types'
 
 export const accountMenuFunc = (
   localization: UI_I_Localization

package/components/common/pages/backups/DetailView.vue

@@ -1,52 +1,52 @@
-<template>
-  <div class="detail-view overflow-auto py-0 px-6">
-    <table v-if="detailData" class="table table-noborder">
-      <tbody>
-        <tr>
-          <td class="left">{{ localization.common.name }}</td>
-          <td class="left backup-name-label">{{ detailData.name }}</td>
-        </tr>
-        <tr>
-          <td class="left">{{ localization.common.description }}</td>
-          <td class="left backup-name-label">{{ detailData.description }}</td>
-        </tr>
-        <tr>
-          <td class="left">{{ localization.common.timestamp }}</td>
-          <td class="left backup-name-label">{{ detailData.timestamp }}</td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_BackupsTreeNode } from '~/components/common/pages/backups/lib/models/interfaces'
-
-const props = defineProps<{
-  detail: UI_I_BackupsTreeNode | null
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const detailData = ref<UI_I_BackupsTreeNode | null>(null)
-watch(
-  () => props.detail,
-  (newValue) => {
-    detailData.value = newValue
-  },
-  { immediate: true, deep: true }
-)
-</script>
-
-<style scoped lang="scss">
-.detail-view {
-  width: 50%;
-
-  .table {
-    .left:not(.backup-name-label) {
-      width: 320px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="detail-view overflow-auto py-0 px-6">
+    <table v-if="detailData" class="table table-noborder">
+      <tbody>
+        <tr>
+          <td class="left">{{ localization.common.name }}</td>
+          <td class="left backup-name-label">{{ detailData.name }}</td>
+        </tr>
+        <tr>
+          <td class="left">{{ localization.common.description }}</td>
+          <td class="left backup-name-label">{{ detailData.description }}</td>
+        </tr>
+        <tr>
+          <td class="left">{{ localization.common.timestamp }}</td>
+          <td class="left backup-name-label">{{ detailData.timestamp }}</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_BackupsTreeNode } from '~/components/common/pages/backups/lib/models/interfaces'
+
+const props = defineProps<{
+  detail: UI_I_BackupsTreeNode | null
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const detailData = ref<UI_I_BackupsTreeNode | null>(null)
+watch(
+  () => props.detail,
+  (newValue) => {
+    detailData.value = newValue
+  },
+  { immediate: true, deep: true }
+)
+</script>
+
+<style scoped lang="scss">
+.detail-view {
+  width: 50%;
+
+  .table {
+    .left:not(.backup-name-label) {
+      width: 320px;
+    }
+  }
+}
+</style>

package/components/common/pages/backups/lib/models/interfaces.ts

@@ -1,36 +1,36 @@
-import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
-import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
-import type { UI_T_BackupActionType } from '~/components/common/pages/backups/lib/models/types'
-
-export interface API_UI_I_Backup {
-  creation_time: number
-  creation_type: number
-  description: string
-  kind: number // TODO
-  msg: string
-  name: string
-  state: number // TODO
-  uuid: string
-  vm_name: string
-  vmid: string
-  storage_id: string
-  storage_name: string
-}
-
-export interface UI_I_Backup extends API_UI_I_Backup {}
-
-export interface UI_I_BackupsTreeNode
-  extends UI_I_TreeNode<UI_I_BackupsTreeNode> {
-  parent_id: string
-  timestamp: string
-  description: string
-}
-
-export interface UI_I_BackupAction {
-  action: UI_T_BackupActionType | ''
-  id?: string
-  name?: string
-  backupId?: string
-  bucketId?: string
-  storageId?: string
-}
+import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+import type { UI_T_BackupActionType } from '~/components/common/pages/backups/lib/models/types'
+
+export interface API_UI_I_Backup {
+  creation_time: number
+  creation_type: number
+  description: string
+  kind: number // TODO
+  msg: string
+  name: string
+  state: number // TODO
+  uuid: string
+  vm_name: string
+  vmid: string
+  storage_id: string
+  storage_name: string
+}
+
+export interface UI_I_Backup extends API_UI_I_Backup {}
+
+export interface UI_I_BackupsTreeNode
+  extends UI_I_TreeNode<UI_I_BackupsTreeNode> {
+  parent_id: string
+  timestamp: string
+  description: string
+}
+
+export interface UI_I_BackupAction {
+  action: UI_T_BackupActionType | ''
+  id?: string
+  name?: string
+  backupId?: string
+  bucketId?: string
+  storageId?: string
+}