bfg-common 1.5.111 → 1.5.113

package/components/common/portlets/tag/TagAddNew.vue

@@ -5,9 +5,9 @@
       :title="localization.common.assignTag"
       :subtitle="props.selectedItemName"
       :texts="assignTagTexts"
+      :is-disabled-accept="!selectedRowsCount"
       test-id="modal-assign-tag"
       width="720px"
-      :is-disabled-accept="!selectedRowsCount"
       @hide="emits('cancel')"
       @submit="onAssign"
     >
@@ -39,22 +39,22 @@
             </span>
           </div>
           <ui-data-table
-            test-id="assign-tags-data-table"
             :data="assignDataLocal"
             :options="tagTableHeaderOptionsLocal"
-            server-off
             :default-layout="false"
+            test-id="assign-tags-data-table"
             size="sm"
+            server-off
             @select-row="onGetSelected"
           >
             <template #notFound>
               <div v-if="!allRowsCount" class="new-tag-button-container">
                 <ui-button
+                  :disabled="hasEditRow"
                   variant="text"
                   test-id="create-new-tag"
                   is-without-height
                   is-without-sizes
-                  :disabled="hasEditRow"
                   @click="onAddNewRow"
                 >
                   {{ localization.zabbix.addNew }}...
@@ -65,7 +65,6 @@
               <template v-if="item.data.type === 'tagName'">
                 <input
                   v-model="editData.tagName"
-                  data-id="new-tag-name"
                   :class="[
                     'table-input',
                     {
@@ -74,6 +73,7 @@
                     },
                   ]"
                   :placeholder="localization.common[item.data.type]"
+                  data-id="new-tag-name"
                   type="text"
                   @click.prevent.stop
                 />
@@ -86,9 +86,9 @@
                     :items="selectItems"
                     :error="validationData.category && isShowValidation"
                     :placeholder="localization.common.chooseCategory"
+                    :show-text="true"
                     width="165px"
                     select-width="100%"
-                    :show-text="true"
                     size="sm"
                     test-id="new-tag-category"
                   >
@@ -115,8 +115,8 @@
               <template v-else-if="item.data.type === 'description'">
                 <input
                   v-model="editData.description"
-                  class="table-input"
                   :placeholder="localization.common[item.data.type]"
+                  class="table-input"
                   type="text"
                   data-id="new-tag-description"
                   @click.prevent.stop
@@ -146,10 +146,10 @@
           <div v-if="allRowsCount" class="modal-bottom">
             <span class="add-new-button">
               <ui-button
+                :disabled="hasEditRow"
                 variant="text"
                 is-without-height
                 is-without-sizes
-                :disabled="hasEditRow"
                 test-id="create-new-tag"
                 @click="onAddNewRow"
               >

package/components/common/portlets/tag/lib/config/config.ts

@@ -8,6 +8,7 @@ import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropd
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_CreateCategoryData } from '~/components/common/portlets/tag/lib/models/interfaces'
 import type { UI_T_CreateCategoryTypes } from '~/components/common/portlets/tag/lib/models/types'
+
 export const createCategoryData: UI_I_CreateCategoryData = {
   categoryName: '',
   description: '',

package/components/common/readyToComplete/New.vue

@@ -1,66 +1,66 @@
-<template>
-  <div class="details-list">
-    <li v-for="(item, key) in props.data" :key="key" class="details-item">
-      <span class="details-item-label"> {{ item.label }}: </span>
-
-      <div class="details-list__col-right flex-align-center">
-        <ui-icon
-          v-if="item.iconName"
-          :name="item.iconName"
-          width="20px"
-          height="20px"
-          class="details-item-icon mr-2"
-        />
-        <span class="details-item-value">
-          {{ item.value }}
-        </span>
-      </div>
-    </li>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
-
-const props = defineProps<{
-  data: UI_I_TableInfoItem[]
-}>()
-</script>
-
-<style lang="scss" scoped>
-@import 'bfg-common/assets/scss/common/mixins.scss';
-.details-list {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  row-gap: 12px;
-  column-gap: 24px;
-  margin-top: 16px;
-
-  .details-item {
-    display: contents;
-    font-family: Inter, sans-serif;
-
-    .details-item-label {
-      color: #9da6ad;
-      font-weight: 400;
-      font-size: 13px;
-      line-height: 20px;
-      letter-spacing: 0;
-      vertical-align: middle;
-      text-transform: capitalize;
-      white-space: nowrap;
-    }
-    .details-item-icon {
-      color: var(--title-form-first-color);
-    }
-    .details-item-value {
-      color: var(--title-form-first-color);
-      font-weight: 400;
-      font-size: 13px;
-      line-height: 20px;
-      letter-spacing: 0;
-      vertical-align: middle;
-    }
-  }
-}
-</style>
+<template>
+  <div class="details-list">
+    <li v-for="(item, key) in props.data" :key="key" class="details-item">
+      <span class="details-item-label"> {{ item.label }}: </span>
+
+      <div class="details-list__col-right flex-align-center">
+        <ui-icon
+          v-if="item.iconName"
+          :name="item.iconName"
+          width="20px"
+          height="20px"
+          class="details-item-icon mr-2"
+        />
+        <span class="details-item-value">
+          {{ item.value }}
+        </span>
+      </div>
+    </li>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_TableInfoItem[]
+}>()
+</script>
+
+<style lang="scss" scoped>
+@import 'bfg-common/assets/scss/common/mixins.scss';
+.details-list {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  row-gap: 12px;
+  column-gap: 24px;
+  margin-top: 16px;
+
+  .details-item {
+    display: contents;
+    font-family: Inter, sans-serif;
+
+    .details-item-label {
+      color: #9da6ad;
+      font-weight: 400;
+      font-size: 13px;
+      line-height: 20px;
+      letter-spacing: 0;
+      vertical-align: middle;
+      text-transform: capitalize;
+      white-space: nowrap;
+    }
+    .details-item-icon {
+      color: var(--title-form-first-color);
+    }
+    .details-item-value {
+      color: var(--title-form-first-color);
+      font-weight: 400;
+      font-size: 13px;
+      line-height: 20px;
+      letter-spacing: 0;
+      vertical-align: middle;
+    }
+  }
+}
+</style>

package/components/common/readyToComplete/ReadyToComplete.vue

@@ -1,17 +1,17 @@
-<template>
-  <common-ready-to-complete-new v-if="isNewView" :data="props.data" />
-  <common-ready-to-complete-old v-else :data="props.data" />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
-
-const props = defineProps<{
-  data: UI_I_TableInfoItem[]
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-ready-to-complete-new v-if="isNewView" :data="props.data" />
+  <common-ready-to-complete-old v-else :data="props.data" />
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_TableInfoItem[]
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style lang="scss" scoped></style>