bfg-common 1.5.446 → 1.5.448

package/components/common/feedback/Buttons.vue

@@ -52,11 +52,12 @@
 </template>
 
 <script setup lang="ts">
+import type { UI_T_FeedbackType } from '~/components/common/feedback/lib/models/types'
 import type { UI_I_FeedbackButtonsItem } from './lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
-  select: number | null
+  select: UI_T_FeedbackType
   items: UI_I_FeedbackButtonsItem[]
 }>()
 const emits = defineEmits<{

package/components/common/layout/theHeader/helpMenu/About.vue

@@ -1,82 +1,82 @@
-<template>
-  <Teleport to="body">
-    <common-layout-the-header-help-menu-about-new
-      v-if="isNewView"
-      :title="title"
-      :subtitle="subtitle"
-      :about-heading-text="aboutHeadingText"
-      :about-desc-one="aboutDesc1"
-      :about-desc-second="aboutDesc2"
-      :project-name="props.projectName"
-      :url="companyWebSitePath"
-      @hide="emits('hide')"
-    />
-
-    <common-layout-the-header-help-menu-about-old
-      v-else
-      :title="title"
-      :subtitle="subtitle"
-      :about-heading-text="aboutHeadingText"
-      :about-desc-one="aboutDesc1"
-      :about-desc-second="aboutDesc2"
-      :project-name="props.projectName"
-      :url="companyWebSitePath"
-      @hide="emits('hide')"
-    />
-  </Teleport>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  version: string
-  projectName: string
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
-const config = useRuntimeConfig()
-
-const companyName = computed<string>(
-  () => config.public[`COMPANY_NAME_${useEnvLanguage()}`]
-)
-const brandName = computed<string>(
-  () => config.public[`TRADEMARK_${useEnvLanguage()}`]
-)
-
-const companyWebSitePath = ref<string>('https://iridium-soft.com/')
-
-const title = computed<string>(() => `${brandName.value}® ${props.projectName}`)
-const subtitle = computed<string>(() =>
-  localization.value.layout.aboutWebClientVersion
-    .replace('{0}', props.projectName)
-    .replace('{1}', props.version)
-)
-
-const aboutHeadingText = computed<string>(() =>
-  localization.value.layout.aboutHeading.replace(
-    '{companyName}',
-    companyName.value
-  ).replace(
-    '{year}',
-      new Date().getFullYear() + ''
-  )
-)
-
-const aboutDesc1 = computed<string>(() =>
-  localization.value.layout.aboutDesc1
-    .replaceAll('{companyName}', companyName.value)
-    .replaceAll('{trademark}', brandName.value)
-)
-const aboutDesc2 = computed<string>(() =>
-  localization.value.layout.aboutDesc2
-    .replaceAll('{companyName}', companyName.value)
-    .replaceAll('{trademark}', brandName.value)
-)
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
+<template>
+  <Teleport to="body">
+    <common-layout-the-header-help-menu-about-new
+      v-if="isNewView"
+      :title="title"
+      :subtitle="subtitle"
+      :about-heading-text="aboutHeadingText"
+      :about-desc-one="aboutDesc1"
+      :about-desc-second="aboutDesc2"
+      :project-name="props.projectName"
+      :url="companyWebSitePath"
+      @hide="emits('hide')"
+    />
+
+    <common-layout-the-header-help-menu-about-old
+      v-else
+      :title="title"
+      :subtitle="subtitle"
+      :about-heading-text="aboutHeadingText"
+      :about-desc-one="aboutDesc1"
+      :about-desc-second="aboutDesc2"
+      :project-name="props.projectName"
+      :url="companyWebSitePath"
+      @hide="emits('hide')"
+    />
+  </Teleport>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  version: string
+  projectName: string
+}>()
+const emits = defineEmits<{
+  (event: 'hide'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
+const config = useRuntimeConfig()
+
+const companyName = computed<string>(
+  () => config.public[`COMPANY_NAME_${useEnvLanguage()}`]
+)
+const brandName = computed<string>(
+  () => config.public[`TRADEMARK_${useEnvLanguage()}`]
+)
+
+const companyWebSitePath = ref<string>('https://iridium-soft.com/')
+
+const title = computed<string>(() => `${brandName.value}® ${props.projectName}`)
+const subtitle = computed<string>(() =>
+  localization.value.layout.aboutWebClientVersion
+    .replace('{0}', props.projectName)
+    .replace('{1}', props.version)
+)
+
+const aboutHeadingText = computed<string>(() =>
+  localization.value.layout.aboutHeading.replace(
+    '{companyName}',
+    companyName.value
+  ).replace(
+    '{year}',
+      new Date().getFullYear() + ''
+  )
+)
+
+const aboutDesc1 = computed<string>(() =>
+  localization.value.layout.aboutDesc1
+    .replaceAll('{companyName}', companyName.value)
+    .replaceAll('{trademark}', brandName.value)
+)
+const aboutDesc2 = computed<string>(() =>
+  localization.value.layout.aboutDesc2
+    .replaceAll('{companyName}', companyName.value)
+    .replaceAll('{trademark}', brandName.value)
+)
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>

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

@@ -1,7 +1,6 @@
 <template>
   <common-layout-the-header-modals-reconnect-new
-    v-if="isNewView"
-    :is-show="isShow"
+    v-if="isNewView && isShow"
     :title="title"
     :timer="timer"
     :total-time="totalTime"
@@ -9,8 +8,7 @@
     @reconnect="onReconnect"
   />
   <common-layout-the-header-modals-reconnect-old
-    v-else
-    :is-show="isShow"
+    v-else-if="!isNewView && isShow"
     :title="title"
     :timer="timer"
     :total-time="totalTime"

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

@@ -1,11 +1,11 @@
 <template>
   <ui-modal
-    :show="props.isShow"
     :title="props.title"
     :texts="modalTexts"
     test-id="reconnect-modal"
     size="sm"
     width="560px"
+    show
     @hide="emits('logout')"
     @submit="emits('reconnect')"
   >
@@ -36,7 +36,6 @@ import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/mod
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
-  isShow: boolean
   title: string
   timer: NodeJS.Timer | null
   totalTime: number

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

@@ -1,11 +1,11 @@
 <template>
   <atoms-modal
-    :show="props.isShow"
     :title="props.title"
     test-id="connection-timeout-reconnect-modal"
     width="580px"
     class="connection-timeout"
     is-hide-close-icon
+    show
   >
     <template #modalBody>
       <div class="connection-timeout__body">
@@ -43,7 +43,6 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
-  isShow: boolean
   title: string
   timer: NodeJS.Timer | null
   totalTime: number

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

@@ -54,7 +54,7 @@ const props = defineProps<{
   newViewLocal: boolean
   timeFormat: UI_T_TimeValue
   selectedLanguageType: UI_T_LangValue
-  selectedLanguage: UI_I_Dropdown
+  selectedLanguage: UI_I_Dropdown | string
   remoteConsole: string
   vmCluster: boolean
 }>()

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

@@ -51,7 +51,7 @@ const props = defineProps<{
   newView: boolean
   newViewLocal: boolean
   selectedLanguageType: UI_T_LangValue
-  selectedLanguage: UI_I_Dropdown
+  selectedLanguage: UI_I_Dropdown | string
   remoteConsole: string
   vmCluster: boolean
 }>()

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

@@ -88,6 +88,7 @@ const props = defineProps<{
   selectedLanguage: UI_T_LangValue
   selectedLanguageType: UI_T_LangValue
   newView: boolean
+  newViewLocal: boolean
   remoteConsole: string
   vmCluster: boolean
 }>()

package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguage.vue

@@ -36,7 +36,7 @@ import { defineBrowserLangFunc } from '~/components/common/layout/theHeader/lib/
 const props = defineProps<{
   newView: boolean
   selectedType: UI_T_LangValue
-  selectedLanguage: UI_I_Dropdown
+  selectedLanguage: UI_I_Dropdown | UI_T_LangValue
 }>()
 
 const emits = defineEmits<{
@@ -62,7 +62,9 @@ const languageMode = ref<UI_T_SelectedRadio>(
   UI_E_DetectSelectedRadio[props.selectedType]
 )
 
-const selectedLanguageLocal = ref<UI_I_Dropdown>(props.selectedLanguage)
+const selectedLanguageLocal = ref<UI_I_Dropdown | UI_T_LangValue>(
+  props.selectedLanguage
+)
 
 const setPreferenceLang = (language: string): void => {
   let currentLang = language

package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguageOld.vue

@@ -36,11 +36,12 @@
 
 <script setup lang="ts">
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_T_LangValue } from '~/lib/models/types'
 import type { UI_T_SelectedRadio } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/types'
 import type { UI_I_RadioItemLang } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/interfaces'
 
 const props = defineProps<{
-  selectedLanguage: UI_I_Dropdown
+  selectedLanguage: UI_T_LangValue
   description: string
   radioOptions: UI_I_RadioItemLang[]
   languageMode: UI_T_SelectedRadio
@@ -48,17 +49,17 @@ const props = defineProps<{
 }>()
 
 const emits = defineEmits<{
-  (event: 'update-language', value: UI_I_Dropdown): void
+  (event: 'update-language', value: UI_T_LangValue): void
   (event: 'update-is-browser', value: string): void
 }>()
 
 // const config = useRuntimeConfig()
 
-const selectedLanguageLocal = computed<UI_I_Dropdown>({
+const selectedLanguageLocal = computed<UI_T_LangValue>({
   get() {
     return props.selectedLanguage
   },
-  set(newValue: UI_I_Dropdown) {
+  set(newValue: UI_T_LangValue) {
     emits('update-language', newValue)
   },
 })

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

@@ -1,102 +1,102 @@
-<template>
-  <div class="main-content-backups h-full overflow-hidden">
-    <common-pages-backups-tools
-      :project="props.project"
-      :backups-count="backupsTree.length"
-      :backups-loading="backupsLoading"
-      :selected-node="selectedNode"
-      :target-type="typeFromRoute"
-      @select="onShowModal"
-    />
-
-    <atoms-loader-pre-loader
-      v-show="backupsLoading"
-      id="loader"
-      :show="true"
-      class="backups-loading w-full h-full flex items-center justify-center"
-      test-id="backups-tree-spinner"
-    />
-    <div class="fill-parent w-full h-full">
-      <div v-if="backupsTree.length" class="backup-view mt-1 flex w-full">
-        <common-tree-view
-          :loading="backupsLoading"
-          :nodes="backupsTree"
-          @select-node="onSelectNode"
-          @show-nodes="onShowNodes"
-        />
-        <common-pages-backups-detail-view :detail="detailData" />
-      </div>
-      <div v-else class="empty-block flex justify-center items-center w-full">
-        {{ localization.common.noBackupAvailable }}
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_T_TargetType,
-  UI_T_BackupActionType,
-} from '~/components/common/pages/backups/lib/models/types'
-import type {
-  UI_I_Backup,
-  UI_I_BackupsTreeNode,
-} from '~/components/common/pages/backups/lib/models/interfaces'
-
-const props = defineProps<{
-  project: UI_T_Project
-  backups: UI_I_Backup[]
-  backupsTree: UI_I_BackupsTreeNode[]
-  backupsLoading: boolean
-  selectedNode: UI_I_BackupsTreeNode
-}>()
-const emits = defineEmits<{
-  (event: 'select-node', value: string | number): void
-  (event: 'show-nodes', value: string | number): void
-  (event: 'set-action', value: UI_T_BackupActionType): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $recursion }: any = useNuxtApp()
-
-const typeFromRoute = computed<UI_T_TargetType>(
-  () => useRoute().params.type.toString() as UI_T_TargetType
-)
-
-const detailData = computed<UI_I_BackupsTreeNode | null>(() => {
-  const node =
-    $recursion.find(props.backupsTree, true, 'isActive', 'nodes') || null
-  return node?.type === 'backup' ? node : null
-})
-
-const onSelectNode = (item: UI_I_BackupsTreeNode): void => {
-  emits('select-node', item.id)
-  if (item.type === 'group') {
-    onShowNodes(item.id.toString())
-  }
-}
-const onShowNodes = (id: string | number): void => {
-  emits('show-nodes', id)
-}
-
-const onShowModal = (action: UI_T_BackupActionType): void => {
-  emits('set-action', action)
-}
-</script>
-
-<style scoped lang="scss">
-.main-content-backups {
-  padding: 10px 5px 10px 0;
-
-  .fill-parent {
-    overflow: visible;
-
-    .backup-view {
-      // TODO fix
-      height: calc(90% - 24px);
-    }
-  }
-}
-</style>
+<template>
+  <div class="main-content-backups h-full overflow-hidden">
+    <common-pages-backups-tools
+      :project="props.project"
+      :backups-count="backupsTree.length"
+      :backups-loading="backupsLoading"
+      :selected-node="selectedNode"
+      :target-type="typeFromRoute"
+      @select="onShowModal"
+    />
+
+    <atoms-loader-pre-loader
+      v-show="backupsLoading"
+      id="loader"
+      :show="true"
+      class="backups-loading w-full h-full flex items-center justify-center"
+      test-id="backups-tree-spinner"
+    />
+    <div class="fill-parent w-full h-full">
+      <div v-if="backupsTree.length" class="backup-view mt-1 flex w-full">
+        <common-tree-view
+          :loading="backupsLoading"
+          :nodes="backupsTree"
+          @select-node="onSelectNode"
+          @show-nodes="onShowNodes"
+        />
+        <common-pages-backups-detail-view :detail="detailData" />
+      </div>
+      <div v-else class="empty-block flex justify-center items-center w-full">
+        {{ localization.common.noBackupAvailable }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_T_TargetType,
+  UI_T_BackupActionType,
+} from '~/components/common/pages/backups/lib/models/types'
+import type {
+  UI_I_Backup,
+  UI_I_BackupsTreeNode,
+} from '~/components/common/pages/backups/lib/models/interfaces'
+
+const props = defineProps<{
+  project: UI_T_Project
+  backups: UI_I_Backup[]
+  backupsTree: UI_I_BackupsTreeNode[]
+  backupsLoading: boolean
+  selectedNode: UI_I_BackupsTreeNode
+}>()
+const emits = defineEmits<{
+  (event: 'select-node', value: string | number): void
+  (event: 'show-nodes', value: string | number): void
+  (event: 'set-action', value: UI_T_BackupActionType): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $recursion }: any = useNuxtApp()
+
+const typeFromRoute = computed<UI_T_TargetType>(
+  () => useRoute().params.type.toString() as UI_T_TargetType
+)
+
+const detailData = computed<UI_I_BackupsTreeNode | null>(() => {
+  const node =
+    $recursion.find(props.backupsTree, true, 'isActive', 'nodes') || null
+  return node?.type === 'backup' ? node : null
+})
+
+const onSelectNode = (item: UI_I_BackupsTreeNode): void => {
+  emits('select-node', item.id)
+  if (item.type === 'group') {
+    onShowNodes(item.id.toString())
+  }
+}
+const onShowNodes = (id: string | number): void => {
+  emits('show-nodes', id)
+}
+
+const onShowModal = (action: UI_T_BackupActionType): void => {
+  emits('set-action', action)
+}
+</script>
+
+<style scoped lang="scss">
+.main-content-backups {
+  padding: 10px 5px 10px 0;
+
+  .fill-parent {
+    overflow: visible;
+
+    .backup-view {
+      // TODO fix
+      height: calc(90% - 24px);
+    }
+  }
+}
+</style>

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>