bfg-common 1.5.241 → 1.5.243

package/components/common/pages/packages/Packages.vue

@@ -1,208 +1,208 @@
-<template>
-  <div class="packages-page">
-    <common-headline :headline="localization.common.softwarePackages" />
-
-    <div class="grid-toolbar">
-      <common-tools-actions
-        test-id="packages-tools-panel"
-        :actions="actions"
-        @click="onClickAction"
-      >
-        <template #icon="{ data }">
-          <span
-            v-if="data.type === 'updates'"
-            class="vx-icon-import icon"
-          ></span>
-          <span
-            v-if="data.type === 'refresh'"
-            class="vsphere-icon-reset icon"
-          ></span>
-        </template>
-      </common-tools-actions>
-    </div>
-
-    <common-pages-packages-table-view
-      v-model="selectedRow"
-      :data-table="props.packagesData?.items || []"
-      :total-items="props.packagesData?.total_items || 0"
-      :total-pages="props.packagesData?.total_pages || 1"
-      :pagination="pagination"
-      :loading="props.loading"
-      @pagination="onPagination"
-      @sort="onSort"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_I_Pagination,
-} from '~/lib/models/table/interfaces'
-import type { UI_T_SelectedRow } from '~/components/atoms/table/dataGrid/lib/models/types'
-import type { UI_I_Button } from '~/components/common/tools/lib/models/interfaces'
-import type { UI_T_Action } from '~/components/common/pages/packages/lib/models/types'
-import { actionsFunc } from '~/components/common/pages/packages/lib/config/actions'
-
-
-const selectedRow = defineModel<UI_T_SelectedRow>('selectedRow')
-const pagination = defineModel<UI_I_Pagination>('pagination')
-
-const props = defineProps<{
-  packagesData: any | null
-  loading: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'sort', value: string): void
-  (event: 'pagination', value: UI_I_Pagination): void
-  (event: 'action', value: [UI_T_Action, FormData | null]): void
-  (event: 'refresh'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const disabledActions = ref<string[]>([
-  'enable',
-  'disable',
-  'on',
-  'off',
-  'remove',
-])
-
-const actions = computed<UI_I_Button[]>(() =>
-  actionsFunc(localization.value, disabledActions.value)
-)
-
-const onPagination = (value: UI_I_Pagination): void => {
-  emits('pagination', value)
-}
-const onSort = (value: string): void => {
-  emits('sort', value)
-}
-
-const checkAllActions = (): void => {
-  if (typeof selectedRow.value !== 'number') return
-
-  const selectedPackage = props.packagesData?.items[selectedRow.value]
-  if (!selectedPackage) return
-
-  disabledActions.value = []
-  if (window.location.hostname === 'dev-pn.aobfg.ru') return
-
-  if (selectedPackage.not_runnable || selectedPackage.required) {
-    disabledActions.value = ['enable', 'disable', 'on', 'off']
-  }
-
-  if (selectedPackage.required) {
-    disabledActions.value = ['remove']
-  }
-}
-watch(
-  selectedRow,
-  () => {
-    checkAllActions()
-  },
-  { immediate: true }
-)
-
-const onAction = async (
-  action: UI_T_Action,
-  file: FormData | null = null
-): Promise<void> => {
-  emits('action', [action, file])
-}
-const onRefresh = (): void => {
-  emits('refresh')
-}
-const onChangeFiles = (event: Event | undefined): void => {
-  if (!event) return
-
-  const target = event.target as HTMLInputElement
-  if (!target.files) return
-
-  const file = target.files[0]
-
-  const formData = new FormData()
-  formData.append('package', file)
-  onAction('update', formData)
-}
-
-const onClickAction = (type: string, file?: Event): void => {
-  switch (type) {
-    case 'updates':
-      onChangeFiles(file)
-      break
-    case 'refresh':
-      onRefresh()
-      break
-    case 'enable':
-      onAction('enable')
-      break
-    case 'disable':
-      onAction('disable')
-      break
-    case 'on':
-      onAction('on')
-      break
-    case 'off':
-      onAction('off')
-      break
-    case 'remove':
-      onAction('remove')
-      break
-  }
-}
-</script>
-
-<style>
-:root {
-  --action-link-container-bg-color: #e9f6fd;
-  --vui-action-label-color: #333;
-}
-:root.dark-theme {
-  --action-link-container-bg-color: #29414e;
-  --vui-action-label-color: #adbbc4;
-}
-</style>
-
-<style lang="scss" scoped>
-@import '~/assets/scss/common/mixins.scss';
-
-.packages-page {
-  @include flex($dir: column);
-  height: 100%;
-
-  .grid-toolbar {
-    .icon {
-      display: block;
-      width: 16px;
-      height: 16px;
-      min-width: 16px;
-      min-height: 16px;
-      background-size: 100% auto;
-      margin-right: 5px;
-    }
-
-    :deep(.btn) {
-      text-transform: none;
-      font-size: 13px;
-      font-weight: normal;
-      color: var(--vui-action-label-color);
-      min-width: unset;
-      padding: 4px;
-      line-height: normal;
-      margin-right: 4px;
-      display: flex;
-      align-items: center;
-      letter-spacing: normal;
-
-      &:not(:disabled):hover {
-        color: var(--vui-action-label-color);
-        text-decoration: none;
-        background-color: var(--action-link-container-bg-color);
-        border: 1px solid #c7e9ff;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="packages-page">
+    <common-headline :headline="localization.common.softwarePackages" />
+
+    <div class="grid-toolbar">
+      <common-tools-actions
+        test-id="packages-tools-panel"
+        :actions="actions"
+        @click="onClickAction"
+      >
+        <template #icon="{ data }">
+          <span
+            v-if="data.type === 'updates'"
+            class="vx-icon-import icon"
+          ></span>
+          <span
+            v-if="data.type === 'refresh'"
+            class="vsphere-icon-reset icon"
+          ></span>
+        </template>
+      </common-tools-actions>
+    </div>
+
+    <common-pages-packages-table-view
+      v-model="selectedRow"
+      :data-table="props.packagesData?.items || []"
+      :total-items="props.packagesData?.total_items || 0"
+      :total-pages="props.packagesData?.total_pages || 1"
+      :pagination="pagination"
+      :loading="props.loading"
+      @pagination="onPagination"
+      @sort="onSort"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_Pagination,
+} from '~/lib/models/table/interfaces'
+import type { UI_T_SelectedRow } from '~/components/atoms/table/dataGrid/lib/models/types'
+import type { UI_I_Button } from '~/components/common/tools/lib/models/interfaces'
+import type { UI_T_Action } from '~/components/common/pages/packages/lib/models/types'
+import { actionsFunc } from '~/components/common/pages/packages/lib/config/actions'
+
+
+const selectedRow = defineModel<UI_T_SelectedRow>('selectedRow')
+const pagination = defineModel<UI_I_Pagination>('pagination')
+
+const props = defineProps<{
+  packagesData: any | null
+  loading: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'sort', value: string): void
+  (event: 'pagination', value: UI_I_Pagination): void
+  (event: 'action', value: [UI_T_Action, FormData | null]): void
+  (event: 'refresh'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const disabledActions = ref<string[]>([
+  'enable',
+  'disable',
+  'on',
+  'off',
+  'remove',
+])
+
+const actions = computed<UI_I_Button[]>(() =>
+  actionsFunc(localization.value, disabledActions.value)
+)
+
+const onPagination = (value: UI_I_Pagination): void => {
+  emits('pagination', value)
+}
+const onSort = (value: string): void => {
+  emits('sort', value)
+}
+
+const checkAllActions = (): void => {
+  if (typeof selectedRow.value !== 'number') return
+
+  const selectedPackage = props.packagesData?.items[selectedRow.value]
+  if (!selectedPackage) return
+
+  disabledActions.value = []
+  if (window.location.hostname === 'dev-pn.aobfg.ru') return
+
+  if (selectedPackage.not_runnable || selectedPackage.required) {
+    disabledActions.value = ['enable', 'disable', 'on', 'off']
+  }
+
+  if (selectedPackage.required) {
+    disabledActions.value = ['remove']
+  }
+}
+watch(
+  selectedRow,
+  () => {
+    checkAllActions()
+  },
+  { immediate: true }
+)
+
+const onAction = async (
+  action: UI_T_Action,
+  file: FormData | null = null
+): Promise<void> => {
+  emits('action', [action, file])
+}
+const onRefresh = (): void => {
+  emits('refresh')
+}
+const onChangeFiles = (event: Event | undefined): void => {
+  if (!event) return
+
+  const target = event.target as HTMLInputElement
+  if (!target.files) return
+
+  const file = target.files[0]
+
+  const formData = new FormData()
+  formData.append('package', file)
+  onAction('update', formData)
+}
+
+const onClickAction = (type: string, file?: Event): void => {
+  switch (type) {
+    case 'updates':
+      onChangeFiles(file)
+      break
+    case 'refresh':
+      onRefresh()
+      break
+    case 'enable':
+      onAction('enable')
+      break
+    case 'disable':
+      onAction('disable')
+      break
+    case 'on':
+      onAction('on')
+      break
+    case 'off':
+      onAction('off')
+      break
+    case 'remove':
+      onAction('remove')
+      break
+  }
+}
+</script>
+
+<style>
+:root {
+  --action-link-container-bg-color: #e9f6fd;
+  --vui-action-label-color: #333;
+}
+:root.dark-theme {
+  --action-link-container-bg-color: #29414e;
+  --vui-action-label-color: #adbbc4;
+}
+</style>
+
+<style lang="scss" scoped>
+@import '~/assets/scss/common/mixins.scss';
+
+.packages-page {
+  @include flex($dir: column);
+  height: 100%;
+
+  .grid-toolbar {
+    .icon {
+      display: block;
+      width: 16px;
+      height: 16px;
+      min-width: 16px;
+      min-height: 16px;
+      background-size: 100% auto;
+      margin-right: 5px;
+    }
+
+    :deep(.btn) {
+      text-transform: none;
+      font-size: 13px;
+      font-weight: normal;
+      color: var(--vui-action-label-color);
+      min-width: unset;
+      padding: 4px;
+      line-height: normal;
+      margin-right: 4px;
+      display: flex;
+      align-items: center;
+      letter-spacing: normal;
+
+      &:not(:disabled):hover {
+        color: var(--vui-action-label-color);
+        text-decoration: none;
+        background-color: var(--action-link-container-bg-color);
+        border: 1px solid #c7e9ff;
+      }
+    }
+  }
+}
+</style>

package/components/common/pages/shortcuts/block/BlockOld.vue

@@ -1,68 +1,68 @@
-<template>
-  <div>
-    <nuxt-link
-      :class="['unit', { disabled: props.item.disabled }]"
-      :to="!props.item.disabled && navigate"
-      :title="
-        props.item.disabled
-          ? localization.common.inDevelopment
-          : props.item.navigateTo
-      "
-      :data-id="props.testId"
-      @click="emits('change-navigation')"
-      @contextmenu="emits('change-navigation')"
-    >
-      <span class="icon-2">
-        <ui-icon :name="props.item.iconName" width="34" height="34"></ui-icon>
-      </span>
-      <div class="unit-text" :title="props.item.text">
-        {{ props.item.text }}
-      </div>
-    </nuxt-link>
-  </div>
-</template>
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_BlockItem } from '~/components/common/pages/shortcuts/lib/models/interfaces'
-
-const props = defineProps<{
-  item: UI_I_BlockItem
-  testId?: string
-}>()
-const emits = defineEmits<{
-  (event: 'change-navigation'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const navigate = computed<string>(() => '/' + props.item.navigateTo)
-</script>
-<style lang="scss" scoped>
-.unit {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 95px;
-  margin: 21px 10px;
-  text-decoration-line: none;
-
-  &.disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-  }
-
-  .icon-2 {
-    margin: 0 10px 15px 10px;
-    color: var(--global-font-color3);
-  }
-  &-text {
-    color: var(--global-font-color3);
-    font-size: 13px;
-    line-height: 13px;
-    font-weight: 400;
-    padding-bottom: 2px;
-    text-align: center;
-  }
-}
-</style>
+<template>
+  <div>
+    <nuxt-link
+      :class="['unit', { disabled: props.item.disabled }]"
+      :to="!props.item.disabled && navigate"
+      :title="
+        props.item.disabled
+          ? localization.common.inDevelopment
+          : props.item.navigateTo
+      "
+      :data-id="props.testId"
+      @click="emits('change-navigation')"
+      @contextmenu="emits('change-navigation')"
+    >
+      <span class="icon-2">
+        <ui-icon :name="props.item.iconName" width="34" height="34"></ui-icon>
+      </span>
+      <div class="unit-text" :title="props.item.text">
+        {{ props.item.text }}
+      </div>
+    </nuxt-link>
+  </div>
+</template>
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_BlockItem } from '~/components/common/pages/shortcuts/lib/models/interfaces'
+
+const props = defineProps<{
+  item: UI_I_BlockItem
+  testId?: string
+}>()
+const emits = defineEmits<{
+  (event: 'change-navigation'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const navigate = computed<string>(() => '/' + props.item.navigateTo)
+</script>
+<style lang="scss" scoped>
+.unit {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 95px;
+  margin: 21px 10px;
+  text-decoration-line: none;
+
+  &.disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+
+  .icon-2 {
+    margin: 0 10px 15px 10px;
+    color: var(--global-font-color3);
+  }
+  &-text {
+    color: var(--global-font-color3);
+    font-size: 13px;
+    line-height: 13px;
+    font-weight: 400;
+    padding-bottom: 2px;
+    text-align: center;
+  }
+}
+</style>

package/components/common/pages/tasks/table/Table.vue

@@ -38,13 +38,28 @@
         {{ item.text }}
       </ui-chip>
 
-      <common-pages-tasks-table-error-info
-        v-if="item.data.error"
-        :id="item.data.testId"
-        :error="item.data.error"
-        :opened-error="openedError"
-        @toggle-error="onToggleError"
-      />
+      <div v-if="item.data.error" class="task-table__tooltip">
+        <common-tooltip-help
+            :test-id="item.data.testId"
+            :help-id="item.data.testId + 'icon'"
+            :title="localization.common.failureReason"
+            :help-text="item.data.error"
+            status="error"
+            dropdown-width="232px"
+            dropdown-left
+            dropdown-top
+        />
+      </div>
+
+      <!--      // TODO Удалить компонент если не используется? -->
+
+      <!--      <common-pages-tasks-table-error-info-->
+      <!--        v-if="item.data.error"-->
+      <!--        :id="item.data.testId"-->
+      <!--        :error="item.data.error"-->
+      <!--        :opened-error="openedError"-->
+      <!--        @toggle-error="onToggleError"-->
+      <!--      />-->
     </template>
 
     <template #default-actions="{ item }">
@@ -331,6 +346,9 @@ const onSelectNodeOfTree = (
       margin-left: 8px;
     }
   }
+  &__tooltip {
+    margin-left: 8px;
+  }
 }
 
 .skeleton-header {

package/components/common/pages/tasks/table/expandDetails/ExpandDetails.vue

@@ -30,15 +30,30 @@
           {{ normalizedTaskDetails[2].text }}
         </ui-chip>
 
-        <common-pages-tasks-table-error-info
-          v-if="normalizedTaskDetails[2].data.error"
-          :id="`${normalizedTaskDetails[2].data.testId}-expand-details`"
-          :error="normalizedTaskDetails[2].data.error"
-          :opened-error="openedError"
-          in-collapse-content
-          is-small
-          @toggle-error="onToggleError"
-        />
+         <div v-if="normalizedTaskDetails[2].data.error" class="expand-details__tooltip">
+          <common-tooltip-help
+              :test-id="normalizedTaskDetails[2].data.testId"
+              :help-id="`${normalizedTaskDetails[2].data.testId}-expand-icon`"
+              :title="localization.common.failureReason"
+              :help-text="normalizedTaskDetails[2].data.error"
+              status="error"
+              dropdown-width="232px"
+              dropdown-left
+              dropdown-top
+          />
+        </div>
+
+        <!--      // TODO Удалить компонент если не используется? -->
+
+        <!--        <common-pages-tasks-table-error-info-->
+        <!--          v-if="normalizedTaskDetails[2].data.error"-->
+        <!--          :id="`${normalizedTaskDetails[2].data.testId}-expand-details`"-->
+        <!--          :error="normalizedTaskDetails[2].data.error"-->
+        <!--          :opened-error="openedError"-->
+        <!--          in-collapse-content-->
+        <!--          is-small-->
+        <!--          @toggle-error="onToggleError"-->
+        <!--        />-->
       </span>
     </div>
 
@@ -182,5 +197,8 @@ const onSelectNodeOfTree = (data: any): void => {
       width: max-content;
     }
   }
+  &__tooltip {
+    margin-left: 6px;
+  }
 }
 </style>