bfg-common 1.5.723 → 1.5.724

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/{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
+}