bfg-common 1.6.95 → 1.6.97

package/assets/scss/clarity/local_ar.json

@@ -269,7 +269,7 @@
     "confirm": "تأكيد",
     "confirmDeletion": "تأكيد الحذف",
     "confirmDeletionDatastoreBodyFirst": "ستؤدي هذه العملية إلى حذف جميع الملفات المرتبطة بالآلات الافتراضية في مخزن البيانات بشكل دائم.",
-    "confirmDeletionDatastoreBodySecond": "ستتم إزالة مخازن بيانات VMFS المثبتة قسرًا من قائمة الجرد، ولكن لن يتم حذف البيانات الموجودة عليها.",
+    "confirmDeletionDatastoreBodySecond": "ستتم إزالة مخازن بيانات STORMFS المثبتة قسرًا من قائمة الجرد، ولكن لن يتم حذف البيانات الموجودة عليها.",
     "confirmDeletionDatastoreBodyThird": "هل تريد حذف مخزن (مخازن) البيانات المحدد؟",
     "confirmDeletionDatastoreTitle": "تأكيد حذف مخزن البيانات",
     "confirmDeletionInput": "للتأكيد، اكتب \"{title}\" في الحقل أدناه",
@@ -806,7 +806,7 @@
     "localContentLibrary": "مكتبة محتوى محلية",
     "localDesc": "إنشاء تخزين محلي على نظام ملفات المضيف",
     "localLibrariesCanBePublishedDesc": "يمكن نشر المكتبات المحلية خارجيًا. المكتبات المشتركة يتم الحصول عليها من مكتبات منشورة أخرى.",
-    "localVmfs": "محلي (VMFS)",
+    "localVmfs": "محلي (STORMFS)",
     "lockdownMode": "وضع القفل",
     "lockdownNormal": "المضيف متاح فقط عبر وحدة التحكم المحلية أو Sphere Zone",
     "lockdownStrict": "المضيف متاح فقط عبر Sphere Zone. يتم إيقاف خادم واجهة وحدة التحكم المباشرة",
@@ -1273,8 +1273,8 @@
     "save": "حفظ",
     "scanForNewStorage": "البحث عن أجهزة تخزين جديدة",
     "scanForNewStorageDesc": "أعد فحص جميع محولات الناقل المضيف للبحث عن أجهزة تخزين جديدة. قد تكون عملية إعادة الفحص بطيئة.",
-    "scanForNewVmsVolumes": "البحث عن أحجام VMFS جديدة",
-    "scanForNewVmsVolumesDesc": "أعد فحص كافة أجهزة التخزين المعروفة للبحث عن أحجام VMFS جديدة تمت إضافتها منذ آخر فحص. إعادة فحص التخزين المعروف للبحث عن أنظمة ملفات جديدة أسرع من إعادة فحص أجهزة التخزين الجديدة.",
+    "scanForNewVmsVolumes": "البحث عن أحجام STORMFS جديدة",
+    "scanForNewVmsVolumesDesc": "أعد فحص كافة أجهزة التخزين المعروفة للبحث عن أحجام STORMFS جديدة تمت إضافتها منذ آخر فحص. إعادة فحص التخزين المعروف للبحث عن أنظمة ملفات جديدة أسرع من إعادة فحص أجهزة التخزين الجديدة.",
     "scheduledTasks": "المهام المجدولة",
     "schedulingAffinity": "انتماء الجدولة",
     "schedulingAffinityHelpDescription1": "حدد انتماء المعالج الفيزيائي لهذه الآلة الافتراضية.",
@@ -1658,13 +1658,13 @@
     "vMCustomizationSpecifications": "مواصفات تخصيص الآلة الافتراضية",
     "vmDrsScore": "درجة DRS للآلة الافتراضية",
     "vmFolders": "مجلدات الآلات الافتراضية",
-    "vmfs": "VMFS",
-    "vmfsDesc": "أنشئ مخزن بيانات VMFS على قرص/وحدة LUN.",
-    "vmfsDetails": "تفاصيل VMFS",
-    "vmfsVersion": "إصدار VMFS",
-    "vmfsVersionDesc": "حدد إصدار VMFS لمخزن البيانات.",
-    "vmfsVersionDesc1": "يوفر VMFS 6 دعم تنسيق متقدم (512e) ودعمًا تلقائيًا لاستعادة المساحة.",
-    "vmfsVersionDesc2": "يوفر VMFS 5 دعمًا لوحدات LUN أكبر من 2 تيرابايت.",
+    "vmfs": "STORMFS",
+    "vmfsDesc": "أنشئ مخزن بيانات STORMFS على قرص/وحدة LUN.",
+    "vmfsDetails": "تفاصيل STORMFS",
+    "vmfsVersion": "إصدار STORMFS",
+    "vmfsVersionDesc": "حدد إصدار STORMFS لمخزن البيانات.",
+    "vmfsVersionDesc1": "يوفر STORMFS 6 دعم تنسيق متقدم (512e) ودعمًا تلقائيًا لاستعادة المساحة.",
+    "vmfsVersionDesc2": "يوفر STORMFS 5 دعمًا لوحدات LUN أكبر من 2 تيرابايت.",
     "vmHardware": "أجهزة الآلة الافتراضية",
     "vMIsSuccessfullyStarted": "تم تشغيل الآلة الافتراضية بنجاح باسم النشر:",
     "vMkernelAdapters": "مهايئات VMkernel",
@@ -2033,7 +2033,7 @@
     "ignoreBackupWindowFirstBackup": "تجاهل نافذة النسخ الاحتياطي لأول نسخة احتياطية",
     "exportToXml": "تصدير إلى xml",
     "storageSensorsAlert": "لا تعمل خدمة Small Footprint CIM Broker Daemon (SFCBD). يقوم هذا البرنامج بالإبلاغ عن بيانات صحة التخزين. يرجى الاطلاع على { link } لمزيد من المعلومات حول تمكين هذه الخدمة.",
-    "thisKbArticle": "هذه المقالة KB",
+    "thisKbArticle": "هذه المقالة",
     "noAlertOrWarningOutOfSensors": "لا توجد تنبيهات أو تحذيرات من أصل {sensors} حساسات.",
     "eventLogEntries": "إدخالات سجل الأحداث",
     "dataLock": "تأمين البيانات",

package/assets/scss/common/global.scss

@@ -200,3 +200,14 @@ html.light-theme {
   height: 100%;
   overflow: hidden;
 }
+
+.in-development {
+  opacity: 0.6 !important;
+  cursor: not-allowed !important;
+}
+
+:root.dark-theme {
+  .in-development {
+    opacity: 0.44 !important;
+  }
+}

package/assets/scss/common/normalize.scss

@@ -161,6 +161,9 @@ b {
 .pointer {
   cursor: pointer !important;
 }
+.cursor-progress {
+  cursor: progress !important;
+}
 
 .default {
   cursor: default !important;

package/assets/scss/common/theme.scss

@@ -712,8 +712,8 @@
   //--gutter-bg-color: #25333d; // for old
   --gutter-bg-color: #e9ebed1f; // for new
   --new-gutter-bg-color: #394a58;
-  --gutter-hover-bg-color: #495a67;
-  --gutter-active-bg-color: #495a67;
+  --gutter-hover-bg-color: #2776a0;
+  --gutter-active-bg-color: #2ba2de;
   --gutter-before-bg: rgba(157, 166, 173, 0.32);
 
   /*  Items Row Variables light mode  */

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

@@ -29,14 +29,16 @@
           class="dropdown-item"
           @click="onSelect(key)"
         >
-          <a
-            v-if="item.href"
-            :id="`${props.testId}-link`"
-            :href="item.href"
-            :data-id="`${item.testId}-link`"
-            >{{ item.text }}</a
-          >
-          <a v-else>{{ item.text }} </a>
+          <slot name="item" :item="item">
+            <a
+              v-if="item.href"
+              :id="`${props.testId}-link`"
+              :href="item.href"
+              :data-id="`${item.testId}-link`"
+              >{{ item.text }}</a
+            >
+            <a v-else>{{ item.text }} </a>
+          </slot>
         </button>
         <div v-if="item.divider" class="dropdown-divider" />
       </div>

package/components/atoms/dropdown/dropdown/lib/models/interfaces.ts

@@ -6,4 +6,5 @@ export interface UI_I_DropMenu<Action> {
   divider?: boolean
   closeAfterClick?: boolean
   testId?: string
+  data?: any
 }

package/components/atoms/list/dragDropList/DragDropList.vue

@@ -9,7 +9,10 @@
     >
       <slot :name="`leftSide${key}`" />
 
-      <div :class="['icon-drag-handle', {disabled: props.disabled}]" @mousedown="grab(item, $event)" />
+      <div
+        :class="['icon-drag-handle', { disabled: props.disabled }]"
+        @mousedown="grab(item, $event)"
+      />
 
       <slot :name="`rightSide${key}`" />
     </div>
@@ -49,6 +52,8 @@ const hoveredItemPosition = ref<number>(-1)
 const isGrab = ref<boolean>(false)
 const grabItem = ref<any>(null)
 const grab = (item: any, event: Event): void => {
+  if (props.disabled) return
+
   isGrab.value = true
   grabItem.value = item
 
@@ -102,12 +107,6 @@ onUnmounted(() => {
 
   &.grab {
     cursor: grabbing;
-
-    .drag-drop-item {
-      .icon-drag-handle:not(.disabled) {
-        cursor: grabbing;
-      }
-    }
   }
 
   .drag-drop-item {
@@ -119,9 +118,14 @@ onUnmounted(() => {
     }
 
     .icon-drag-handle {
-      cursor: grab;
-      &:active {
-        cursor: grabbing;
+      &:not(.disabled) {
+        cursor: grab;
+        &:active {
+          cursor: grabbing;
+        }
+      }
+      &.disabled {
+        cursor: not-allowed;
       }
     }
   }

package/components/atoms/stack/StackBlock.vue

@@ -144,7 +144,7 @@ const onRollBack = (): void => {
       flex: 1 1 auto;
       width: 60%;
       background-color: transparent;
-      word-break: break-all;
+      word-break: break-word;
     }
 
     .empty-icon {

package/components/atoms/table/dataGrid/DataGrid.vue

@@ -1349,6 +1349,10 @@ onUnmounted(() => {
                 line-height: 1rem;
                 color: var(--table-active-color);
 
+                * {
+                  color: var(--table-active-color);
+                }
+
                 .datagrid-expandable-caret-button {
                   .datagrid-expandable-caret-icon {
                     fill: #ffffff;

package/components/atoms/table/dataGrid/DataGridColumnSwitch.vue

@@ -83,8 +83,8 @@ const emits = defineEmits<{
 
 const columnKeysPresent = computed<UI_I_ColumnKey[]>(() => {
   return props.columnKeys.map((item): UI_I_ColumnKey => {
-    const testId = item.text
-      .toLowerCase()
+    const testId = item?.text
+      ?.toLowerCase()
       .replace(/\s/g, '_')
       .replace(/[^\p{L}_]/gu, '') // разрешает буквы любых языков
       .replace(/__+/g, '_')

package/components/atoms/tooltip/TooltipError.vue

@@ -17,6 +17,7 @@
           { 'has-error': props.hasError },
         ]"
         :style="tooltipStyles"
+        :data-id="props.testId"
       >
         <slot name="content" />
       </div>
@@ -31,9 +32,11 @@ const props = withDefaults(
   defineProps<{
     hasError: boolean
     selector?: string
+    testId?: string
   }>(),
   {
     selector: undefined,
+    testId: '',
   }
 )
 const emits = defineEmits<{

package/components/common/adapterManager/AdapterManagerNew.vue

@@ -19,6 +19,7 @@
               :selected-is-header="props.selectedIsHeader"
               :is-disabled-move-up="props.isDisabledMoveUp"
               :is-disabled-move-down="props.isDisabledMoveDown"
+              :is-active="props.isActive"
               @move-up-adapter="onMoveUp"
               @move-down-adapter="onMoveDown"
             />
@@ -162,8 +163,8 @@ const onShowAddAdapterModal = (): void => {
     width: 100%;
 
     .table-fixed-height {
-      min-height: 263px;
-      max-height: 263px;
+      min-height: 261px;
+      max-height: 261px;
       padding-right: 0;
 
       .row-name-container {
@@ -190,7 +191,7 @@ const onShowAddAdapterModal = (): void => {
 .add-adapter-view {
   .manager-wrapper {
     height: 100%;
-    max-height: 504px;
+    //max-height: 504px;
     min-width: 240px;
     width: 100%;
   }
@@ -200,8 +201,9 @@ const onShowAddAdapterModal = (): void => {
   }
 
   :deep(.table-fixed-height) {
-    min-height: 100px !important;
-    max-height: 467.4px !important;
+    min-height: 30px !important;
+    height: calc(100% - 37px) !important;
+    max-height: unset !important;
 
     //.info-block-container {
     //  padding-right: 19px !important;
@@ -209,13 +211,33 @@ const onShowAddAdapterModal = (): void => {
   }
 }
 
+.edit-pg-failover-order-with-details:not(.add-adapter-view) {
+  :deep(.manager) {
+    width: 224px;
+  }
+}
+.edit-pg-failover-order-with-details:not(.add-adapter-view) {
+  .failover-order-details {
+    width: calc(100% - 240px);
+  }
+}
+.edit-pg-failover-order-with-details.add-adapter-view {
+  .failover-order-details {
+    width: calc(100% - 256px);
+  }
+}
+
 @media (max-width: 1084px) {
   .edit-pg-failover-order-with-details:not(.add-adapter-view) {
+    .failover-order-details {
+      width: 100%;
+    }
     :deep(.tabs-container) {
       padding-right: 19px !important;
     }
     :deep(.manager) {
       height: unset !important;
+      width: 100%;
     }
 
     :deep(.table-fixed-height) {
@@ -235,6 +257,9 @@ const onShowAddAdapterModal = (): void => {
         padding-right: 18px;
       }
     }
+    .no-selected-adapter {
+      padding-bottom: 16px;
+    }
   }
 }
 
@@ -248,6 +273,9 @@ const onShowAddAdapterModal = (): void => {
 
 @media (max-width: 650px) {
   .edit-pg-failover-order-with-details.add-adapter-view {
+    .failover-order-details {
+      width: 100%;
+    }
     :deep(.tabs-container) {
       padding-right: 19px !important;
     }
@@ -258,6 +286,7 @@ const onShowAddAdapterModal = (): void => {
     :deep(.table-fixed-height) {
       min-height: unset !important;
       max-height: unset !important;
+      height: unset !important;
 
       .info-block-container {
         padding-right: 19px !important;
@@ -271,6 +300,14 @@ const onShowAddAdapterModal = (): void => {
         width: 100%;
         padding-right: 18px;
       }
+
+      .manager.add-adapter-modal {
+        max-width: unset;
+
+        :deep(.adapter.is-add-modal) {
+          width: 100% !important;
+        }
+      }
     }
   }
 }
@@ -291,10 +328,95 @@ const onShowAddAdapterModal = (): void => {
 
   span {
     color: var(--title-form-first-color);
-    font-weight: 500;
+    font-weight: 400;
     font-size: 16px;
     line-height: 19px;
     margin-bottom: 6px;
   }
 }
+
+.element-disabled {
+  pointer-events: none;
+
+  :deep(.adapter) {
+    .adapter-info-icon {
+      opacity: 0.4;
+    }
+
+    .adapter-info-title {
+      color: var(--btn-text-disabled-color);
+    }
+
+    &.selected {
+      background: var(--btn-text-disabled-color);
+
+      .adapter-info-title {
+        color: var(--accordion-selected-item-text);
+      }
+    }
+  }
+
+  :deep(.info-container) {
+    .tab-item {
+      color: var(--btn-text-disabled-color);
+
+      &.active {
+        color: var(--btn-text-disabled-color);
+        border-bottom: 3px solid var(--btn-text-disabled-color) !important;
+      }
+    }
+
+    .info-block-container-inner {
+      .row-sub-title {
+        color: var(--btn-text-disabled-color);
+      }
+
+      .row-name-container {
+        span {
+          color: var(--btn-text-disabled-color);
+        }
+      }
+
+      .settings-table__values:not(.is-status-yes),
+      .settings-table__values:not(.is-status-no) {
+        color: var(--btn-text-disabled-color);
+      }
+
+      .settings-table__values.is-status-yes,
+      .settings-table__values.is-status-no {
+        opacity: 0.4;
+      }
+    }
+  }
+
+  :deep(.manager-header-title) {
+    color: var(--btn-text-disabled-color);
+  }
+  :deep(.ui-main-no-items-found) {
+    color: var(--btn-text-disabled-color);
+
+    span {
+      color: var(--btn-text-disabled-color);
+    }
+  }
+}
+
+:root.dark-theme {
+  .element-disabled {
+    :deep(.adapter) {
+      .adapter-info-icon {
+        opacity: 0.32;
+      }
+    }
+
+    :deep(.info-container) {
+      .info-block-container-inner {
+        .settings-table__values.is-status-yes,
+        .settings-table__values.is-status-no {
+          opacity: 0.5;
+        }
+      }
+    }
+  }
+}
 </style>

package/components/common/adapterManager/addAdapterModal/AddAdapterModalNew.vue

@@ -1,33 +1,35 @@
 <template>
-  <ui-modal
-    v-if="props.show"
-    show
-    :title="localization.common.addPhysicalAdaptersToSwitch"
-    :texts="modalTextsLocal"
-    test-id="add-adapter"
-    size="md"
-    width="880px"
-    @hide="onHideAddAdapterModal"
-    @submit="onAddSelectedAdapters"
-  >
-    <template #content>
-      <div class="add-adapter-modal-content">
-        <common-adapter-manager
-          :is-active="true"
-          :is-dark-mode="props.isDarkMode"
-          :full-mode="false"
-          :is-add-modal="true"
-          :adapters="props.adapters"
-          :existing-adapters-for-adding="props.existingAdaptersAsText"
-          :selected-add-adapter-id="props.selectedAddAdapterId"
-          test-id="adapter-manager"
-          class="free-adapters"
-          @select-add-adapter="onSelectAddAdapter"
-        />
-      </div>
-    </template>
-    <template #footerLeftContent><span></span></template>
-  </ui-modal>
+  <div>
+    <ui-modal
+      v-if="props.show"
+      show
+      :title="localization.common.addPhysicalAdaptersToSwitch"
+      :texts="modalTextsLocal"
+      test-id="add-adapter"
+      size="md"
+      :is-disabled-accept="!props.selectedAddAdapterId"
+      @hide="onHideAddAdapterModal"
+      @submit="onAddSelectedAdapters"
+    >
+      <template #content>
+        <div class="add-adapter-modal-content">
+          <common-adapter-manager
+            :is-active="true"
+            :is-dark-mode="props.isDarkMode"
+            :full-mode="false"
+            :is-add-modal="true"
+            :adapters="props.adapters"
+            :existing-adapters-for-adding="props.existingAdaptersAsText"
+            :selected-add-adapter-id="props.selectedAddAdapterId"
+            test-id="adapter-manager"
+            class="free-adapters"
+            @select-add-adapter="onSelectAddAdapter"
+          />
+        </div>
+      </template>
+      <template #footerLeftContent><span></span></template>
+    </ui-modal>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -49,7 +51,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const modalTextsLocal = computed<UI_I_ModalTexts>(() => ({
   button1: localization.value.common.cancel,
-  button2: localization.value.common.confirm,
+  button2: localization.value.common.add,
 }))
 
 const emits = defineEmits<{
@@ -72,6 +74,37 @@ const onAddSelectedAdapters = (): void => {
 <style scoped lang="scss">
 .add-adapter-modal-content {
   padding: 8px 0 8px 32px;
-  height: 520px;
+  height: 100%;
+}
+
+:deep(.modal-inner) {
+  max-width: 880px;
+
+  .modal-header {
+    padding-bottom: 24px;
+  }
+
+  .modal-body {
+    max-height: 520px;
+    overflow-y: auto;
+    height: calc(100vh - 300px);
+    min-height: 132px;
+  }
+
+  .modal-footer-transparent-block {
+    display: block !important;
+    top: -24px;
+    width: calc(100% - 294px);
+    right: 16px;
+  }
+
+  @media (max-width: 650px) {
+    .modal-footer-transparent-block {
+      display: block !important;
+      top: -16px;
+      width: calc(100% - 16px);
+      right: 16px;
+    }
+  }
 }
 </style>

package/components/common/adapterManager/addAdapterWarningModal/AddAdapterWarningModalNew.vue

@@ -3,18 +3,17 @@
     v-if="props.show"
     :test-id="`${props.testId}-modal-close-button`"
     icon-name="circle-warning"
-    :title="localization.common.warning"
-    :message="localization.common.noFreeNetworkAdaptersAddSwitch"
+    :title="localization.common.noAdaptersTitle"
+    :message="localization.common.noAdaptersMessage"
     @hide="emits('hide')"
   >
     <template #footerContent>
       <ui-button
         :test-id="`${props.testId}-modal-close-button`"
-        variant="outline"
         size="md"
         @click="emits('hide')"
       >
-        <span>{{ localization.common.close }}</span>
+        <span>{{ localization.common.gotIt }}</span>
       </ui-button>
     </template>
   </ui-popup>

package/components/common/adapterManager/ui/actions/bar/Bar.vue

@@ -5,6 +5,7 @@
     :selected-is-header="props.selectedIsHeader"
     :is-disabled-move-up="props.isDisabledMoveUp"
     :is-disabled-move-down="props.isDisabledMoveDown"
+    :is-active="props.isActive"
     @move-up-adapter="onMoveUp"
     @move-down-adapter="onMoveDown"
   />
@@ -32,6 +33,7 @@ const props = withDefaults(
     isDisabledMoveUp: boolean
     isDisabledMoveDown: boolean
     isDisabledRemove?: boolean
+    isActive: boolean
   }>(),
   {
     fullMode: false,

package/components/common/adapterManager/ui/actions/bar/BarNew.vue

@@ -2,11 +2,11 @@
   <div v-if="!props.isAddModal">
     <ul class="adapter-manager-actions">
       <common-adapter-manager-ui-actions-move-up-adapter-button
-        :is-disabled-move-up="props.isDisabledMoveUp"
+        :is-disabled-move-up="props.isDisabledMoveUp || !props.isActive"
         @move-up-adapter="onMoveUp"
       />
       <common-adapter-manager-ui-actions-move-down-adapter-button
-        :is-disabled-move-down="props.isDisabledMoveDown"
+        :is-disabled-move-down="props.isDisabledMoveDown || !props.isActive"
         @move-down-adapter="onMoveDown"
       />
     </ul>
@@ -18,6 +18,7 @@ const props = defineProps<{
   isAddModal: boolean
   isDisabledMoveUp: boolean
   isDisabledMoveDown: boolean
+  isActive: boolean
 }>()
 
 const emits = defineEmits<{

package/components/common/adapterManager/ui/actions/moveDownAdapterButton/MoveDownAdapterButtonNew.vue

@@ -36,6 +36,7 @@ const onMoveDown = () => emits('move-down-adapter')
 .action {
   width: 100%;
   height: 28px;
+  cursor: pointer;
 
   &-link {
     width: 100%;

package/components/common/adapterManager/ui/actions/moveUpAdapterButton/MoveUpAdapterButtonNew.vue

@@ -36,6 +36,7 @@ const onMoveUp = () => emits('move-up-adapter')
 .action {
   width: 100%;
   height: 28px;
+  cursor: pointer;
 
   &-link {
     width: 100%;

package/components/common/adapterManager/ui/noSelectedAdapter/NoSelectedAdapterNew.vue

@@ -1,7 +1,9 @@
 <template>
-  <ui-not-found :text="localization.common.noItemSelected">
-    {{ localization.common.noAdapterSelected }}
-  </ui-not-found>
+  <div>
+    <ui-not-found :text="localization.common.noItemSelected">
+      {{ localization.common.noAdapterSelected }}
+    </ui-not-found>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -10,4 +12,8 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 const localization = computed<UI_I_Localization>(() => useLocal())
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+:deep(.ui-main-no-items-found.md span) {
+  font-weight: 400;
+}
+</style>