bfg-common 1.5.251 → 1.5.253

package/components/common/pages/tasks/table/errorInfo/ErrorInfo.vue

@@ -1,128 +0,0 @@
-<template>
-  <div :class="['error-info', { 'error-info-small': props.isSmall }]">
-    <ui-icon
-      :id="`task-error-info-icon-${props.id}`"
-      name="info"
-      width="16px"
-      height="16px"
-      :class="[
-        'info-icon pointer',
-        { show: isShowInfo, 'in-collapse-content': props.inCollapseContent },
-      ]"
-      @click.stop="emits('toggle-error', props.id)"
-    />
-    <ui-popup-window
-      v-model="isShowInfo"
-      top
-      left
-      :elem-id="`task-error-info-icon-${props.id}`"
-    >
-      <div class="common-widget-info">
-        <div class="headline justify-between flex-align-center">
-          <div class="flex-align-center">
-            <ui-icon name="error" width="16px" height="16px" />
-            <span class="title">{{ localization.common.failureReason }}</span>
-          </div>
-          <ui-icon
-            name="close"
-            class="pointer hide-icon"
-            width="16px"
-            height="16px"
-            @click.stop="emits('toggle-error', '')"
-          />
-        </div>
-
-        <div class="common-widget-info-description">
-          {{ props.error }}
-        </div>
-      </div>
-    </ui-popup-window>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = withDefaults(
-  defineProps<{
-    id: string
-    error: string
-    openedError: string
-    inCollapseContent?: boolean
-    isSmall?: boolean
-  }>(),
-  {
-    inCollapseContent: false,
-    isSmall: false,
-  }
-)
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const emits = defineEmits<{
-  (event: 'toggle-error', value: string): void
-}>()
-
-const isShowInfo = computed<boolean>({
-  get() {
-    return props.openedError === props.id
-  },
-  set() {
-    emits('toggle-error', '')
-  },
-})
-</script>
-
-<style lang="scss" scoped>
-.error-info {
-  display: flex;
-  justify-content: space-between;
-  margin-left: 8px;
-
-  &.error-info-small {
-    margin-left: 6px;
-  }
-
-  .info-icon {
-    color: var(--form-icon-color);
-
-    &:hover {
-      color: var(--close-icon);
-    }
-    &.show {
-      color: var(--btn-primary-fill-bg-color);
-    }
-  }
-
-  .common-widget-info {
-    width: 232px;
-    padding: 16px;
-
-    .title {
-      font-size: 14px;
-      font-weight: 500;
-      line-height: 16px;
-      color: var(--zabbix-text-color);
-      margin-left: 8px;
-    }
-
-    .hide-icon {
-      color: var(--alert-icon);
-    }
-
-    .common-widget-info-description {
-      font-size: 13px;
-      line-height: 15.73px;
-      color: var(--zabbix-text-color);
-      margin-top: 12px;
-    }
-  }
-}
-
-:deep(.in-collapse-content) {
-  path,
-  circle {
-    stroke-width: 1.4 !important;
-  }
-}
-</style>

package/components/common/wizards/datastore/add/steps/common/tooltipInfo/TooltipInfo.vue

@@ -1,93 +0,0 @@
-<template>
-  <div class="tooltip-info">
-    <ui-icon
-      :id="`${props.id}-info-trigger`"
-      name="info"
-      width="16"
-      height="16"
-      :class="['tooltip-info__icon pointer', { active: isShowInfo }]"
-      @click.stop="isShowInfo = !isShowInfo"
-    />
-    <ui-popup-window
-      v-model="isShowInfo"
-      top
-      left
-      width="272px"
-      :elem-id="`${props.id}-info-trigger`"
-    >
-      <div class="common-widget-info">
-        <div class="flex justify-between">
-          <div class="flex">
-            <ui-icon name="info-2" width="16px" height="16px" />
-            <span class="title"> {{ localization.common.information }}</span>
-          </div>
-          <ui-icon
-            name="close"
-            class="pointer hide-icon"
-            width="16px"
-            height="16px"
-            @click.stop="isShowInfo = false"
-          />
-        </div>
-
-        <div class="common-widget-info-description">
-          {{ props.description }}
-        </div>
-      </div>
-    </ui-popup-window>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  id: string
-  description: string
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isShowInfo = ref<boolean>(false)
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.tooltip-info {
-  @include flex($align: center);
-  &__icon {
-    color: var(--form-icon-color);
-    &:hover {
-      color: var(--close-icon);
-    }
-    &.active {
-      color: var(--btn-primary-fill-bg-color);
-    }
-  }
-
-  .common-widget-info {
-    padding: 16px;
-
-    .title {
-      font-size: 14px;
-      font-weight: 500;
-      line-height: 16px;
-      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;
-      white-space: pre-line;
-    }
-
-    svg {
-      color: var(--alert-icon);
-      min-width: 16px;
-    }
-  }
-}
-</style>