bfg-common 1.5.260 → 1.5.261

package/components/common/backup/storage/actions/add/steps/hostAccessibility/HostAccessibility.vue

@@ -1,52 +1,52 @@
-<template>
-  <common-backup-storage-actions-add-steps-host-accessibility-new
-    v-if="isNewView"
-    v-model="modelHostsLocal"
-    v-model:active-tab="activeTab"
-    :hosts="dataTable"
-    :tab-options="tabs"
-  />
-  <common-backup-storage-actions-add-steps-host-accessibility-old
-    v-else
-    v-model="modelHostsLocal"
-    v-model:active-tab="activeTab"
-    :hosts="dataTable"
-    :tab-options="tabs"
-    :alert-messages="props.alertMessages"
-    @hide-alert="(e) => emits('hide-alert', e)"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_HostsAccessibilityTab } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/lib/models/types'
-import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
-import { hostAccessibilityTabsFunc } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/lib/config/tabsPannel'
-
-const modelHostsLocal = defineModel<string[]>()
-const props = defineProps<{
-  alertMessages: string[]
-  hosts?: UI_I_CompatibleHosts
-}>()
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const activeTab = ref<UI_T_HostsAccessibilityTab>('compatible-hosts')
-const tabs = computed<UI_I_CollapseNavItem[]>(() =>
-  hostAccessibilityTabsFunc(localization.value, [
-    (props.hosts?.items?.length || 0) + '',
-    '0',
-  ])
-)
-
-const dataTable = computed<UI_I_CompatibleHosts>(() => props.hosts)
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-backup-storage-actions-add-steps-host-accessibility-new
+    v-if="isNewView"
+    v-model="modelHostsLocal"
+    v-model:active-tab="activeTab"
+    :hosts="dataTable"
+    :tab-options="tabs"
+  />
+  <common-backup-storage-actions-add-steps-host-accessibility-old
+    v-else
+    v-model="modelHostsLocal"
+    v-model:active-tab="activeTab"
+    :hosts="dataTable"
+    :tab-options="tabs"
+    :alert-messages="props.alertMessages"
+    @hide-alert="(e) => emits('hide-alert', e)"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_HostsAccessibilityTab } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/lib/models/types'
+import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
+import { hostAccessibilityTabsFunc } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/lib/config/tabsPannel'
+
+const modelHostsLocal = defineModel<string[]>()
+const props = defineProps<{
+  alertMessages: string[]
+  hosts?: UI_I_CompatibleHosts
+}>()
+const emits = defineEmits<{
+  (event: 'hide-alert', value: number): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const activeTab = ref<UI_T_HostsAccessibilityTab>('compatible-hosts')
+const tabs = computed<UI_I_CollapseNavItem[]>(() =>
+  hostAccessibilityTabsFunc(localization.value, [
+    (props.hosts?.items?.length || 0) + '',
+    '0',
+  ])
+)
+
+const dataTable = computed<UI_I_CompatibleHosts>(() => props.hosts)
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/backup/storage/actions/add/steps/name/New.vue

@@ -1,102 +1,102 @@
-<template>
-  <div class="name">
-    <div class="name__row row">
-      <div class="row__title">
-        <span class="row__title-text">
-          {{ localization.common.name }}
-        </span>
-      </div>
-      <div class="row__content">
-        <ui-input
-          id="name-selection-input"
-          v-model="formModelLocal.name"
-          test-id="name-selection-input"
-          :error="nameErrorText"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {
-  UI_I_Localization,
-  UI_I_ArbitraryObject,
-} from '~/lib/models/interfaces'
-import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
-
-const formModelLocal = defineModel<UI_I_CreateDatastoreForm>({ required: true })
-const props = defineProps<{
-  alertMessages: string[]
-  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const nameErrorText = computed<string>(() => {
-  if (!props.alertMessages?.length && props.messagesFields?.name?.field) {
-    return props.messagesFields.name.field
-  }
-  return ''
-})
-</script>
-
-<style lang="scss" scoped>
-.name {
-  display: flex;
-  flex-direction: column;
-  row-gap: 16px;
-  margin-top: 16px;
-
-  &__alert {
-    align-items: flex-start;
-  }
-
-  &__row {
-    width: 100%;
-    min-height: 36px;
-    display: flex;
-    align-items: center;
-    column-gap: 16px;
-    padding-bottom: 16px;
-  }
-  .row {
-    &__title {
-      padding-top: 8px;
-      max-width: 240px;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      column-gap: 8px;
-      color: var(--wizard-content-title);
-      font-weight: 400;
-      font-size: 13px;
-      line-height: 20px;
-      letter-spacing: 0;
-      vertical-align: middle;
-      align-self: flex-start;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-
-      &-text {
-        display: block;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-      }
-    }
-    &__content {
-      max-width: 480px;
-      width: 100%;
-      color: var(--wizard-content-value);
-      font-weight: 400;
-      font-size: 13px;
-      line-height: 20px;
-      letter-spacing: 0;
-      vertical-align: middle;
-    }
-  }
-}
-</style>
+<template>
+  <div class="name">
+    <div class="name__row row">
+      <div class="row__title">
+        <span class="row__title-text">
+          {{ localization.common.name }}
+        </span>
+      </div>
+      <div class="row__content">
+        <ui-input
+          id="name-selection-input"
+          v-model="formModelLocal.name"
+          test-id="name-selection-input"
+          :error="nameErrorText"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_Localization,
+  UI_I_ArbitraryObject,
+} from '~/lib/models/interfaces'
+import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
+
+const formModelLocal = defineModel<UI_I_CreateDatastoreForm>({ required: true })
+const props = defineProps<{
+  alertMessages: string[]
+  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const nameErrorText = computed<string>(() => {
+  if (!props.alertMessages?.length && props.messagesFields?.name?.field) {
+    return props.messagesFields.name.field
+  }
+  return ''
+})
+</script>
+
+<style lang="scss" scoped>
+.name {
+  display: flex;
+  flex-direction: column;
+  row-gap: 16px;
+  margin-top: 16px;
+
+  &__alert {
+    align-items: flex-start;
+  }
+
+  &__row {
+    width: 100%;
+    min-height: 36px;
+    display: flex;
+    align-items: center;
+    column-gap: 16px;
+    padding-bottom: 16px;
+  }
+  .row {
+    &__title {
+      padding-top: 8px;
+      max-width: 240px;
+      width: 100%;
+      display: flex;
+      align-items: center;
+      column-gap: 8px;
+      color: var(--wizard-content-title);
+      font-weight: 400;
+      font-size: 13px;
+      line-height: 20px;
+      letter-spacing: 0;
+      vertical-align: middle;
+      align-self: flex-start;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+
+      &-text {
+        display: block;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+    }
+    &__content {
+      max-width: 480px;
+      width: 100%;
+      color: var(--wizard-content-value);
+      font-weight: 400;
+      font-size: 13px;
+      line-height: 20px;
+      letter-spacing: 0;
+      vertical-align: middle;
+    }
+  }
+}
+</style>

package/components/common/backup/storage/actions/add/steps/nameAndConfigure/NameAndConfigure.vue

@@ -1,42 +1,42 @@
-<template>
-  <common-backup-storage-actions-add-steps-name-and-configure-new
-    v-if="isNewView"
-    v-model="formModel"
-    v-model:alert-info="isShowAlertInfo"
-    :alert-messages="props.alertMessages"
-    :messages-fields="props.messagesFields"
-  />
-
-  <common-backup-storage-actions-add-steps-name-and-configure-old
-    v-else
-    v-model="formModel"
-    v-model:alert-info="isShowAlertInfo"
-    :alert-messages="props.alertMessages"
-    :messages-fields="props.messagesFields"
-    @hide-alert="(e) => emits('hide-alert', e)"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
-
-const formModel = defineModel<UI_I_CreateDatastoreForm>({ required: true })
-const props = defineProps<{
-  project: UI_T_Project
-  alertMessages: string[]
-  messagesFields: UI_I_WizardStep['fields']
-}>()
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const isShowAlertInfo = ref<boolean>(true)
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-backup-storage-actions-add-steps-name-and-configure-new
+    v-if="isNewView"
+    v-model="formModel"
+    v-model:alert-info="isShowAlertInfo"
+    :alert-messages="props.alertMessages"
+    :messages-fields="props.messagesFields"
+  />
+
+  <common-backup-storage-actions-add-steps-name-and-configure-old
+    v-else
+    v-model="formModel"
+    v-model:alert-info="isShowAlertInfo"
+    :alert-messages="props.alertMessages"
+    :messages-fields="props.messagesFields"
+    @hide-alert="(e) => emits('hide-alert', e)"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
+
+const formModel = defineModel<UI_I_CreateDatastoreForm>({ required: true })
+const props = defineProps<{
+  project: UI_T_Project
+  alertMessages: string[]
+  messagesFields: UI_I_WizardStep['fields']
+}>()
+const emits = defineEmits<{
+  (event: 'hide-alert', value: number): void
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const isShowAlertInfo = ref<boolean>(true)
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/backup/storage/actions/add/steps/readyComplete/ReadyComplete.vue

@@ -1,45 +1,45 @@
-<template>
-  <common-backup-storage-actions-add-steps-ready-complete-new
-    v-if="isNewView"
-    :data-ready-view="dataReadyView"
-  />
-
-  <common-backup-storage-actions-add-steps-ready-complete-old
-    v-else
-    :data-ready-view="dataReadyView"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
-import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
-import { constructDataReadyViewFunc } from '~/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails'
-
-const props = defineProps<{
-  project: UI_T_Project
-  form: UI_I_CreateDatastoreForm
-  hosts: UI_I_CompatibleHosts
-  datastore: UI_I_DatastoreTableItem[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const dataReadyView = computed<UI_I_DetailsItem>(() =>
-  constructDataReadyViewFunc(
-    localization.value,
-    props.form,
-    props.project,
-    props.hosts,
-    props.datastore
-  )
-)
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-backup-storage-actions-add-steps-ready-complete-new
+    v-if="isNewView"
+    :data-ready-view="dataReadyView"
+  />
+
+  <common-backup-storage-actions-add-steps-ready-complete-old
+    v-else
+    :data-ready-view="dataReadyView"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
+import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
+import { constructDataReadyViewFunc } from '~/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails'
+
+const props = defineProps<{
+  project: UI_T_Project
+  form: UI_I_CreateDatastoreForm
+  hosts: UI_I_CompatibleHosts
+  datastore: UI_I_DatastoreTableItem[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const dataReadyView = computed<UI_I_DetailsItem>(() =>
+  constructDataReadyViewFunc(
+    localization.value,
+    props.form,
+    props.project,
+    props.hosts,
+    props.datastore
+  )
+)
+</script>
+
+<style lang="scss" scoped></style>