bfg-common 1.4.833 → 1.4.835

package/assets/localization/local_be.json

@@ -2962,7 +2962,6 @@
     "removeConfirmation": "Зніміце пацверджанне",
     "removeConfirmationDesc": "вы ўпэўненыя, што хочаце выдаліць вузел \"{node}\" з кластара? адзначце \"{node}\" у полі ніжэй для пацверджання",
     "nodeIPAddress": "IP -адрас вузла",
-    "nodeIPAddressInvalidText": "Няправільнае пацверджанне. Калі ласка, увядзіце \" {node}\", каб працягнуць.",
     "addNode": "Дадаць вузел",
     "hostHelp": "Хост дапамогі",
     "hostHelpTooltipContent": "Выберыце мэтавы вылічаны рэсурс для гэтай аперацыі. ",

package/assets/localization/local_en.json

@@ -2966,7 +2966,6 @@
     "removeConfirmation": "Remove Confirmation",
     "removeConfirmationDesc": "Are you sure you want to remove the node “{node}” from cluster? To confirm, type “{node}” in the field below.",
     "nodeIPAddress": "Node IP Address",
-    "nodeIPAddressInvalidText": "Incorrect confirmation. Please type “{node}” to proceed.",
     "addNode": "Add Node",
     "hostHelp": "Host Help",
     "hostHelpTooltipContent": "Select the target compute resource for this operation. Each node must have a unique host.",

package/assets/localization/local_hy.json

@@ -2966,7 +2966,6 @@
     "removeConfirmation": "Հեռացրեք հաստատումը",
     "removeConfirmationDesc": "համոզված եք, որ ցանկանում եք հեռացնել , «{node}» հանգույցը կլաստերից: Հաստատելու համար ներքևի դաշտում մուտքագրեք «{node}»:",
     "nodeIPAddress": "NODE IP հասցե",
-    "nodeIPAddressInvalidText": "Սխալ հաստատում: Շարունակելու համար մուտքագրեք \"{node}\":",
     "addNode": "Ավելացնել հանգույց",
     "hostHelp": "Հյուրընկալող օգնություն",
     "hostHelpTooltipContent": "Ընտրեք թիրախային հաշվարկային ռեսուրսը այս գործողության համար: ",

package/assets/localization/local_kk.json

@@ -2965,7 +2965,6 @@
     "removeConfirmation": "Растауды жойыңыз",
     "removeConfirmationDesc": "«{node}» түйінін кластерден шығарғыңыз келе ме? ",
     "nodeIPAddress": "IP мекенжайы",
-    "nodeIPAddressInvalidText": "Дұрыс емес растау. ",
     "addNode": "Түйінді қосыңыз",
     "hostHelp": "Хосттық көмек",
     "hostHelpTooltipContent": "Осы жұмыс үшін мақсатты есептеу қорын таңдаңыз. ",

package/assets/localization/local_ru.json

@@ -2967,7 +2967,6 @@
     "removeConfirmation": "Удалить подтверждение",
     "removeConfirmationDesc": "Вы уверены, что хотите удалить узел “{node}” из кластера? Для подтверждения введите “{node}” в поле ниже.",
     "nodeIPAddress": "IP -адрес узла",
-    "nodeIPAddressInvalidText": "Неверное подтверждение. Пожалуйста, введите “{node}”, чтобы продолжить.",
     "addNode": "Добавить узел",
     "hostHelp": "Хозяева",
     "hostHelpTooltipContent": "Выберите целевой вычислительный ресурс для этой операции. ",

package/assets/localization/local_zh.json

@@ -2964,7 +2964,6 @@
     "removeConfirmation": "删除确认",
     "removeConfirmationDesc": "您确定要从群集中删除节点“ {node}”？",
     "nodeIPAddress": "节点IP地址",
-    "nodeIPAddressInvalidText": "不正确的确认。 请输入\"{node}\"继续。",
     "addNode": "添加节点",
     "hostHelp": "主持人帮助",
     "hostHelpTooltipContent": "为此操作选择目标计算资源。",

package/components/common/modals/confirmByInput/ConfirmByInput.vue

@@ -2,24 +2,26 @@
   <common-modals-confirm-by-input-new
     v-if="isNewViewLocal"
     v-model="confirmationForm"
+    :is-valid="isValid"
     :title="props.title"
     :description="props.description"
     :sub-title="props.subTitle"
     :modal-texts="props.modalTexts"
     :test-id="props.testId"
     @hide="emits('hide')"
-    @confirm="emits('confirm')"
+    @confirm="onConfirm"
   />
   <common-modals-confirm-by-input-old
     v-else
     v-model="confirmationForm"
+    :is-valid="isValid"
     :title="props.title"
     :sub-title="props.subTitle"
     :test-id="props.testId"
     :loading="props.loading"
     :width="props.width"
     @hide="emits('hide')"
-    @confirm="emits('confirm')"
+    @confirm="onConfirm"
   >
     <template #content>
       <slot name="content" />
@@ -73,100 +75,12 @@ const isValid = computed<boolean>(() => {
   return confirmationForm.value === props.subTitle
 })
 
-// const confirmationText = localization.value.common.confirmDeletionInput.replace(
-//   '{title}',
-//   props.subTitle
-// )
-// const confirmDeletionInputError =
-//   localization.value.common.confirmDeletionInputError.replace(
-//     '{title}',
-//     props.subTitle
-//   )
+const onConfirm = async (): Promise<void> => {
+  if (!isValid.value) return
 
-// const onConfirm = async (): Promise<void> => {
-//   if (!isValid.value) return
-//
-//   emits('confirm')
-// }
+  emits('confirm')
+}
 
-// const onHide = (): void => {
-//   emits('hide')
-// }
 </script>
 
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.confirm-by-input {
-  :deep(.modal-header) {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-
-    .modal-title {
-      color: var(--main-color-mode);
-      font-size: 24px;
-      max-width: 65%;
-    }
-    .secondary-title {
-      color: var(--modal-secondary-title);
-      font-size: 0.75rem;
-      font-weight: lighter;
-      user-select: none;
-    }
-    .separator {
-      content: '';
-      border-left: 1px solid #ccc;
-      margin: 0 18px;
-      height: 22px;
-    }
-
-    .close-icon {
-      fill: var(--close-icon);
-      width: 24px;
-      height: 24px;
-    }
-  }
-
-  &__body {
-    @include flex($align: flex-start);
-
-    .form-group {
-      margin-top: 20px;
-
-      label {
-        font-weight: bold;
-        font-size: 0.6rem;
-        user-select: none;
-      }
-
-      &:not(:first-child) input {
-        width: 100%;
-      }
-      &__input {
-        display: flex;
-        width: 100%;
-        min-height: 30px;
-      }
-    }
-  }
-
-  &__icon {
-    min-width: 48px;
-    height: 48px;
-    margin-right: 20px;
-    fill: #c27b00;
-  }
-
-  .button {
-    &__loading {
-      :deep(.spinner) {
-        width: 25px;
-        height: 25px;
-        min-width: 25px;
-        min-height: 25px;
-        margin-top: 5px;
-      }
-    }
-  }
-}
-</style>
+<style lang="scss" scoped></style>

package/components/common/modals/confirmByInput/ConfirmByInputNew.vue

@@ -35,6 +35,7 @@ const props = defineProps<{
   title: string
   description: string
   subTitle: string
+  isValid: boolean
   modalTexts: UI_I_ModalTexts
 }>()
 const confirmationFormLocal = defineModel<string>({ required: true })
@@ -47,11 +48,29 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const modalTextsLocal = computed<UI_I_ModalTexts>(() => props.modalTexts)
 
-const confirmInputErrorText = computed(() => '')
+const isShowConfirmError = ref<boolean>(false)
+
+const confirmInputErrorText = computed(() => {
+  if (!isShowConfirmError.value) return ''
+
+  const { fieldRequired, incorrectConfirmation } = localization.value.common
+
+  return !confirmationFormLocal.value
+    ? fieldRequired
+    : !props.isValid
+    ? incorrectConfirmation.replace('{0}', props.subTitle)
+    : ''
+})
 const onHide = (): void => {
   emits('hide-modal')
 }
 const onSubmit = (): void => {
+  isShowConfirmError.value = true
+
+  if (!confirmationFormLocal.value) {
+    return
+  }
+
   emits('confirm')
 }
 </script>

package/components/common/modals/confirmByInput/ConfirmByInputOld.vue

@@ -34,7 +34,7 @@
                 @keyup.enter="onConfirm"
               />
               <div
-                v-show="!isValid && confirmationFormLocal"
+                v-show="!props.isValid && confirmationFormLocal"
                 class="form-validate"
               >
                 <atoms-tooltip :test-id="`${props.testId}-tooltip`">
@@ -70,7 +70,7 @@
         :data-id="`${props.testId}-modal-apply-button`"
         class="btn btn-primary"
         :class="props.loading && 'modal-dialog__loader'"
-        :disabled="!isValid || props.loading"
+        :disabled="!props.isValid || props.loading"
         @click="onConfirm"
       >
         <atoms-loader-pre-loader
@@ -94,6 +94,7 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 const props = defineProps<{
   title: string
   subTitle: string
+  isValid: boolean
   testId: string
   width: string
   loading?: boolean
@@ -106,10 +107,6 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const isValid = computed<boolean>(() => {
-  return confirmationFormLocal.value === props.subTitle
-})
-
 const confirmationText = localization.value.common.confirmDeletionInput.replace(
   '{title}',
   props.subTitle
@@ -120,9 +117,7 @@ const confirmDeletionInputError =
     props.subTitle
   )
 
-const onConfirm = async (): Promise<void> => {
-  if (!isValid.value) return
-
+const onConfirm = (): void => {
   emits('confirm')
 }
 

package/lib/models/store/interfaces.ts

@@ -8,6 +8,7 @@ export interface UI_I_ErrorValidationField<T = string> {
 export interface API_UI_I_Response<T> {
   response: {
     _data: T
+    status: number
   }
 }
 export interface API_UI_I_Error {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.833",
+  "version": "1.4.835",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",