bfg-common 1.5.773 → 1.5.775

package/components/common/certificate/Tools.vue

@@ -1,59 +0,0 @@
-<template>
-  <div class="certificate-headline">
-    <common-headline :headline="localization.common.certificate">
-      <template #action>
-        <atoms-tabs
-          :items="tabs"
-          test-id="certificate-tabs"
-          size="small"
-          @change="onShowModal"
-        />
-      </template>
-    </common-headline>
-  </div>
-
-  <common-certificate-modals-renew
-    v-if="isShowModal"
-    :mode="mode"
-    @hide="onHideModal"
-    @renew-certificate="emits('renew-certificate')"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type { UI_T_ModeModal } from '~/components/common/certificate/lib/models/types'
-import { certificateTabsFunc } from '~/components/common/certificate/lib/config/tabsPannel'
-
-const emits = defineEmits<{
-  (event: 'renew-certificate'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const tabs = computed<UI_I_CollapseNavItem[]>(() =>
-  certificateTabsFunc(localization.value)
-)
-
-const isShowModal = ref<boolean>(false)
-const mode = ref<UI_T_ModeModal>('renew')
-const onShowModal = (value: UI_T_ModeModal): void => {
-  mode.value = value
-  isShowModal.value = true
-}
-const onHideModal = (): void => {
-  isShowModal.value = false
-}
-</script>
-
-<style lang="scss" scoped>
-.certificate-headline {
-  :deep(.heading-block__actions) {
-    .nav {
-      margin-top: 0;
-      align-items: flex-start;
-    }
-  }
-}
-</style>

package/components/common/certificate/lib/config/tabsPannel.ts

@@ -1,22 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-
-export const certificateTabsFunc = (
-  localization: UI_I_Localization
-): UI_I_CollapseNavItem[] => {
-  return [
-    {
-      text: localization.common.renew,
-      value: 'renew',
-      disabled: false,
-      testId: 'certificate-renew',
-    },
-    {
-      text: localization.common.certificateRefreshTitle,
-      value: 'refreshCaCertificates',
-      disabled: true,
-      testId: 'certificate-refresh',
-      development: true,
-    },
-  ]
-}

package/components/common/certificate/lib/models/interfaces.ts

@@ -1,9 +0,0 @@
-export interface UI_API_I_Certificate {
-  subject: string
-  issuer: string
-  valid_from: string
-  valid_to: string
-  status: string
-}
-
-export interface UI_I_Certificate extends UI_API_I_Certificate {}

package/components/common/certificate/lib/models/types.ts

@@ -1 +0,0 @@
-export type UI_T_ModeModal = 'renew' | 'refreshCaCertificates'

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/layout/console/Console.vue

@@ -1,70 +0,0 @@
-<template>
-  <atoms-window
-    v-if="consoleInWindow?.isShow"
-    :top="consoleInWindow.top"
-    :left="consoleInWindow.left"
-    :width="consoleInWindow.width"
-    :height="consoleInWindow.height"
-    :title="consoleInWindow.name"
-    :loading="consoleInWindow.isLoading"
-    @hide="onHide"
-  >
-    <template #header>
-      <div class="flex-align-center gap-2 overflow-hidden">
-        <ui-icon name="monitor" width="16" height="16" class="monitor-icon" />
-        <span class="text-ellipsis">{{ consoleInWindow.name }}</span>
-      </div>
-    </template>
-    <embed
-      id="embed"
-      type="text/html"
-      width="100%"
-      height="100%"
-      :src="consoleInWindow.url"
-      @load="onLoad"
-    />
-  </atoms-window>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ConsoleInWindow } from '~/components/common/layout/console/lib/models/interfaces'
-
-const { $store }: any = useNuxtApp()
-
-const onLoad = (): void => {
-  $store.dispatch('main/A_CHANGE_CONSOLE_IN_WINDOW_LOADING', false)
-}
-
-const consoleInWindow = computed<UI_I_ConsoleInWindow | null>(() => {
-  return $store.getters['main/getConsoleInWindow']
-})
-watch(
-  consoleInWindow,
-  (newValue, oldValue) => {
-    if (newValue?.url === oldValue?.url) {
-      $store.dispatch('main/A_CHANGE_CONSOLE_IN_WINDOW_LOADING', false)
-    }
-  },
-  { deep: true }
-)
-
-const onHide = (): void => {
-  $store.dispatch('main/A_SHOW_CONSOLE_IN_WINDOW', {
-    width: -1,
-    height: -1,
-    top: -1,
-    left: -1,
-    name: '',
-    isShow: false,
-    isLoading: false,
-    url: '',
-  })
-}
-</script>
-
-<style scoped lang="scss">
-.monitor-icon {
-  min-width: 16px;
-  min-height: 16px;
-}
-</style>

package/components/common/layout/console/lib/models/interfaces.ts

@@ -1,10 +0,0 @@
-export interface UI_I_ConsoleInWindow {
-    width: number
-    height: number
-    top: number
-    left: number
-    name: string
-    isShow: boolean
-    isLoading: boolean
-    url: string
-}

package/components/common/layout/theHeader/helpMenu/about/Old.vue

@@ -1,78 +0,0 @@
-<template>
-  <atoms-modal :title="props.title" show width="864px" test-id="about-modal">
-    <template #modalHeader>
-      <div class="flex-align-center">
-        <h3 class="modal-title">{{ brandName }}® {{ props.projectName }}</h3>
-        <span class="separator" />
-        <h4 class="secondary-title">
-          {{ props.subtitle }}
-        </h4>
-      </div>
-      <button id="about-modal-button-close" class="close">
-        <atoms-the-icon
-          data-id="about-modal-button-close-icon"
-          class="close-icon"
-          name="close"
-          @click="() => emits('hide')"
-        />
-      </button>
-    </template>
-
-    <template #modalBody>
-      <div class="about-vsphere-dialog-legal-section">
-        <p>{{ props.aboutHeadingText }}</p>
-        <p>{{ localization.layout.aboutSubtitle }}</p>
-      </div>
-
-      <div class="about-vsphere-dialog-legal-section description">
-        {{ props.aboutDescOne
-        }}<a
-          id="about-description-link"
-          :href="url"
-          data-id="about-description-link"
-          target="_blank"
-          >{{ props.url }}</a
-        >{{ props.aboutDescSecond }}
-      </div>
-    </template>
-
-    <template #modalFooter>
-      <span></span>
-    </template>
-  </atoms-modal>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  title: string
-  subtitle: string
-  aboutHeadingText: string
-  aboutDescOne: string
-  aboutDescSecond: string
-  projectName: string
-  url: string
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const config = useRuntimeConfig()
-
-const brandName = computed<string>(
-  () => config.public[`TRADEMARK_${useEnvLanguage()}`]
-)
-</script>
-
-<style lang="scss" scoped>
-.modal-title {
-  color: var(--main-color-mode);
-}
-.description {
-  padding-top: 10px;
-  font-size: 13px;
-  line-height: 19px;
-}
-</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>