bfg-common 1.4.832 → 1.4.834

package/assets/localization/local_en.json

@@ -2982,7 +2982,7 @@
     "createSphereHaNetwork": "Create a Sphere HA network",
     "prerequisitesDescOne": "This private network must be separate from the management network. It is used for internal communication between the nodes. For best performance, the network latency between the nodes should be less than or equal to 10ms.",
     "reserveStaticIpAddressesNodes": "Reserve static IP addresses for all the nodes",
-    "prerequisitesDescSecond": "These will be required in Sphere HA IP settings during the set up process.",
+    "prerequisitesDescSecond": "These will be required in Sphere HA IP settings during the set up process."
 
   }
 }

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" />
@@ -83,90 +85,12 @@ const isValid = computed<boolean>(() => {
 //     props.subTitle
 //   )
 
-// const onConfirm = async (): Promise<void> => {
-//   if (!isValid.value) return
-//
-//   emits('confirm')
-// }
+const onConfirm = async (): Promise<void> => {
+  if (!isValid.value) return
 
-// 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;
-      }
-    }
-  }
+  emits('confirm')
+}
 
-  &__icon {
-    min-width: 48px;
-    height: 48px;
-    margin-right: 20px;
-    fill: #c27b00;
-  }
+</script>
 
-  .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 })

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.832",
+  "version": "1.4.834",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",