bfg-common 1.2.186 → 1.2.187

package/assets/localization/local_be.json

@@ -1503,7 +1503,7 @@
   "srIov": "SR-IOV",
   "stackedGraph": "Складзены графік",
   "standardSwitch": "Стандартны перамыкач",
-  "standardSwitchInvalidMessage": "Выберыце перамыкач",
+  "standardSwitchInvalidMessage": "Выберыце існуючы стандартны перамыкач.",
   "standbyAdapters": "Рэзервовыя адаптары",
   "start": "Пачаць",
   "startAndStopManually": "Запускаць і спыняць уручную",
@@ -2132,5 +2132,12 @@
   "failCount": "Колькасць збояў",
   "updatesNewerVersionSupported": "падтрымліваюцца абнаўлення толькі да больш новай версіі",
   "vMotionPriority": "Прыярытэт vMotion",
-  "noNetworkReassignments": "Няма перапрызначэння сеткі"
+  "noNetworkReassignments": "Няма перапрызначэння сеткі",
+  "removeIscsiServers": "Выдаліце серверы iSCSI",
+  "removeIscsiServersDesc": "Вы збіраецеся выдаліць серверы iSCSI з магчымымі звязанымі актыўнымі шляхамі ўводу/вываду. ",
+  "addStaticTargetServer": "Дадайце статычны мэтавы сервер",
+  "fieldShouldNotBeEmpty": "Поле не павінна быць пустым.",
+  "port": "Порт",
+  "iscsiTargetName": "Мэтавая назва iSCSI",
+  "inheritAuthenticationSettingsFromParent": "Успадкаваць налады аўтэнтыфікацыі ад бацькоўскага"
 }

package/assets/localization/local_en.json

@@ -1503,7 +1503,7 @@
   "srIov": "SR-IOV",
   "stackedGraph": "Stacked Graph",
   "standardSwitch": "Standard switch",
-  "standardSwitchInvalidMessage": "Select switch",
+  "standardSwitchInvalidMessage": "Select an existing standard switch.",
   "standbyAdapters": "Standby adapters",
   "start": "Start",
   "startAndStopManually": "Start and stop manually",
@@ -2135,5 +2135,12 @@
   "failCount": "Fail Count",
   "updatesNewerVersionSupported": "updates only to newer version supported",
   "vMotionPriority": "vMotion Priority",
-  "noNetworkReassignments": "No network reassignments"
+  "noNetworkReassignments": "No network reassignments",
+  "removeIscsiServers": "Remove iSCSI servers",
+  "removeIscsiServersDesc": "You are about to remove iSCSI servers with possible associated active I/O paths. Do you want to continue?",
+  "addStaticTargetServer": "Add Static Target Server",
+  "fieldShouldNotBeEmpty": "Field should not be empty.",
+  "port": "Port",
+  "iscsiTargetName": "iSCSI Target Name",
+  "inheritAuthenticationSettingsFromParent": "Inherit authentication settings from parent"
 }

package/assets/localization/local_hy.json

@@ -1503,7 +1503,7 @@
   "srIov": "SR-IOV",
   "stackedGraph": "Կուտակված գրաֆիկ",
   "standardSwitch": "Ստանդարտ անջատիչ",
-  "standardSwitchInvalidMessage": "Ընտրեք անջատիչ",
+  "standardSwitchInvalidMessage": "Ընտրեք գոյություն ունեցող ստանդարտ անջատիչ:",
   "standbyAdapters": "Պահուստային ադապտերներ",
   "start": "Սկսել",
   "startAndStopManually": "Սկսել և դադարեցնել ձեռքով",
@@ -2135,5 +2135,12 @@
   "failCount": "Խափանումների քանակը",
   "updatesNewerVersionSupported": "աջակցվում են միայն նոր տարբերակի թարմացումները",
   "vMotionPriority": "vMotion Priority",
-  "noNetworkReassignments": "Ցանցի վերաբաշխումներ չկան"
+  "noNetworkReassignments": "Ցանցի վերաբաշխումներ չկան",
+  "removeIscsiServers": "Հեռացրեք iSCSI սերվերները",
+  "removeIscsiServersDesc": "Դուք պատրաստվում եք հեռացնել iSCSI սերվերները՝ կապված հնարավոր ակտիվ մուտքի/ելքի ուղիներով: ",
+  "addStaticTargetServer": "Ավելացնել ստատիկ թիրախային սերվեր",
+  "fieldShouldNotBeEmpty": "Դաշտը չպետք է դատարկ լինի:",
+  "port": "Պորտ",
+  "iscsiTargetName": "iSCSI թիրախի անունը",
+  "inheritAuthenticationSettingsFromParent": "Նույնականացման կարգավորումները ժառանգել ծնողից"
 }

package/assets/localization/local_kk.json

@@ -1503,7 +1503,7 @@
   "srIov": "SR-IOV",
   "stackedGraph": "Бүктелген кесте",
   "standardSwitch": "Стандартты қосқыш",
-  "standardSwitchInvalidMessage": "Ауыстырғышты таңдаңыз",
+  "standardSwitchInvalidMessage": "Бар стандартты қосқышты таңдаңыз.",
   "standbyAdapters": "Резервтік адаптерлер",
   "start": "Бастау",
   "startAndStopManually": "Қолмен бастау және тоқтату",
@@ -2135,5 +2135,12 @@
   "failCount": "Сәтсіз Санау",
   "updatesNewerVersionSupported": "тек қолдау көрсетілетін жаңа нұсқаға жаңартулар",
   "vMotionPriority": "vMotion басымдылығы",
-  "noNetworkReassignments": "Желіні қайта тағайындау жоқ"
+  "noNetworkReassignments": "Желіні қайта тағайындау жоқ",
+  "removeIscsiServers": "iSCSI серверлерін жойыңыз",
+  "removeIscsiServersDesc": "Сіз ықтимал байланысты белсенді енгізу/шығару жолдары бар iSCSI серверлерін жойғалы жатырсыз. ",
+  "addStaticTargetServer": "Статикалық мақсатты серверді қосыңыз",
+  "fieldShouldNotBeEmpty": "Өріс бос болмауы керек.",
+  "port": "Порт",
+  "iscsiTargetName": "iSCSI мақсатты атауы",
+  "inheritAuthenticationSettingsFromParent": "Аутентификация параметрлерін ата-анадан мұраға алу"
 }

package/assets/localization/local_ru.json

@@ -1503,7 +1503,7 @@
   "srIov": "SR-IOV",
   "stackedGraph": "Сложенный график",
   "standardSwitch": "Стандартный коммутатор",
-  "standardSwitchInvalidMessage": "Выберите коммутатор",
+  "standardSwitchInvalidMessage": "Выберите существующий стандартный коммутатор.",
   "standbyAdapters": "Резервные адаптеры",
   "start": "Начать",
   "startAndStopManually": "Запускать и останавливать вручную",
@@ -2135,5 +2135,12 @@
   "failCount": "Количество сбоев",
   "updatesNewerVersionSupported": "поддерживаются обновления только до более новой версии",
   "vMotionPriority": "Приоритет vMotion",
-  "noNetworkReassignments": "Никаких переназначений сети"
+  "noNetworkReassignments": "Никаких переназначений сети",
+  "removeIscsiServers": "Удалить серверы iSCSI",
+  "removeIscsiServersDesc": "Вы собираетесь удалить серверы iSCSI с возможными связанными с ними активными путями ввода-вывода. ",
+  "addStaticTargetServer": "Добавить статический целевой сервер",
+  "fieldShouldNotBeEmpty": "Поле не должно быть пустым.",
+  "port": "Порт",
+  "iscsiTargetName": "Имя цели iSCSI",
+  "inheritAuthenticationSettingsFromParent": "Наследовать настройки аутентификации от родителя"
 }

package/assets/localization/local_zh.json

@@ -1503,7 +1503,7 @@
   "srIov": "SR-IOV",
   "stackedGraph": "堆叠图",
   "standardSwitch": "标准开关",
-  "standardSwitchInvalidMessage": "选择开关",
+  "standardSwitchInvalidMessage": "选择现有的标准交换机。",
   "standbyAdapters": "待机适配器",
   "start": "開始",
   "startAndStopManually": "手動啟動和停止",
@@ -2135,5 +2135,12 @@
   "failCount": "失败计数",
   "updatesNewerVersionSupported": "仅更新到支持的较新版本",
   "vMotionPriority": "vMotion 优先级",
-  "noNetworkReassignments": "无需重新分配网络"
+  "noNetworkReassignments": "无需重新分配网络",
+  "removeIscsiServers": "删除 iSCSI 服务器",
+  "removeIscsiServersDesc": "您将删除可能具有关联活动 I/O 路径的 iSCSI 服务器。",
+  "addStaticTargetServer": "添加静态目标服务器",
+  "fieldShouldNotBeEmpty": "字段不应为空。",
+  "port": "港口",
+  "iscsiTargetName": "iSCSI 目标名称",
+  "inheritAuthenticationSettingsFromParent": "从父级继承身份验证设置"
 }

package/assets/scss/common/theme.scss

@@ -1,4 +1,4 @@
-@import "variables.scss";
+@import 'variables.scss';
 :root {
   --scrollbar-thumb: #bbb;
   --scrollbar-track: #eee;
@@ -10,6 +10,7 @@
   --global-font-color5: #{$light-black};
   --global-font-color6: #{$--grey-800};
   --global-font-color7: #{$--grey-900};
+  --global-font-color8: #{$--grey-100};
   --global-border-color: #ccc;
   --global-border-colo2: #{$--grey-100};
   --global-bg-color: #{$white};
@@ -56,7 +57,7 @@
   --btn-primary-hover-color: #e1f1f6;
   --btn-primary-box-shadow-color: #0095d3;
   --btn-primary-disabled-color: #666;
-  --btn-primary-disabled-bg-color:#ccc;
+  --btn-primary-disabled-bg-color: #ccc;
   /* warning */
   --btn-warning-color: #{$white};
   --btn-warning-bg-color: #{$--red-200};
@@ -96,15 +97,15 @@
 
   /*  Items Row Variables light mode  */
   --row-hover-bg-color: #{$light-grey-100};
-  --row-hover-border-color:  #{$--grey-200};
-  --row-selected-text-color:  #{$white};
-  --row-selected-bg-color:  #{$--blue-800};
+  --row-hover-border-color: #{$--grey-200};
+  --row-selected-text-color: #{$white};
+  --row-selected-bg-color: #{$--blue-800};
 
   /*  Vertical Steps Variables light mode  */
   --vertical-steps-active-color: #fff;
   --vertical-steps-complete-color: #454545;
-  --vertical-steps-active-bg-color:  #{$--blue-800};
-  --vertical-steps-complete-bg-color:  #{$light-grey-100};
+  --vertical-steps-active-bg-color: #{$--blue-800};
+  --vertical-steps-complete-bg-color: #{$light-grey-100};
   --vertical-steps-hover-border-color: #{$--grey-200};
   --vertical-nav-active-item-color: #fff;
   --vertical-nav-active-bg-color: #29414e;
@@ -113,18 +114,19 @@
   /*  Tooltip Variables light mode  */
   --tooltip-content-text-color: #{$white};
   --tooltip-content-bg-color: #{$black};
-  --tooltip-content-error-bg-color: #{#C92100};
+  --tooltip-content-error-bg-color: #{#c92100};
 }
 
 :root.dark-theme {
   --scrollbar-thumb: #29414e;
-  --scrollbar-track: #17242B;
+  --scrollbar-track: #17242b;
 
   --global-font-color: #{$--grey-800};
   --global-font-color2: #{#eaedf0};
   --global-font-color3: #{$light-white-100};
   --global-font-color4: #{$light-white-100};
   --global-font-color5: #{$light-black};
+  --global-font-color8: #{$white};
   --global-border-color: #495865;
   --global-border-colo2: #{$light-white-100};
   --global-bg-color: #17242b;
@@ -158,12 +160,12 @@
   --dropdown-item-color: #79c6e6;
 
   /*  Button Variables dark mode  */
-            /* outline */
+  /* outline */
   --btn-outline-border-color: #89cbdf;
-  --btn-outline-hover-bg-color: hsla(0,0%,100%,.1);
+  --btn-outline-hover-bg-color: hsla(0, 0%, 100%, 0.1);
   --btn-outline-hover-color: #57c8ea;
   --btn-outline-box-shadow-color: #000;
-            /* primary */
+  /* primary */
   --btn-primary-color: #{$black};
   --btn-primary-border-color: #{$--blue-250};
   --btn-primary-hover-bg-color: #57c8ea;
@@ -176,7 +178,7 @@
   --btn-warning-bg-color: #{$--red-300};
   --btn-warning-hover-bg-color: #{$--red-400};
   --btn-warning-box-shadow-color: #{$--red-100};
-            /* link */
+  /* link */
   --btn-link-color: #89cbdf;
   --btn-link-hover-color: #57c8ea;
   --btn-link-disabled: #{$white};
@@ -211,18 +213,18 @@
   /*  Items Row Variables light mode  */
   --row-hover-bg-color: #{$--blue-950};
   --row-hover-border-color: #{$white};
-  --row-selected-text-color:  #{$black};
-  --row-selected-bg-color:  #{$light-blue};
-
-   /*  Vertical Steps Variables dark mode  */
-   --vertical-steps-active-color: #000;
-   --vertical-steps-complete-color: #acbac3;
-   --vertical-steps-active-bg-color: #{$light-blue};
-   --vertical-steps-complete-bg-color:  #{$--blue-950};
-   --vertical-steps-hover-border-color: #{$white};
-   --vertical-nav-active-item-color: #{$black};
-   --vertical-nav-active-bg-color: #d8e3e9;
-   --vertical-nav-hover-item-color: #d8e3e9;
+  --row-selected-text-color: #{$black};
+  --row-selected-bg-color: #{$light-blue};
+
+  /*  Vertical Steps Variables dark mode  */
+  --vertical-steps-active-color: #000;
+  --vertical-steps-complete-color: #acbac3;
+  --vertical-steps-active-bg-color: #{$light-blue};
+  --vertical-steps-complete-bg-color: #{$--blue-950};
+  --vertical-steps-hover-border-color: #{$white};
+  --vertical-nav-active-item-color: #{$black};
+  --vertical-nav-active-bg-color: #d8e3e9;
+  --vertical-nav-hover-item-color: #d8e3e9;
 
   /*  Tooltip Variables light mode  */
   --tooltip-content-text-color: #{$black};

package/components/atoms/table/simpleTable/SimpleTable.vue

@@ -28,7 +28,9 @@
         <tr
           v-for="(item, key) in presentBodyItems"
           :key="key"
-          :class="{ selected: selectedRowKey === key }"
+          :class="{
+            selected: props.selectedRowKey === key || selectedRowKey === key,
+          }"
           @click="selectRow(key, item)"
         >
           <td
@@ -71,8 +73,9 @@ const props = withDefaults(
     bodyItems: UI_I_TableBodyItem[][]
     editable?: boolean
     testId?: string
+    selectedRowKey?: number
   }>(),
-  { testId: 'ui-simple-table' }
+  { testId: 'ui-simple-table', selectedRowKey: -1 }
 )
 const emits = defineEmits<{
   (event: 'select', value1: number, value2: UI_I_TableBodyItem[]): void

package/components/atoms/wizard/Wizard.vue

@@ -284,8 +284,8 @@ const onPreviousStep = (): void => {
 watch(
   () => props.selectedScheme,
   (newValue: number[]) => {
-    steps.value = props.steps.filter((_step: UI_I_WizardStep, index: number) =>
-      newValue.includes(index)
+    steps.value = props.steps.filter((step: UI_I_WizardStep) =>
+      newValue.includes(step.id)
     )
   },
   { deep: true, immediate: true }
@@ -293,8 +293,8 @@ watch(
 watch(
   () => props.steps,
   (newValue: UI_I_WizardStep[]) => {
-    steps.value = newValue.filter((_step: UI_I_WizardStep, index: number) =>
-      props.selectedScheme.includes(index)
+    steps.value = newValue.filter((step: UI_I_WizardStep) =>
+      props.selectedScheme.includes(step.id)
     )
   },
   { deep: true, immediate: true }

package/components/atoms/wizard/models/interfaces.ts

@@ -42,6 +42,7 @@ export interface UI_I_ValidationReturn {
   newValue: UI_I_WizardStep[]
 }
 
-// export interface UI_I_WizardSlot {
-//   selectedStep: UI_I_WizardStep
-// }
+export interface UI_I_AsyncCheckReturn {
+  isValid: boolean
+  message: string
+}

package/components/atoms/wizard/utils/utils.ts

@@ -15,6 +15,7 @@ export default class Wizard {
   private _stepsScheme: Ref<number[][]>
   private _selectedSchemeId: Ref<number>
   private _wizardLoader: Ref<UI_I_Loader>
+  private _waitingStepId: Ref<number>
   selectedScheme: ComputedRef<number[]>
   alertMessages: ComputedRef<string[][]>
 
@@ -28,6 +29,7 @@ export default class Wizard {
       status: false,
       messages: [],
     })
+    this._waitingStepId = ref<number>(-1)
     this.selectedScheme = computed<number[]>(
       () => this._stepsScheme.value[this._selectedSchemeId.value]
     )
@@ -66,13 +68,32 @@ export default class Wizard {
     return this._selectedSchemeId.value
   }
 
+  set waitingStepId(id: number) {
+    this._waitingStepId.value = id
+  }
+
+  get waitingStepId(): number {
+    return this._waitingStepId.value
+  }
+
   get wizardLoader(): UI_I_Loader {
     return this._wizardLoader.value
   }
 
+  get nextAvailableStep(): number {
+    const currentStepIndex = this.selectedScheme.value.indexOf(
+      this.selectedStepId
+    )
+    return this.selectedScheme.value[currentStepIndex + 1]
+  }
+
   setLoader(status: boolean, messages?: string[]): void {
     this._wizardLoader.value.status = status
 
+    if (!messages && this._wizardLoader.value.messages.length > 0) {
+      this._wizardLoader.value.messages = []
+      return
+    }
     if (!messages) return
 
     messages.length > 0 && (this._wizardLoader.value.messages = messages)
@@ -122,15 +143,25 @@ export default class Wizard {
 
     if (!invalidStep) return
 
-    invalidStep.isValid = false
     invalidStep.fields[field].field = message
 
-    if (this.isSelected(invalidStep.status)) {
-      invalidStep.status = UI_E_WIZARD_STATUS.INVALID_SELECTED
-      return
-    }
+    if (message) {
+      invalidStep.isValid = false
 
-    invalidStep.status = UI_E_WIZARD_STATUS.INVALID
+      if (this.isSelected(invalidStep.status)) {
+        invalidStep.status = UI_E_WIZARD_STATUS.INVALID_SELECTED
+        return
+      }
+
+      invalidStep.status = UI_E_WIZARD_STATUS.INVALID
+    } else {
+      invalidStep.isValid = true
+      if (this.isSelected(invalidStep.status)) {
+        invalidStep.status = UI_E_WIZARD_STATUS.SELECTED
+      } else {
+        invalidStep.status = UI_E_WIZARD_STATUS.COMPLETED
+      }
+    }
   }
 
   setAlertMessage(stepId: number, field: string, message: string): void {
@@ -153,18 +184,6 @@ export default class Wizard {
     )
   }
 
-  hideAlertMessagesByStepId(stepId: number): UI_I_WizardStep[] {
-    const modifiedStep: UI_I_WizardStep = this.steps[stepId]
-
-    for (const field in modifiedStep.fields) {
-      modifiedStep.fields[field].alert = ''
-    }
-
-    return (this.steps = this.steps.map((step: UI_I_WizardStep) =>
-      step.id === stepId ? modifiedStep : step
-    ))
-  }
-
   private removeValidationError(
     stepId: number,
     field: string,
@@ -205,6 +224,18 @@ export default class Wizard {
     )
   }
 
+  hideAlertMessagesByStepId(stepId: number): UI_I_WizardStep[] {
+    const modifiedStep: UI_I_WizardStep = this.steps[stepId]
+
+    for (const field in modifiedStep.fields) {
+      modifiedStep.fields[field].alert = ''
+    }
+
+    return (this.steps = this.steps.map((step: UI_I_WizardStep) =>
+      step.id === stepId ? modifiedStep : step
+    ))
+  }
+
   changeStep(value: UI_I_WizardStep[]): void {
     this.steps = this.steps.map(
       (step: UI_I_WizardStep): UI_I_WizardStep => ({
@@ -242,7 +273,12 @@ export default class Wizard {
 
   async changeSteps(
     value: UI_I_WizardStep[],
-    validationFunc: (
+    validationFunc?: (
+      value: UI_I_WizardStep[],
+      currentStep: UI_I_WizardStep,
+      nextStep: UI_I_WizardStep
+    ) => Promise<UI_I_ValidationReturn>,
+    finalValidationFunc?: (
       value: UI_I_WizardStep[],
       currentStep: UI_I_WizardStep,
       nextStep: UI_I_WizardStep
@@ -280,6 +316,32 @@ export default class Wizard {
 
         validation.stepHasError && this.goToFirstInvalidStep()
 
+        return
+      } else if (this.isLastStep() && finalValidationFunc) {
+        const finalValidation: UI_I_ValidationReturn =
+          await finalValidationFunc(value, currentStep, nextStep)
+
+        if (
+          finalValidation.stepHasError ||
+          finalValidation.stepShouldStop?.ifFromAnyStep ||
+          finalValidation.stepShouldStop?.ifOnCurrentStep
+        ) {
+          finalValidation.stepShouldStop?.ifFromAnyStep &&
+            currentStep.id < finalValidation.stepShouldStop?.stoppageStepId &&
+            this.selectStepHard(finalValidation.stepShouldStop?.stoppageStepId)
+
+          finalValidation.stepShouldStop?.ifOnCurrentStep &&
+            this.selectStepHard(finalValidation.stepShouldStop?.stoppageStepId)
+
+          finalValidation.stepHasError && this.goToFirstInvalidStep()
+
+          return
+        } else {
+          currentStep.status = UI_E_WIZARD_STATUS.COMPLETED
+        }
+
+        this.changeStep(finalValidation.newValue)
+
         return
       } else {
         currentStep.status = UI_E_WIZARD_STATUS.COMPLETED
@@ -295,9 +357,8 @@ export default class Wizard {
 
   selectStepHard(stepId: number): void {
     const newSteps = this.steps.map((st: UI_I_WizardStep) => {
-      console.log(st.id, stepId)
       if (st.id < stepId) return { ...st, status: UI_E_WIZARD_STATUS.COMPLETED }
-      console.log(st.id, stepId)
+
       if (st.id === stepId)
         return { ...st, status: UI_E_WIZARD_STATUS.SELECTED }
 
@@ -312,7 +373,11 @@ export default class Wizard {
     currentStepId: number,
     nextStepId: number
   ): boolean {
-    return nextStepId > step && currentStepId <= step
+    return (
+      nextStepId > step &&
+      currentStepId <= step &&
+      this.selectedScheme.value.includes(step)
+    )
   }
 
   setValidation(
@@ -331,6 +396,11 @@ export default class Wizard {
     return true
   }
 
+  removeValidationLocal(stepId: number, field: string): void {
+    this.setValidationError(stepId, field, '')
+    this.setAlertMessage(stepId, field, '')
+  }
+
   removeValidation(
     stepId: number,
     field: string,
@@ -342,6 +412,7 @@ export default class Wizard {
       true,
       value
     )
+
     newValue = this.removeAlertMessage(stepId, field, newValue)
     return newValue
   }
@@ -383,11 +454,15 @@ export default class Wizard {
   }
 
   activeStepId(): number {
-    return (
-      this.steps.find(
-        (step: UI_I_WizardStep) => step.status === UI_E_WIZARD_STATUS.ACTIVE
-      )?.id || 0
-    )
+    const activeStep = this.steps.find(
+      (step: UI_I_WizardStep) => step.status === UI_E_WIZARD_STATUS.ACTIVE
+    )?.id
+
+    const invalidStep = this.steps.find(
+      (step: UI_I_WizardStep) => step.status === UI_E_WIZARD_STATUS.INVALID
+    )?.id
+
+    return activeStep || invalidStep || 0
   }
 
   wasCompleted(): boolean {
@@ -401,6 +476,10 @@ export default class Wizard {
     )
   }
 
+  isSelectedScheme(schemeId: number): boolean {
+    return schemeId === this.selectedSchemeId
+  }
+
   getStepIdByFieldName(fieldName: string): number {
     return this.steps.find((step) => step.fields[fieldName])?.id || -1
   }