bfg-common 1.4.828 → 1.4.829

package/assets/localization/local_be.json

@@ -2313,7 +2313,9 @@
     "editPermission": "Дазвол на рэдагаванне",
     "userGroupNameIsInvalid": "Няправільнае імя карыстальніка ці групы!",
     "submit": "Падпарадкоўвацца",
-    "up": "Наверсе"
+    "up": "Наверсе",
+    "speed": "Speed",
+    "incorrectConfirmation": "Няправільнае пацверджанне. Калі ласка, увядзіце \" {0}\", каб працягнуць."
   },
   "auth": {
     "welcomeTo": "Сардэчна запрашаем у",

package/assets/localization/local_en.json

@@ -2317,7 +2317,9 @@
     "editPermission": "Edit Permission",
     "userGroupNameIsInvalid": "User or group name is invalid!",
     "submit": "Submit",
-    "up": "Up"
+    "up": "Up",
+    "speed": "Speed",
+    "incorrectConfirmation": "Incorrect confirmation. Please type “{0}” to proceed."
   },
   "auth": {
     "welcomeTo": "Welcome to",

package/assets/localization/local_hy.json

@@ -2317,7 +2317,9 @@
     "editPermission": "Խմբագրել թույլտվությունը",
     "userGroupNameIsInvalid": "Սխալ օգտվողի անուն կամ խումբ",
     "submit": "Ներկայացնել",
-    "up": "Վեր"
+    "up": "Վեր",
+    "speed": "Speed",
+    "incorrectConfirmation": "Սխալ հաստատում: Շարունակելու համար խնդրում ենք մուտքագրել \" {0}\":"
   },
   "auth": {
     "welcomeTo": "Բարի գալուստ",

package/assets/localization/local_kk.json

@@ -2316,7 +2316,9 @@
     "editPermission": "Рұқсатты Өңдеу",
     "userGroupNameIsInvalid": "Пайдаланушы немесе топ атауы жарамсыз!",
     "submit": "Бағыну",
-    "up": "Бойымен"
+    "up": "Бойымен",
+    "speed": "Speed",
+    "incorrectConfirmation": "Қате растау. Жалғастыру үшін \"{0}\" теріңіз."
   },
   "auth": {
     "welcomeTo": "Қош келдіңіз",

package/assets/localization/local_ru.json

@@ -2318,7 +2318,9 @@
     "editPermission": "Редактирование разрешения",
     "userGroupNameIsInvalid": "Неверное имя пользователя или группы!",
     "submit": "Представлять на рассмотрение",
-    "up": "Вверх"
+    "up": "Вверх",
+    "speed": "Speed",
+    "incorrectConfirmation": "Неверное подтверждение. Пожалуйста, введите “{0}”, чтобы продолжить."
   },
   "auth": {
     "welcomeTo": "Добро пожаловать в",

package/assets/localization/local_zh.json

@@ -2315,7 +2315,9 @@
     "editPermission": "编辑权限",
     "userGroupNameIsInvalid": "用户或组名无效!",
     "submit": "提交",
-    "up": "向上"
+    "up": "向上",
+    "speed": "Speed",
+    "incorrectConfirmation": "不正确的确认。 请输入\"{0}\"继续。"
   },
   "auth": {
     "welcomeTo": "欢迎来到",

package/components/atoms/dropdown/dropdown/Dropdown.vue

@@ -78,6 +78,16 @@ const ignoreElRef = ref<Event | null>(null)
 const onClickOutsideHandler = [hide, { ignore: [ignoreElRef] }]
 </script>
 
+<style>
+:root {
+  --dropdown-position-left: auto;
+  --dropdown-position-right: 0;
+}
+:root[dir='rtl'] {
+  --dropdown-position-left: 0;
+  --dropdown-position-right: auto;
+}
+</style>
 <style scoped lang="scss">
 .dropdown {
   height: 100%;
@@ -127,6 +137,8 @@ const onClickOutsideHandler = [hide, { ignore: [ignoreElRef] }]
     background-color: var(--dropdown-bg-color);
     border-color: var(--block-border-color);
     z-index: 10000;
+    left: var(--dropdown-position-left);
+    right: var(--dropdown-position-right);
 
     .dropdown-item {
       font-size: 0.7rem;

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

@@ -1,7 +1,9 @@
 <template>
   <common-modals-confirm-by-input-new
     v-if="isNewViewLocal"
+    v-model="confirmationForm"
     :title="props.title"
+    :description="props.description"
     :sub-title="props.subTitle"
     :modal-texts="props.modalTexts"
     :test-id="props.testId"
@@ -10,6 +12,7 @@
   />
   <common-modals-confirm-by-input-old
     v-else
+    v-model="confirmationForm"
     :title="props.title"
     :sub-title="props.subTitle"
     :test-id="props.testId"
@@ -32,6 +35,7 @@ const props = withDefaults(
   defineProps<{
     isNewView?: boolean
     title?: string
+    description?: string
     subTitle?: string
     testId?: string
     loading?: boolean
@@ -41,6 +45,7 @@ const props = withDefaults(
   {
     isNewView: undefined,
     title: '',
+    description: '',
     subTitle: '',
     testId: 'common-confirmation',
     loading: false,

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

@@ -2,7 +2,7 @@
   <ui-popup
     :test-id="props.testId"
     icon-name="info-status"
-    :message="props.subTitle"
+    :message="props.description"
     :texts="modalTextsLocal"
     @submit="onSubmit"
     @hide="onHide"
@@ -10,7 +10,17 @@
     <template #content>
       <div class="ui-popup_body-content">
         <span>{{ props.title }}</span>
-        <span>{{ props.subTitle }}</span>
+        <span>{{ props.description }}</span>
+
+        <ui-input
+          v-model="confirmationFormLocal"
+          :test-id="`${props.testId}-confirm-input`"
+          :placeholder="localization.vsphereNa.nodeIPAddress"
+          :error="confirmInputErrorText"
+          class="confirm-modal__input"
+          input-style="rounded"
+          size="md"
+        />
       </div>
     </template>
   </ui-popup>
@@ -18,20 +28,26 @@
 
 <script setup lang="ts">
 import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
   testId: string
   title: string
+  description: string
   subTitle: string
   modalTexts: UI_I_ModalTexts
 }>()
+const confirmationFormLocal = defineModel<string>({ required: true })
 const emits = defineEmits<{
   (event: 'confirm'): void
   (event: 'hide-modal'): void
 }>()
 
+const localization = computed<UI_I_Localization>(() => useLocal())
+
 const modalTextsLocal = computed<UI_I_ModalTexts>(() => props.modalTexts)
 
+const confirmInputErrorText = computed(() => '')
 const onHide = (): void => {
   emits('hide-modal')
 }

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

@@ -21,19 +21,22 @@
           <slot name="content"></slot>
 
           <div class="form-group">
-            <label class="no-selection" for="confirmation">{{
-              confirmationText
-            }}</label>
+            <label class="no-selection" for="confirmation">
+              {{ confirmationText }}
+            </label>
             <div class="form-group__input">
               <input
                 id="confirmation"
-                v-model="confirmationForm"
+                v-model="confirmationFormLocal"
                 data-id="confirmation-input"
                 type="text"
                 autocomplete="off"
                 @keyup.enter="onConfirm"
               />
-              <div v-show="!isValid && confirmationForm" class="form-validate">
+              <div
+                v-show="!isValid && confirmationFormLocal"
+                class="form-validate"
+              >
                 <atoms-tooltip :test-id="`${props.testId}-tooltip`">
                   <template #elem>
                     <atoms-the-icon
@@ -95,6 +98,7 @@ const props = defineProps<{
   width: string
   loading?: boolean
 }>()
+const confirmationFormLocal = defineModel<string>({ required: true })
 const emits = defineEmits<{
   (event: 'confirm'): void
   (event: 'hide'): void
@@ -102,9 +106,8 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const confirmationForm = ref<string>('')
 const isValid = computed<boolean>(() => {
-  return confirmationForm.value === props.subTitle
+  return confirmationFormLocal.value === props.subTitle
 })
 
 const confirmationText = localization.value.common.confirmDeletionInput.replace(

package/package.json

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