bfg-common 1.4.353 → 1.4.355

package/lib/models/interfaces.ts

@@ -38,7 +38,6 @@ export interface UI_I_Localization {
   zabbix: UI_I_ArbitraryObject<string>
   remoteConsole: UI_I_ArbitraryObject<string>
   vmWizard: UI_I_ArbitraryObject<string>
-  feedback: UI_I_ArbitraryObject<string>
 }
 export interface UI_I_SendTaskParams {
   method: string

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.353",
+  "version": "1.4.355",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",
@@ -35,7 +35,7 @@
     "@vueuse/components": "^10.1.2",
     "date-fns": "^2.29.3",
     "bfg-nuxt-3-graph": "1.0.15",
-    "bfg-uikit": "1.0.152",
+    "bfg-uikit": "1.0.155",
     "html2canvas": "^1.4.1",
     "prettier-eslint": "^15.0.1"
   }

package/components/common/layout/theHeader/feedback/lib/config/sendFeedback.ts

@@ -1,9 +0,0 @@
-import type { UI_I_FeedbackForm } from '~/components/common/feedback/lib/models/interfaces'
-export const feedbackDefaultFormFunc = (): UI_I_FeedbackForm => {
-  return {
-    description: '',
-    type: 0,
-    email: '',
-    image: '', // base64
-  }
-}

package/components/common/layout/theHeader/feedback/new/New.vue

@@ -1,131 +0,0 @@
-<template>
-  <Teleport to="body">
-    <ui-modal
-      show
-      width="560px"
-      test-id="feedback-modal"
-      :title="localization.common.sendFeedback"
-      class="feedback"
-      @hide="onHideModal"
-    >
-      <template #content>
-        <ui-modal-block-standard>
-          <common-layout-the-header-feedback-new-subtitle />
-
-          <common-layout-the-header-feedback-new-tabs
-            v-model="selectedTab"
-            class="metrics-tabs"
-          />
-
-          <div
-            v-if="selectedTab === 'light-bulb'"
-            class="feedback__visit-portal"
-          >
-            {{ localization.common.useOurExternalIdeasPortal }}
-          </div>
-
-          <template v-else>
-            <common-layout-the-header-feedback-new-description
-              v-model="feedbackForm.description"
-              v-model:is-valid="isValidForm"
-              :selected-tab="selectedTab"
-            />
-
-            <common-layout-the-header-feedback-new-email
-              v-model="feedbackForm.email"
-            />
-
-            <common-layout-the-header-feedback-new-additional-details />
-          </template>
-        </ui-modal-block-standard>
-      </template>
-
-      <template #footerLeftContent><span /></template>
-
-      <template #footerContent>
-        <div class="flex gap-4">
-          <ui-button
-            v-if="selectedTab !== 'light-bulb'"
-            test-id="feedback-modal-hide-btn"
-            size="md"
-            variant="outline"
-            min-width="96px"
-            @click="onHideModal"
-          >
-            {{ localization.common.cancel }}
-          </ui-button>
-          <ui-button
-            test-id="feedback-modal-submit-btn"
-            size="md"
-            :disabled="!selectedTab"
-            min-width="96px"
-            @click="onSubmit"
-          >
-            {{ modalFooterButtonNames }}
-          </ui-button>
-        </div>
-      </template>
-    </ui-modal>
-  </Teleport>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_FeedbackForm } from '~/components/common/feedback/lib/models/interfaces'
-import type { UI_T_FeedbackTab } from '~/components/common/layout/theHeader/feedback/new/tabs/lib/models/types'
-
-const feedbackForm = defineModel<UI_I_FeedbackForm>({ required: true })
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isValidForm = ref<boolean>(true)
-const selectedTab = ref<UI_T_FeedbackTab>()
-
-const modalFooterButtonNames = computed(() => {
-  return selectedTab.value === 'light-bulb'
-    ? localization.value.common.visitIdeasPortal
-    : localization.value.common.send
-})
-
-const onHideModal = (): void => {
-  emits('hide')
-}
-const onSubmit = (): void => {
-  if (selectedTab.value === 'light-bulb') {
-    const targetUrl = 'https://customer.aobfg.ru/' // Ваш URL
-    window.open(targetUrl, '_blank')
-    return
-  }
-
-  isValidForm.value = !!feedbackForm.value.description
-
-  if (!isValidForm.value) return
-  emits('submit')
-}
-</script>
-
-<style lang="scss">
-:root {
-  --description-color: #414b57;
-  --link-visited-color: #5659b8;
-}
-
-:root.dark-theme {
-  --description-color: #adbbc4;
-  --link-visited-color: #49afd9;
-}
-
-.feedback {
-  &__visit-portal {
-    color: #4d5d69;
-    font-size: 13px;
-    font-weight: 400;
-    line-height: 15.73px;
-    margin-top: 24px;
-  }
-}
-</style>

package/components/common/layout/theHeader/feedback/new/additionalDetails/AdditionalDetails.vue

@@ -1,14 +0,0 @@
-<template>
-  <div class="additional-details">
-
-  </div>
-</template>
-
-<script lang="ts" setup>
-</script>
-
-<style lang="scss" scoped>
-.additional-details {
-
-}
-</style>

package/components/common/layout/theHeader/feedback/new/description/Description.vue

@@ -1,58 +0,0 @@
-<template>
-  <div class="description">
-    <h4 class="description__title">{{ localization.common.description }}</h4>
-
-    <ui-textarea
-      v-model="descriptionModelLocal"
-      test-id="feedback-description"
-      :disabled="!selectedTab"
-      :placeholder="descriptionTextPlaceholder"
-      :error="descriptionErrorText"
-    >
-    </ui-textarea>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_FeedbackTab } from '~/components/common/layout/theHeader/feedback/new/tabs/lib/models/types'
-
-const props = defineProps<{
-  selectedTab: UI_T_FeedbackTab
-}>()
-const descriptionModelLocal = defineModel<string>({ required: true })
-const isValidModel = defineModel<boolean>('isValid', { required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const descriptionTextPlaceholder = computed<string>(() => {
-  if (props.selectedTab === 'warning-outline')
-    return localization.value.common.whatIsTheProblemHowCan
-  if (props.selectedTab === 'heart-outline')
-    return localization.value.common.tellUsWhatYouEnjoyedSo
-  return localization.value.common.selectFeedbackType
-})
-
-const descriptionErrorText = computed<boolean>(() => {
-  return !isValidModel.value && !descriptionModelLocal.value
-    ? localization.value.common.fieldRequired
-    : ''
-})
-</script>
-
-<style lang="scss" scoped>
-.description {
-  margin-top: 32px;
-  &__title {
-    line-height: 38px;
-    margin-bottom: 16px;
-    font-size: 16px;
-    font-weight: 500;
-    color: #4d5d69;
-  }
-  :deep(.ui-main-textarea) {
-    resize: none;
-    height: 68px;
-  }
-}
-</style>

package/components/common/layout/theHeader/feedback/new/email/Email.vue

@@ -1,43 +0,0 @@
-<template>
-  <div class="email">
-    <h4 class="email__title">{{ localization.common.emailAddress }}</h4>
-
-    <ui-input
-      v-model="emailModelLocal"
-      :error="emailErrorText"
-      type="text"
-      placeholder="placeholder"
-      test-id="feedback-email"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { RegExp } from '~/lib/config/regExp'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const emailModelLocal = defineModel<string>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const emailErrorText = computed<string>(() => {
-  if (!emailModelLocal.value) return ''
-
-  return RegExp.email.test(emailModelLocal.value)
-    ? ''
-    : localization.value.common.emailErrorText
-})
-</script>
-
-<style scoped lang="scss">
-.email {
-  margin-top: 32px;
-  &__title {
-    line-height: 38px;
-    margin-bottom: 16px;
-    font-size: 16px;
-    font-weight: 500;
-    color: #4d5d69;
-  }
-}
-</style>

package/components/common/layout/theHeader/feedback/new/subtitle/Subtitle.vue

@@ -1,83 +0,0 @@
-<template>
-  <div class="subtitle">
-    <span class="subtitle__label">
-      {{ localization.common.helpUsImprove }}
-    </span>
-    <ui-icon
-      id="feedback-description-info-icon"
-      name="info"
-      width="18"
-      height="18"
-      :color="isShowInfo ? '#008FD6' : '#9DA6AD'"
-      class="info-icon pointer"
-      @click="isShowInfo = !isShowInfo"
-    />
-    <ui-popup-window
-      v-model="isShowInfo"
-      width="232px"
-      :elem-id="'feedback-description-info-icon'"
-    >
-      <div class="common-widget-info">
-        <div class="headline justify-between flex-align-center">
-          <div class="flex-align-center">
-            <ui-icon-icon3 name="info-2" width="16px" height="16px" />
-            <span class="title">{{ localization.common.feedbackHelp }}</span>
-          </div>
-          <ui-icon
-            name="close"
-            class="pointer hide-icon"
-            width="16px"
-            height="16px"
-            @click="isShowInfo = false"
-          />
-        </div>
-
-        <div class="common-widget-info-description">
-          {{ localization.common.anyFeedbackYouProvideMay }}
-        </div>
-      </div>
-    </ui-popup-window>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isShowInfo = ref<boolean>(false)
-</script>
-
-<style lang="scss" scoped>
-.subtitle {
-  display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid #e9ebed;
-  padding-bottom: 12px;
-
-  &__label {
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 14.52px;
-    color: #9da6ad;
-  }
-  .common-widget-info {
-    padding: 16px;
-
-    .title {
-      font-size: 14px;
-      font-weight: 500;
-      line-height: 16.94px;
-      color: var(--zabbix-text-color);
-      margin-left: 8px;
-    }
-
-    .common-widget-info-description {
-      font-size: 13px;
-      line-height: 15.73px;
-      color: var(--zabbix-text-color);
-      margin-top: 12px;
-    }
-  }
-}
-</style>

package/components/common/layout/theHeader/feedback/new/tabs/Tabs.vue

@@ -1,79 +0,0 @@
-<template>
-  <div class="tabs">
-    <h4 class="tabs__title">{{ localization.common.selectType }}</h4>
-
-    <div class="tabs__container">
-      <ui-block
-        v-for="item in tabs"
-        :key="item.iconName"
-        :class="{ selected: item.isSelected }"
-        @click="selectedTab = item.iconName"
-      >
-        <div class="main-info">
-          <ui-icon :name="item.iconName" width="18" height="18" />
-          <span class="main-info-label">{{ item.label }}</span>
-        </div>
-      </ui-block>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { T_FeedbackTab } from '~/components/common/layout/theHeader/feedback/new/tabs/lib/models/types'
-// import type { I_Metric } from '~/components/layout/new/tabs/lib/models/interfaces'
-import { tabsFunc } from '~/components/common/layout/theHeader/feedback/new/tabs/lib/config/tabs'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedTab = defineModel<T_FeedbackTab>({ required: true })
-const tabs = computed<any[]>(() =>
-  tabsFunc(localization.value, selectedTab.value)
-)
-</script>
-
-<style scoped lang="scss">
-.tabs {
-  margin-top: 16px;
-  &__title {
-    line-height: 38px;
-    margin-bottom: 16px;
-    font-size: 16px;
-    font-weight: 500;
-    color: #4d5d69;
-  }
-  &__container {
-    display: flex;
-    gap: 12px;
-  }
-
-  :deep(.block) {
-    width: max-content;
-    padding: 10px 12px;
-    color: #4d5d69;
-    cursor: pointer;
-  }
-  :deep(.block.selected) {
-    border: 1.5px solid #008fd6;
-    color: #008fd6;
-    cursor: default;
-
-    .main-info,
-    .main-info-label {
-      color: #008fd6;
-    }
-  }
-
-  .main-info {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-
-    &-label {
-      font-size: 16px;
-      font-weight: 500;
-      line-height: 19.36px;
-    }
-  }
-}
-</style>

package/components/common/layout/theHeader/feedback/new/tabs/lib/config/tabs.ts

@@ -1,25 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { T_FeedbackTab } from '~/components/common/layout/theHeader/feedback/new/tabs/lib/models/types'
-
-export const tabsFunc = (
-  localization: UI_I_Localization,
-  selectedTab: T_FeedbackTab
-): any[] => {
-  return [
-    {
-      iconName: 'warning-outline',
-      label: localization.common.problem,
-      isSelected: selectedTab === 'warning-outline',
-    },
-    {
-      iconName: 'heart-outline',
-      label: localization.common.complement,
-      isSelected: selectedTab === 'heart-outline',
-    },
-    {
-      iconName: 'light-bulb',
-      label: localization.common.idea,
-      isSelected: selectedTab === 'light-bulb',
-    },
-  ]
-}

package/components/common/layout/theHeader/feedback/new/tabs/lib/models/interfaces.ts

@@ -1,17 +0,0 @@
-import type {
-  T_MetricTab
-} from '~/components/common/pages/integration/zabbix/content/hosts/details/metrics/lib/models/types'
-
-export interface I_Metric {
-  iconName: T_MetricTab
-  label: string
-  isSelected: boolean
-  on: {
-    label: string
-    color: '#239332' | '#BDC3C7'
-  }
-  off: {
-    label: string
-    color: '#EA3223' | '#BDC3C7'
-  }
-}

package/components/common/layout/theHeader/feedback/new/tabs/lib/models/types.ts

@@ -1 +0,0 @@
-export type UI_T_FeedbackTab = 'warning-outline' | 'heart-outline' | 'light-bulb'

package/components/common/layout/theHeader/helpMenu/aboutNew/AboutNew.vue

@@ -1,92 +0,0 @@
-<template>
-  <ui-modal
-    test-id="about-modal"
-    width="720px"
-    :title="props.title"
-    :subtitle="props.subtitle"
-    class="about-modal"
-    @hide="onHideModal"
-  >
-    <template #content>
-      <ui-modal-block-standard>
-        <div class="about-modal__text">
-          <p>{{ aboutHeadingText }}</p>
-
-          <p>{{ localization.layout.aboutSubtitle }}</p>
-        </div>
-
-        <div class="about-modal__description">
-          {{ props.aboutDescOne }}
-
-          (<a
-            id="about-description-link"
-            data-id="about-description-link"
-            :href="url"
-            target="_blank"
-            class="about-modal__description-link"
-          >
-            {{ props.url }} </a
-          >)
-
-          {{ props.aboutDescSecond }}
-        </div>
-      </ui-modal-block-standard>
-    </template>
-    <template #footerContent><span /></template>
-    <template #footerLeftContent><span /></template>
-  </ui-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
-  isBetaVersion: boolean
-  isDev: boolean
-  projectName: string
-  url: string
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onHideModal = (): void => {
-  emits('hide')
-}
-</script>
-
-<style lang="scss" scoped>
-.about-modal {
-  &__text {
-    color: #4d5d69;
-    font-size: 13px;
-    font-weight: 400;
-    line-height: 15.73px;
-    p:last-child {
-      margin: 16px 0;
-    }
-  }
-  &__description {
-    color: #4d5d69;
-    font-size: 13px;
-    font-weight: 400;
-    line-height: 15.73px;
-    &-link {
-      color: #0786d2;
-      &:hover {
-        color: #0081c1;
-      }
-    }
-  }
-}
-:deep(.title-wrapper__subtitle) {
-  max-width: 400px;
-}
-</style>

package/components/common/layout/theHeader/helpMenu/aboutOld/AboutOld.vue

@@ -1,95 +0,0 @@
-<template>
-  <Teleport to="body">
-    <atoms-modal
-      show
-      width="864px"
-      :title="props.title"
-      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>
-          <span
-            v-if="props.isBetaVersion"
-            class="beta-version badge badge-info"
-            >{{ localization.common.beta }}</span
-          >
-          <span v-else-if="isDev" class="beta-version badge badge-info"
-            >Dev</span
-          >
-        </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"
-            data-id="about-description-link"
-            :href="url"
-            target="_blank"
-            >{{ props.url }}</a
-          >){{ props.aboutDescSecond }}
-        </div>
-      </template>
-
-      <template #modalFooter>
-        <span></span>
-      </template>
-    </atoms-modal>
-  </Teleport>
-</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
-  isBetaVersion: boolean
-  isDev: boolean
-  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>