bfg-common 1.5.812 → 1.5.813

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

@@ -1,116 +1,116 @@
-<template>
-  <component
-    :is="currentComponent"
-    :hostname="props.hostname"
-    @select-dropdown="onSelectDropdown"
-  />
-
-  <Teleport to="body">
-    <common-layout-the-header-user-menu-modals-change-password
-      v-if="isShowChangePasswordModal"
-      v-model="isShowChangePasswordModal"
-      :hostname="props.hostname"
-      :project="props.project"
-    />
-
-    <common-layout-the-header-user-menu-modals-preferences
-      v-if="props.isPreference"
-      v-model:security="security"
-      v-model:is-show-notification="isShowNotification"
-      v-model:new-view-local="newViewLocal"
-      v-model:time-format="timeFormat"
-      v-model:console-value="consoleValue"
-      v-model:vm-in-hosts-clusters="vmInHostsClusters"
-      :new-view="props.newView"
-      :selected-language-type="props.selectedLanguageType"
-      :selected-language="props.selectedLanguage"
-      :project="props.project"
-      :security-loader="props.securityLoader"
-      :recovery="props.recovery"
-      @hide="emits('hide-preference')"
-      @reset="emits('reset-preference')"
-      @update-language="emits('update-language', $event)"
-      @update-is-browser="emits('update-is-browser', $event)"
-      @security-confirm="emits('security-confirm', $event)"
-      @submit="emits('submit-preferences')"
-    />
-  </Teleport>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
-import type { UI_T_LangValue, UI_T_Project } from '~/lib/models/types'
-import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
-import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces'
-import { UI_E_TopNotificationActionId } from '~/components/common/layout/topNotification/lib/models/enums'
-
-const security = defineModel<boolean>('security')
-const isShowNotification = defineModel<boolean>('isShowNotification')
-const newViewLocal = defineModel<boolean>('newViewLocal')
-const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
-const consoleValue = defineModel<string>('consoleValue')
-const vmInHostsClusters = defineModel<boolean>('vmInHostsClusters')
-const isDarkTheme = defineModel<boolean>('isDarkTheme')
-
-const props = defineProps<{
-  hostname: string
-  project: UI_T_Project
-  isPreference: boolean
-  newView: boolean
-  selectedLanguageType: UI_T_LangValue
-  selectedLanguage: UI_I_Dropdown | string
-  securityLoader: boolean // для Сферы
-  recovery: UI_I_Recovery | null // для Сферы
-}>()
-const emits = defineEmits<{
-  (event: 'show-preference'): void
-  (event: 'reset-preference'): void
-  (event: 'hide-preference'): void
-  (event: 'update-language', value: UI_I_Dropdown): void
-  (event: 'update-is-browser', value: string): void
-  (event: 'security-confirm', value: boolean): void
-  (event: 'submit-preferences'): void
-}>()
-
-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> => {
-  await $store.dispatch('auth/A_LOGOUT', null)
-}
-
-const onSelectDropdown = (value: string): void => {
-  switch (value) {
-    case 'changePassword':
-      isShowChangePasswordModal.value = true
-      break
-    case 'preferences':
-      emits('show-preference')
-      break
-    case 'themeMode':
-      isDarkTheme.value = !isDarkTheme.value
-      break
-    case 'logout':
-      onLogout()
-      break
-  }
-}
-const topNotifications = computed<number>(
-  () => $store.getters['main/getTopNotificationActionId']
-)
-watch(topNotifications, (newValue) => {
-  if (newValue === UI_E_TopNotificationActionId.changePassword) {
-    isShowChangePasswordModal.value = true
-    $store.dispatch('main/A_SET_TOP_NOTIFICATION_ACTION_ID', -1)
-  }
-})
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <component
+    :is="currentComponent"
+    :hostname="props.hostname"
+    @select-dropdown="onSelectDropdown"
+  />
+
+  <Teleport to="body">
+    <common-layout-the-header-user-menu-modals-change-password
+      v-if="isShowChangePasswordModal"
+      v-model="isShowChangePasswordModal"
+      :hostname="props.hostname"
+      :project="props.project"
+    />
+
+    <common-layout-the-header-user-menu-modals-preferences
+      v-if="props.isPreference"
+      v-model:security="security"
+      v-model:is-show-notification="isShowNotification"
+      v-model:new-view-local="newViewLocal"
+      v-model:time-format="timeFormat"
+      v-model:console-value="consoleValue"
+      v-model:vm-in-hosts-clusters="vmInHostsClusters"
+      :new-view="props.newView"
+      :selected-language-type="props.selectedLanguageType"
+      :selected-language="props.selectedLanguage"
+      :project="props.project"
+      :security-loader="props.securityLoader"
+      :recovery="props.recovery"
+      @hide="emits('hide-preference')"
+      @reset="emits('reset-preference')"
+      @update-language="emits('update-language', $event)"
+      @update-is-browser="emits('update-is-browser', $event)"
+      @security-confirm="emits('security-confirm', $event)"
+      @submit="emits('submit-preferences')"
+    />
+  </Teleport>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_T_LangValue, UI_T_Project } from '~/lib/models/types'
+import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
+import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces'
+import { UI_E_TopNotificationActionId } from '~/components/common/layout/topNotification/lib/models/enums'
+
+const security = defineModel<boolean>('security')
+const isShowNotification = defineModel<boolean>('isShowNotification')
+const newViewLocal = defineModel<boolean>('newViewLocal')
+const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
+const consoleValue = defineModel<string>('consoleValue')
+const vmInHostsClusters = defineModel<boolean>('vmInHostsClusters')
+const isDarkTheme = defineModel<boolean>('isDarkTheme')
+
+const props = defineProps<{
+  hostname: string
+  project: UI_T_Project
+  isPreference: boolean
+  newView: boolean
+  selectedLanguageType: UI_T_LangValue
+  selectedLanguage: UI_I_Dropdown | string
+  securityLoader: boolean // для Сферы
+  recovery: UI_I_Recovery | null // для Сферы
+}>()
+const emits = defineEmits<{
+  (event: 'show-preference'): void
+  (event: 'reset-preference'): void
+  (event: 'hide-preference'): void
+  (event: 'update-language', value: UI_I_Dropdown): void
+  (event: 'update-is-browser', value: string): void
+  (event: 'security-confirm', value: boolean): void
+  (event: 'submit-preferences'): void
+}>()
+
+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> => {
+  await $store.dispatch('auth/A_LOGOUT', null)
+}
+
+const onSelectDropdown = (value: string): void => {
+  switch (value) {
+    case 'changePassword':
+      isShowChangePasswordModal.value = true
+      break
+    case 'preferences':
+      emits('show-preference')
+      break
+    case 'themeMode':
+      isDarkTheme.value = !isDarkTheme.value
+      break
+    case 'logout':
+      onLogout()
+      break
+  }
+}
+const topNotifications = computed<number>(
+  () => $store.getters['main/getTopNotificationActionId']
+)
+watch(topNotifications, (newValue) => {
+  if (newValue === UI_E_TopNotificationActionId.changePassword) {
+    isShowChangePasswordModal.value = true
+    $store.dispatch('main/A_SET_TOP_NOTIFICATION_ACTION_ID', -1)
+  }
+})
+</script>
+
+<style scoped lang="scss"></style>

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/topNotification/TopNotification.vue

@@ -1,37 +1,37 @@
-<template>
-  <div>
-    <ui-notification
-      v-if="topNotifications.length"
-      :notifications="topNotifications"
-      @action="onAction"
-      @remove="onRemove"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_NotificationItem } from '~/node_modules/bfg-uikit/components/ui/notification/lib/models/interfaces'
-
-const { $store }: any = useNuxtApp()
-
-const topNotifications = computed<UI_I_NotificationItem[]>(
-  () => $store.getters['main/getTopNotifications']
-)
-
-const onAction = (id: number): void => {
-  $store.dispatch('main/A_SET_TOP_NOTIFICATION_ACTION_ID', id)
-}
-const onRemove = (id: number): void => {
-  $store.dispatch('main/A_REMOVE_TOP_NOTIFICATIONS', [id])
-}
-</script>
-
-<style scoped lang="scss">
-:deep(.ui-notification) {
-  background-color: #fbce28;
-
-  svg path {
-    fill: #ffffff;
-  }
-}
-</style>
+<template>
+  <div>
+    <ui-notification
+      v-if="topNotifications.length"
+      :notifications="topNotifications"
+      @action="onAction"
+      @remove="onRemove"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_NotificationItem } from '~/node_modules/bfg-uikit/components/ui/notification/lib/models/interfaces'
+
+const { $store }: any = useNuxtApp()
+
+const topNotifications = computed<UI_I_NotificationItem[]>(
+  () => $store.getters['main/getTopNotifications']
+)
+
+const onAction = (id: number): void => {
+  $store.dispatch('main/A_SET_TOP_NOTIFICATION_ACTION_ID', id)
+}
+const onRemove = (id: number): void => {
+  $store.dispatch('main/A_REMOVE_TOP_NOTIFICATIONS', [id])
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.ui-notification) {
+  background-color: #fbce28;
+
+  svg path {
+    fill: #ffffff;
+  }
+}
+</style>

package/components/common/layout/topNotification/lib/models/enums.ts

@@ -1,3 +1,3 @@
-export const UI_E_TopNotificationActionId = {
-  changePassword: 0,
-}
+export const UI_E_TopNotificationActionId = {
+  changePassword: 0,
+}

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