bfg-common 1.5.152 → 1.5.154

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/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>