bfg-common 1.4.877 → 1.4.878

package/components/atoms/tabs/lib/models/interfaces.ts

@@ -2,4 +2,5 @@ export interface UI_I_VerticalTabs {
   text: string
   value: string | number
   testId?: string
+  disabled?: boolean
 }

package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/DefaultConsoleNew.vue

@@ -17,6 +17,7 @@
           v-for="(item, key) in props.consoleOptions"
           :key="key"
           class="radio flex"
+          :title="item.disabled ? localization.common.inDevelopment : ''"
         >
           <ui-radio
             v-model="consoleValue"

package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/DefaultConsoleOld.vue

@@ -8,6 +8,7 @@
       v-for="(item, key) in props.consoleOptions"
       :key="key"
       :class="['radio', item.disabled && 'disabled']"
+      :title="item.disabled ? localization.common.inDevelopment : ''"
     >
       <input
         :id="item.label"

package/components/common/layout/theHeader/userMenu/modals/preferences/view/ViewOld.vue

@@ -4,7 +4,7 @@
       {{ props.description }}
     </div>
 
-    <div class="flex-align-center">
+    <div class="flex-align-center" :title="localization.common.inDevelopment">
       <label for="view">{{ localization.common.newView }}</label>
       <input
         id="view"

package/components/common/mainNavigationPanel/MainNavigationPanelNew.vue

@@ -73,9 +73,12 @@
                 <nuxt-link
                   :id="`nav-item-${key}-${key2}`"
                   :data-id="item2.testId"
-                  class="nav-link"
+                  :class="['nav-link', { disabled: item2.disabled }]"
                   active-class="active"
-                  :to="item2.to"
+                  :to="!item2.disabled && item2.to"
+                  :title="
+                    item2.disabled ? localization.common.inDevelopment : ''
+                  "
                   @click="emits('hide-main-menu')"
                 >
                   <ui-icon-main-navigation-panel
@@ -259,6 +262,11 @@ const localization = computed<UI_I_Localization>(() => useLocal())
           white-space: nowrap;
           text-decoration: none;
 
+          &.disabled {
+            opacity: 0.6;
+            cursor: not-allowed;
+          }
+
           &.active {
             background-color: var(--vertical-active-nav-bg-color);
             color: var(--vertical-active-nav-color);
@@ -268,7 +276,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
             }
           }
 
-          &:not(.active):hover {
+          &:not(.active):not(.disabled):hover {
             background-color: var(--vertical-nav-hover-bg-color);
             color: var(--vertical-nav-hover-item-color);
           }

package/components/common/mainNavigationPanel/MainNavigationPanelOld.vue

@@ -28,10 +28,15 @@
                 :id="`nav-item-${key}-${key2}`"
                 :key="item2.id"
                 :data-id="item2.testId"
-                class="nav-link"
                 active-class="active"
-                :to="item2.to"
-                :title="item2.title"
+                :to="!item2.disabled && item2.to"
+                :class="['nav-link', { disabled: item2.disabled }]"
+                :title="
+                  item2.disabled
+                    ? localization.common.inDevelopment
+                    : item2.title
+                "
+                :disabled="item2.disabled"
                 @click="emits('hide-main-menu')"
               >
                 <span class="nav-text">
@@ -160,6 +165,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
             display: flex;
             padding: 2px 0.6rem 2px 0.7rem;
             width: fit-content;
+
             .category-text {
               opacity: 0;
             }
@@ -202,6 +208,12 @@ const localization = computed<UI_I_Localization>(() => useLocal())
           height: auto;
           line-height: 21px;
           flex-basis: auto;
+
+          &.disabled {
+            cursor: not-allowed;
+            opacity: 0.6;
+          }
+
           &.active {
             background-color: var(--row-selected-bg-color);
             border-bottom: 1px solid transparent;

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

@@ -4,4 +4,5 @@ export interface UI_I_NavigationItem {
   title: string
   iconName: string
   testId?: string
+  disabled?: boolean
 }

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

@@ -1,9 +1,15 @@
 <template>
-  <ui-widget class="category-block-item">
+  <ui-widget
+    :class="['category-block-item', { disabled: props.item.disabled }]"
+  >
     <nuxt-link
       class="unit"
-      :to="navigate"
-      :title="props.item.navigateTo"
+      :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')"
@@ -18,6 +24,7 @@
   </ui-widget>
 </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<{
@@ -28,6 +35,8 @@ const emits = defineEmits<{
   (event: 'change-navigation'): void
 }>()
 
+const localization = computed<UI_I_Localization>(() => useLocal())
+
 const navigate = computed<string>(() => '/' + props.item.navigateTo)
 </script>
 
@@ -44,11 +53,18 @@ const navigate = computed<string>(() => '/' + props.item.navigateTo)
 .category-block-item {
   max-width: 176px;
   min-height: 110px;
+
+  &.disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+
   .unit {
     @include flex($dir: column, $just: space-between);
     width: 100%;
     height: 100%;
     text-decoration-line: none;
+
     &-icon {
       min-width: 28px;
       min-height: 28px;
@@ -63,7 +79,7 @@ const navigate = computed<string>(() => '/' + props.item.navigateTo)
     }
   }
 
-  &:hover {
+  &:hover:not(.disabled) {
     background: var(--shortcut-item-hover-bg);
     cursor: pointer;
     .unit {

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

@@ -1,9 +1,13 @@
 <template>
   <div>
     <nuxt-link
-      class="unit"
-      :to="navigate"
-      :title="props.item.navigateTo"
+      :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')"
@@ -18,6 +22,7 @@
   </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<{
@@ -28,6 +33,8 @@ 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>
@@ -39,6 +46,12 @@ const navigate = computed<string>(() => '/' + props.item.navigateTo)
   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);

package/components/common/pages/shortcuts/lib/models/interfaces.ts

@@ -5,6 +5,7 @@ export interface UI_I_BlockItem {
   navigateTo?: string
   nav?: string
   testId?: string
+  disabled?: boolean
 }
 
 export interface UI_I_ShortcutsItems {

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

@@ -159,6 +159,7 @@ const texts = computed<UI_I_TableTexts>(() => ({
   exportAll: localization.value.common.exportAll,
   exportSelected: localization.value.common.exportSelected,
   all: localization.value.common.all,
+  filter: localization.value.common.filter,
 }))
 const skeletonData = ref<UI_I_DataTableSkeleton>({
   columnsCount: 6,
@@ -314,8 +315,8 @@ const onSelectNodeOfTree = (
     width: 100%;
 
     .action-icon {
-      width: 16px;
-      height: 16px;
+      width: 20px;
+      height: 20px;
       color: var(--actions-icon-color);
 
       &:hover {

package/components/common/pages/tasks/table/lib/config/config.ts

@@ -232,11 +232,11 @@ export const getBodyDataFunc = (
       isHiddenCollapse: false,
       collapseToggle: false,
       data: [
-        { col: 'col0', text: task.taskName },
+        { col: 'col0', text: task.taskName || '--' },
         {
           key: 'icon',
           col: 'col1',
-          text: task.target,
+          text: task.target || '--',
           data: targetData,
         },
         {
@@ -246,16 +246,16 @@ export const getBodyDataFunc = (
           data: statusData,
         },
         { col: 'col3', text: task.details || '--' },
-        { col: 'col4', text: task.initiator },
+        { col: 'col4', text: task.initiator || '--' },
         { col: 'col5', text: `${task.queuedFor} ms` },
         { col: 'col6', text: formattedStartTime },
         { col: 'col7', text: formattedCompletionTime },
         { col: 'col8', text: `${task.execution} ms` },
-        { col: 'col9', text: task.server },
+        { col: 'col9', text: task.server || '--' },
         {
           key: 'icon',
           col: 'col10',
-          text: task.zone,
+          text: task.zone || '--',
           data: zoneData,
         },
         {

package/lib/config/uiTable.ts

@@ -4,17 +4,17 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 // TODO поменять все :texts для таблицы нового дизайна
 export const tableTextsFunc = (
   localization: UI_I_Localization
-): UI_I_TableTexts => {
-  return {
-    rowsPerPage: localization.common.rowsPerPage,
-    of: localization.common.of,
-    searchHere: localization.common.searchHere,
-    selected: localization.common.selected,
-    columns: localization.common.columns,
-    previous: localization.common.previous,
-    next: localization.common.next,
-    noItemsFound: localization.common.noItemsFound,
-    exportSelected: localization.common.exportSelected,
-    exportAll: localization.common.exportAll,
-  }
-}
+): UI_I_TableTexts => ({
+  searchHere: localization.common.searchHere,
+  rowsPerPage: localization.common.rowsPerPage,
+  of: localization.common.of,
+  selected: localization.common.selected,
+  columns: localization.common.columns,
+  previous: localization.common.previous,
+  next: localization.common.next,
+  noItemsFound: localization.common.noItemsFound,
+  exportAll: localization.common.exportAll,
+  exportSelected: localization.common.exportSelected,
+  all: localization.common.all,
+  filter: localization.common.filter,
+})

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.877",
+  "version": "1.4.878",
   "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.21",
-    "bfg-uikit": "1.0.356",
+    "bfg-uikit": "1.0.362",
     "html2canvas": "^1.4.1",
     "prettier-eslint": "^15.0.1"
   }