bfg-common 1.5.707 → 1.5.708

package/components/common/certificate/modals/renew/New.vue

@@ -1,64 +0,0 @@
-<template>
-  <div class="renew-refresh-certificate">
-    <common-modals-confirmation
-      :headline="title"
-      :description="description"
-      :test-id="props.testId"
-      :modal-texts="modalTexts"
-      :loading="props.loading"
-      @hide-modal="emits('hide')"
-      @confirm="emits('submit')"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_ModeModal } from '~/components/common/certificate/lib/models/types'
-
-const props = defineProps<{
-  mode: UI_T_ModeModal
-  hostName: string
-  testId: string
-  loading: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const modalTexts = computed<UI_I_ModalTexts>(() => ({
-  button1: localization.value.common.cancel,
-  button2:
-    localization.value.common[props.mode === 'renew' ? 'renew' : 'refresh'],
-}))
-
-const title = computed<string>(
-  () =>
-    localization.value.inventoryConfigure[
-      props.mode === 'renew'
-        ? 'renewCertificateConfirm'
-        : 'refreshCACertificatesConfirm'
-    ]
-)
-
-const description = computed<string>(() =>
-  localization.value.inventoryConfigure[
-    props.mode === 'renew'
-      ? 'renewCertificateConfirmDesc'
-      : 'refreshCACertificatesConfirmDesc'
-  ].replace('{0}', props.hostName)
-)
-</script>
-
-<style lang="scss" scoped>
-.renew-refresh-certificate {
-  :deep(.confirm-modal__content span:nth-child(2)) {
-    line-height: unset;
-  }
-}
-</style>

package/components/common/certificate/modals/renew/Old.vue

@@ -1,122 +0,0 @@
-<template>
-  <atoms-modal
-    :title="title"
-    :second-title="props.hostName"
-    :test-id="props.testId"
-    class="certificate-modal"
-    show
-    @hide="onHide"
-  >
-    <template #modalBody>
-      <form
-        id="certificate-renew-form"
-        data-id="certificate-renew-form"
-        class="pt-0"
-        @submit.prevent="onHide"
-      >
-        <section class="form-block flex-align-center m-0 flex">
-          <div class="icon-wrap">
-            <atoms-the-icon class="icon-warning" name="warning" />
-          </div>
-          <p>{{ description }}</p>
-        </section>
-      </form>
-    </template>
-    <template #modalFooter>
-      <button
-        id="certificate-renew-modal-close-button"
-        data-id="certificate-renew-modal-close-button"
-        class="btn btn-primary"
-        @click="onHide"
-      >
-        {{ localization.common.no }}
-      </button>
-      <button
-        id="certificate-renew-modal-apply-button"
-        :class="['btn btn-outline', props.loading && 'pending']"
-        data-id="certificate-renew-modal-apply-button"
-        @click="emits('submit')"
-      >
-        <atoms-loader-pre-loader
-          v-if="props.loading"
-          id="loader"
-          :show="props.loading"
-          class="absolute-center btn__loading flex"
-          test-id="certificate-renew-spinner"
-        />
-        <span v-else>
-          {{ localization.common.yes }}
-        </span>
-      </button>
-    </template>
-  </atoms-modal>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_ModeModal } from '~/components/common/certificate/lib/models/types'
-
-const props = defineProps<{
-  mode: UI_T_ModeModal
-  hostName: string
-  testId: string
-  loading: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const title = computed<string>(
-  () =>
-    localization.value.common[
-      props.mode === 'renew'
-        ? 'certificateRenewTitle'
-        : 'certificateRefreshTitle'
-    ]
-)
-
-const description = computed<string>(
-  () =>
-    localization.value.common[
-      props.mode === 'renew'
-        ? 'certificateRenewDescription'
-        : 'certificateRefreshDescription'
-    ]
-)
-
-const onHide = (): void => {
-  emits('hide')
-}
-</script>
-
-<style lang="scss" scoped>
-.certificate-modal {
-  form {
-    .form-block {
-      .icon-warning {
-        width: 48px;
-        margin-right: 20px;
-      }
-    }
-  }
-}
-
-.btn {
-  &.pending {
-    position: relative;
-    pointer-events: none;
-  }
-  &__loading {
-    :deep(.spinner) {
-      width: 25px;
-      height: 25px;
-      min-width: 25px;
-      min-height: 25px;
-    }
-  }
-}
-</style>

package/components/common/certificate/modals/renew/Renew.vue

@@ -1,67 +0,0 @@
-<template>
-  <component
-    :is="currentComponent"
-    :mode="props.mode"
-    :host-name="hostName"
-    :test-id="testId"
-    :loading="loading"
-    @hide="onHide"
-    @submit="onSubmit"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_T_ModeModal } from '~/components/common/certificate/lib/models/types'
-
-const props = defineProps<{
-  mode: UI_T_ModeModal
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'renew-certificate'): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-
-const hostName = location.hostname
-
-const loading = ref<boolean>(false)
-
-const testId = computed<string>(() =>
-  props.mode === 'renew'
-    ? 'certificate-renew-modal'
-    : 'certificate-refresh-modal'
-)
-
-const renewCertificate = (): void => {
-  emits('renew-certificate')
-}
-
-const refreshCertificate = (): void => {
-  console.log('It will be soon')
-}
-
-const onSubmit = (): void => {
-  loading.value = true
-
-  props.mode === 'renew' ? renewCertificate() : refreshCertificate()
-
-  loading.value = false
-
-  onHide()
-}
-
-const onHide = (): void => {
-  emits('hide')
-}
-</script>
-
-<style lang="scss" scoped></style>

package/components/common/pages/auth/TheFooter.vue

@@ -1,104 +0,0 @@
-<template>
-  <div
-    id="footer"
-    class="footer flex justify-between items-center fixed left-0 right-0 bottom-0"
-  >
-    <div class="content flex items-center gap-4">
-      <span class="company-info"
-        >{{ currentYear }} ©
-        <span class="company-name">{{ companyName }}</span></span
-      >
-
-      <span class="dote-divider">•</span>
-
-      <a
-        :href="supportLink"
-        data-id="support-link"
-        class="support-link"
-        target="_blank"
-      >
-        <ui-icon name="support" width="18" height="18" />
-        <span class="support-text">{{
-          localization.common.technicalSupport
-        }}</span></a
-      >
-    </div>
-
-    <div class="app-version-wrap flex-justify-end flex-align-center">
-      <span class="app-version"> {{ version }} </span>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const { version } = useAppVersion()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const currentYear = new Date().getFullYear()
-
-const config = useRuntimeConfig()
-
-const companyName = computed<string>(
-  () => config.public[`COMPANY_NAME_${useEnvLanguage()}`] as string
-)
-
-const supportLink = computed<string>(() => {
-  return config.public.SUPPORT_SITE
-})
-</script>
-
-<style scoped lang="scss">
-.footer {
-  position: fixed;
-  background-color: #e9ebed;
-  padding: 11px 44px;
-
-  .content {
-    .company-info {
-      font-size: 14px;
-      line-height: 18px;
-      color: #9da6ad;
-      font-weight: 400;
-
-      .company-name {
-        font-weight: 300;
-      }
-    }
-
-    .dote-divider {
-      color: #9da6ad;
-    }
-
-    .support-link {
-      display: inline-flex;
-      align-items: center;
-      gap: 8px;
-      color: #9da6ad;
-      text-decoration: none;
-      font-weight: 500;
-      font-size: 14px;
-      line-height: 18px;
-
-      &:hover {
-        color: #008fd6;
-      }
-
-      .support-text {
-        margin-top: 4px;
-      }
-    }
-  }
-
-  .app-version-wrap {
-    .app-version {
-      font-size: 14px;
-      line-height: 18px;
-      color: #9da6ad;
-      margin-right: 8px;
-    }
-  }
-}
-</style>

package/components/common/pages/files/lib/models/enums.ts

@@ -1,10 +0,0 @@
-export enum UI_E_DatastoreFileType {
-  UNKNOWN,
-  FOLDER,
-}
-
-export enum UI_E_FileProvisioningType {
-  thinProvision = 1,
-  thickProvisionLazyZeroed = 2,
-  thickProvisionEagerZeroed = 3,
-}

package/components/common/qr/Qr.vue

@@ -1,69 +0,0 @@
-<template>
-  <div class="qrcode">
-    <!--    <img v-if="qrDataUrl" :src="qrDataUrl" alt="QR Code" class="qr-image" />-->
-    <Qrcode
-      :value="props.qrCodeUrl"
-      :width="props.width"
-      :height="props.height"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-// import QRCode from 'qrcode'
-
-const props = withDefaults(
-  defineProps<{
-    qrCodeUrl: string
-    width?: string
-    height?: string
-  }>(),
-  {
-    width: '130',
-    height: '130',
-  }
-)
-
-// const qrDataUrl = ref<string>('')
-// const generateQRCode = async (): Promise<void> => {
-//   try {
-//     qrDataUrl.value = await QRCode.toDataURL(props.qrCodeUrl, {
-//       width: 150,
-//       margin: 2,
-//     })
-//   } catch (error) {
-//     console.error('Error generating QR code:', error)
-//   }
-// }
-//
-// watch(
-//   () => props.qrCodeUrl,
-//   (newValue) => {
-//     newValue && generateQRCode()
-//   },
-//   { immediate: true }
-// )
-</script>
-
-<style scoped lang="scss">
-//.qr-code-display {
-//  text-align: center;
-//  max-width: 400px;
-//  margin: 0 auto;
-//}
-//
-//.qr-wrapper {
-//  margin: 20px 0;
-//  padding: 20px;
-//  background: white;
-//  border-radius: 12px;
-//  border: 1px solid #e0e0e0;
-//  display: inline-block;
-//}
-//
-//.qr-canvas,
-//.qr-image {
-//  width: 150px;
-//  height: 150px;
-//}
-</style>

package/components/common/wizards/datastore/add/steps/nameAndDevice/advancedOptions/AdvancedOptions.vue

@@ -1,43 +0,0 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model="model"
-    :dev-names-count="props.devNamesCount"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
-
-const { $store }: any = useNuxtApp()
-
-const model = defineModel<UI_I_CreateDatastoreForm['level']>({ required: true })
-
-const props = defineProps<{
-  devNamesCount: number
-}>()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-
-watch(
-  () => props.devNamesCount,
-  (newValue) => {
-    if (newValue < 2) {
-      if (model.value !== 'linear') model.value = 'linear'
-    } else if (newValue < 3) {
-      if (!['linear', 'raid0', 'raid1'].includes(model.value))
-        model.value = 'linear'
-    } else if (newValue < 4) {
-      if (!['linear', 'raid0', 'raid1', 'raid5'].includes(model.value))
-        model.value = 'linear'
-    }
-  }
-)
-</script>
-
-<style scoped lang="scss"></style>

package/components/common/wizards/datastore/add/steps/nameAndDevice/advancedOptions/New.vue

@@ -1,114 +0,0 @@
-<template>
-  <div class="advanced-options-wrap clr-form-control">
-    <b
-      class="advanced-options-label btn btn-link"
-      @click="isShowAdvancedOptions = !isShowAdvancedOptions"
-    >
-      {{ localization.common.advancedOptions }}
-    </b>
-    <div v-show="isShowAdvancedOptions" class="advanced-options compact">
-      <div class="radio">
-        <input
-          v-model="model"
-          id="advanced-option-liner"
-          data-id="advanced-option-liner"
-          type="radio"
-          value="linear"
-        />
-        <label for="advanced-option-liner"> Linear </label>
-      </div>
-      <div :class="['radio', { disabled: props.devNamesCount < 2 }]">
-        <input
-          v-model="model"
-          id="advanced-option-raid0"
-          :disabled="props.devNamesCount < 2"
-          data-id="advanced-option-raid0"
-          type="radio"
-          value="raid0"
-        />
-        <label for="advanced-option-raid0"> Raid0 </label>
-      </div>
-      <div :class="['radio', { disabled: props.devNamesCount < 2 }]">
-        <input
-          v-model="model"
-          id="advanced-option-raid1"
-          :disabled="props.devNamesCount < 2"
-          data-id="advanced-option-raid1"
-          type="radio"
-          value="raid1"
-        />
-        <label for="advanced-option-raid1"> Raid1 </label>
-      </div>
-      <div :class="['radio', { disabled: props.devNamesCount < 3 }]">
-        <input
-          v-model="model"
-          id="advanced-option-raid5"
-          :disabled="props.devNamesCount < 3"
-          data-id="advanced-option-raid5"
-          type="radio"
-          value="raid5"
-        />
-        <label for="advanced-option-raid5"> Raid5 </label>
-      </div>
-      <div :class="['radio', { disabled: props.devNamesCount < 4 }]">
-        <input
-          v-model="model"
-          id="advanced-option-raid6"
-          :disabled="props.devNamesCount < 4"
-          data-id="advanced-option-raid6"
-          type="radio"
-          value="raid6"
-        />
-        <label for="advanced-option-raid6"> Raid6 </label>
-      </div>
-      <div :class="['radio', { disabled: props.devNamesCount < 4 }]">
-        <input
-          v-model="model"
-          id="advanced-option-raid10"
-          :disabled="props.devNamesCount < 4"
-          data-id="advanced-option-raid10"
-          type="radio"
-          value="raid10"
-        />
-        <label for="advanced-option-raid10"> Raid10 </label>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateDatastoreForm['level']>({ required: true })
-
-const props = defineProps<{
-  devNamesCount: number
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isShowAdvancedOptions = ref<boolean>(false)
-</script>
-
-<style scoped lang="scss">
-.advanced-options-wrap {
-  display: flex;
-  gap: 10px;
-
-  .advanced-options-label {
-    margin: 0;
-    padding: 0;
-    line-height: normal;
-    height: auto;
-  }
-
-  .radio {
-    margin-bottom: 5px;
-  }
-  input[type='radio']:focus:checked + label::before,
-  input[type='radio']:focus + label::before {
-    box-shadow: inset 0 0 0 0.25rem #0094d2;
-  }
-}
-</style>