bfg-common 1.4.113 → 1.4.114

package/assets/scss/common/icons/icons-5.scss

@@ -133,10 +133,12 @@
 .icon-calendar-years {
   background-position: 0 73.4%;
 }
-.icon-folder-warning {
+.icon-folder-warning,
+.vsphere-icon-folder-warning {
   background-position: 0 74.6%;
 }
-.icon-folder-error {
+.icon-folder-error,
+.vsphere-icon-folder-error {
   background-position: 0 75.9%;
 }
 .icon-file {
@@ -166,15 +168,19 @@
 .icon-log-file-error {
   background-position: 0 87.3%;
 }
-.vx-icon-memory-warning {
+.vx-icon-memory-warning,
+.icon-vSphere-dsVmNvram-warning {
   background-position: 0 88.6%;
 }
-.vx-icon-memory-error {
+.vx-icon-memory-error
+.icon-vSphere-dsVmNvram-error {
   background-position: 0 89.8%;
 }
+.icon-vSphere-dsIsoImage-warning,
 .icon-ds-iso-image-warning {
   background-position: 0 91.1%;
 }
+.icon-vSphere-dsIsoImage-error,
 .icon-ds-iso-image-error {
   background-position: 0 92.4%;
 }
@@ -243,6 +249,8 @@
 .icon-calendar-years,
 .icon-folder-warning,
 .icon-folder-error,
+.vsphere-icon-folder-warning,
+.vsphere-icon-folder-error,
 .icon-file,
 .icon-file-warning,
 .icon-file-error,
@@ -254,6 +262,10 @@
 .icon-log-file-error,
 .vx-icon-memory-warning,
 .vx-icon-memory-error,
+.icon-vSphere-dsVmNvram-warning,
+.icon-vSphere-dsVmNvram-error,
+.icon-vSphere-dsIsoImage-warning,
+.icon-vSphere-dsIsoImage-error,
 .icon-ds-iso-image-warning,
 .icon-ds-iso-image-error,
 .icon-temporary-file,
@@ -314,6 +326,8 @@
 .active .icon-calendar-years,
 .active .icon-folder-warning,
 .active .icon-folder-error,
+.active .vsphere-icon-folder-warning,
+.active .vsphere-icon-folder-error,
 .active .icon-file,
 .active .icon-file-warning,
 .active .icon-file-error,
@@ -325,6 +339,10 @@
 .active .icon-log-file-error,
 .active .vx-icon-memory-warning,
 .active .vx-icon-memory-error,
+.active .icon-vSphere-dsVmNvram-warning,
+.active .icon-vSphere-dsVmNvram-error,
+.active .icon-vSphere-dsIsoImage-warning,
+.active .icon-vSphere-dsIsoImage-error,
 .active .icon-ds-iso-image-warning,
 .active .icon-ds-iso-image-error,
 .active .icon-temporary-file,
@@ -387,6 +405,8 @@
 .icon-calendar-years,
 .icon-folder-warning,
 .icon-folder-error,
+.vsphere-icon-folder-warning,
+.vsphere-icon-folder-error,
 .icon-file,
 .icon-file-warning,
 .icon-file-error,
@@ -398,6 +418,10 @@
 .icon-log-file-error,
 .vx-icon-memory-warning,
 .vx-icon-memory-error,
+.icon-vSphere-dsVmNvram-warning,
+.icon-vSphere-dsVmNvram-error,
+.icon-vSphere-dsIsoImage-warning,
+.icon-vSphere-dsIsoImage-error,
 .icon-ds-iso-image-warning,
 .icon-ds-iso-image-error,
 .icon-temporary-file,

package/components/common/layout/theHeader/TheHeaderNew.vue

@@ -29,7 +29,11 @@
               </button>
             </div>
           </template>
-          <template #content> {{ localization.common.menu }} </template>
+          <template #content>
+            <span class="header-tooltip-text">{{
+              localization.common.menu
+            }}</span>
+          </template>
         </ui-tooltip>
         <nuxt-link
           id="header-shortcuts-link"
@@ -77,7 +81,9 @@
             </div>
           </template>
           <template #content>
-            {{ localization.common.refresh }}
+            <span class="header-tooltip-text">
+              {{ localization.common.refresh }}
+            </span>
           </template>
         </ui-tooltip>
         <div class="divider" />
@@ -193,6 +199,10 @@ const localization = computed<UI_I_Localization>(() => useLocal())
     display: flex;
     justify-content: space-between;
 
+    .header-tooltip-text {
+      font-size: 12px;
+      font-weight: 500;
+    }
     .left-content {
       display: flex;
       align-items: center;

package/components/common/layout/theHeader/ThemeSwitch.vue

@@ -22,7 +22,7 @@
       </div>
     </template>
     <template #content>
-      <span class="text-nowrap">
+      <span class="text-nowrap header-tooltip-text">
         {{ tooltipText }}
       </span>
     </template>
@@ -57,3 +57,10 @@ const tooltipText = computed<string>(() =>
     : localization.value.layout.lightMode
 )
 </script>
+
+<style scoped lang="scss">
+.header-tooltip-text {
+  font-size: 12px;
+  font-weight: 500;
+}
+</style>

package/components/common/layout/theHeader/helpMenu/helpMenuNew/HelpMenuNew.vue

@@ -20,7 +20,7 @@
           >
             <span class="help-icon-container">
               <ui-icon-main-navigation-panel
-                name="icon-help"
+                name="icon-help-2"
                 width="24"
                 height="24"
               />
@@ -32,7 +32,9 @@
         </div>
       </template>
       <template #content>
-        {{ localization.mainNavigation.help }}
+        <span class="header-tooltip-text">{{
+          localization.mainNavigation.help
+        }}</span>
       </template>
     </ui-tooltip>
   </div>
@@ -114,6 +116,10 @@ const onSelectDropdown = (value: string): void => {
 
 <style scoped lang="scss">
 .help-menu-content {
+  .header-tooltip-text {
+    font-size: 12px;
+    font-weight: 500;
+  }
   .help-menu-dropdown-toggle {
     border: unset;
     padding: 0;

package/components/common/layout/theHeader/userMenu/userMenuNew/UserMenuNew.vue

@@ -29,7 +29,9 @@
         </div>
       </template>
       <template #content>
-        {{ localization.layout.myAccount }}
+        <span class="header-tooltip-text">{{
+          localization.layout.myAccount
+        }}</span>
       </template>
     </ui-tooltip>
   </div>
@@ -98,6 +100,10 @@ const onSelectDropdown = (value: string): void => {
 
 <style lang="scss">
 .user-menu-content {
+  .header-tooltip-text {
+    font-size: 12px;
+    font-weight: 500;
+  }
   .user-menu-dropdown-toggle {
     border: unset;
     padding: 0;

package/components/common/select/input/lib/models/interfaces.ts

@@ -2,5 +2,4 @@ export interface UI_I_SelectInputItem {
   label: string
   value: string | number
   disabled?: boolean
-  testId?: string
 }

package/components/common/wizards/datastore/add/nfs/configuration/Configuration.vue

@@ -90,9 +90,9 @@
         >
           <div class="flex-align-center input-action-wrapper">
             <input
-              id="configuration-folder-input"
+              id="configuration-server-input"
               v-model="model.server"
-              data-id="configuration-folder-input"
+              data-id="configuration-server-input"
               type="text"
               class="clr-input"
               @blur="initValidation(true, ['server'])"
@@ -124,13 +124,14 @@ import type {
 } from '~/lib/models/interfaces'
 import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
 import type { UI_I_InitialValidationFields } from '~/components/common/wizards/datastore/add/nfs/configuration/lib/models/interfaces'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
 
 const props = defineProps<{
   project: UI_T_Project
   alertMessages: string[]
   messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
 }>()
-const model = defineModel<any>()
+const model = defineModel<UI_I_CreateDatastoreForm>({ required: true })
 const emits = defineEmits<{
   (event: 'hide-alert', value: number): void
 }>()

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.113",
+  "version": "1.4.114",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",
@@ -35,7 +35,7 @@
     "@vueuse/components": "^10.1.2",
     "date-fns": "^2.29.3",
     "bfg-nuxt-3-graph": "1.0.15",
-    "bfg-uikit": "1.0.96",
+    "bfg-uikit": "1.0.97",
     "html2canvas": "^1.4.1",
     "prettier-eslint": "^15.0.1"
   }

package/components/common/wizards/vmNew/common/computeResource/TreeView.vue

@@ -1,61 +0,0 @@
-<template>
-  <div class="tree-view">
-    <atoms-loader-pre-loader
-      v-show="loading"
-      id="loader"
-      class="absolute-center tree-view__loading"
-      :show="true"
-    />
-    <common-recursion-tree
-      :nodes="props.computeResourceTree"
-      class="recursion-tree"
-      @get-nodes="onShowNodes"
-      @select-node="onSelectNode"
-      @contextmenu.prevent
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
-
-const props = defineProps<{
-  modelValue: UI_I_TreeNode | null
-  computeResourceTree: UI_I_TreeNode[]
-}>()
-
-const emits = defineEmits<{
-  (event: 'update:modelValue', value: UI_I_TreeNode): void
-  (
-    event: 'get-compute-resource-tree',
-    value: { id: string | number; cb: () => void }
-  ): void
-  (event: 'show-compute-resource-tree', value: UI_I_TreeNode): void
-  (event: 'select-compute-resource-tree', value: UI_I_TreeNode): void
-  (event: 'clear-compute-resource-tree'): void
-}>()
-
-const loading = ref<boolean>(false)
-const onShowNodes = (event: any): void => {
-  emits('show-compute-resource-tree', event)
-}
-const onSelectNode = (node: UI_I_TreeNode): void => {
-  emits('select-compute-resource-tree', node)
-
-  emits('update:modelValue', node)
-}
-</script>
-
-<style scoped lang="scss">
-.tree-view {
-  &__loading {
-    :deep(.spinner.spinner-inverse) {
-      position: static;
-      width: 45px;
-      height: 45px;
-      min-width: 45px;
-      min-height: 45px;
-    }
-  }
-}
-</style>

package/components/common/wizards/vmNew/common/tooltip/Tooltip.vue

@@ -1,84 +0,0 @@
-<template>
-  <td :id="tooltipTestId" class="sign-post">
-    <a
-      v-if="props.isShowElement"
-      href="javascript:void(0)"
-      data-id="show-find-help-button"
-      @click.stop="isShowTooltip = !isShowTooltip"
-      >{{ localization.common.vmOrigin }}
-    </a>
-    <atoms-the-icon
-      id="help-tooltip-icon"
-      data-id="show-help-tooltip-icon"
-      class="info-icon"
-      name="info-circle"
-      @click.stop="isShowTooltip = !isShowTooltip"
-    />
-
-    <atoms-tooltip-signpost
-      v-if="isShowTooltip"
-      :elem-id="tooltipTestId"
-      class="sign-post__content"
-      @hide="isShowTooltip = false"
-    >
-      <slot name="content"> </slot>
-    </atoms-tooltip-signpost>
-  </td>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = withDefaults(
-  defineProps<{
-    testId?: string
-    isShowElement?: boolean
-  }>(),
-  {
-    testId: 'tooltip',
-    isShowElement: false,
-  }
-)
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const tooltipTestId = computed<string>(
-  () => `${props.testId}-configure-navigation`
-)
-
-const isShowTooltip = ref<boolean>(false)
-</script>
-
-<style lang="scss" scoped>
-@import '../../../../../../assets/scss/common/mixins';
-.sign-post {
-  @include flex($align: center);
-  padding-left: 6px;
-  margin-top: 5px;
-  &__content {
-    max-width: 350px;
-  }
-  &__alert {
-    :deep(.alert-items) {
-      padding: 3px 5px;
-    }
-    :deep(.alert-text) {
-      @include text($fs: 11px, $c: var(--global-font-color2));
-      margin-right: 0;
-    }
-  }
-  &__title {
-    @include text($fs: 22px, $fw: 300, $c: var(--global-font-color));
-  }
-  &__desc {
-    @include text($fs: 14px, $fw: 400, $c: var(--global-font-color));
-  }
-
-  .info-icon {
-    width: 24px;
-    height: 24px;
-    fill: var(--dropdown-item-color);
-    cursor: pointer;
-  }
-}
-</style>

package/components/common/wizards/vmNew/common/validation/compatibility/Compatibility.vue

@@ -1,62 +0,0 @@
-<template>
-  <div class="compatibility">
-    <p class="compatibility__title">{{ localization.inventorySummary.compatibility }}</p>
-    <div class="flex-align-center compatibility__content">
-      <template v-if="!props.loading">
-        <div class="compatibility__message">
-          <div :class="['icon', iconStatus]" />
-          <span>{{ validationText }}</span>
-        </div>
-      </template>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_E_ValidationCompatibilityStatusIcon } from '~/components/common/wizards/vm/common/validation/lib/models/enums'
-
-const props = withDefaults(
-  defineProps<{
-    loading?: boolean
-    text: string
-    status: 'Error' | 'Success' | 'Warning'
-  }>(),
-  {
-    loading: true,
-  }
-)
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const iconStatus = computed<string>(
-  () => UI_E_ValidationCompatibilityStatusIcon[props.status]
-)
-
-const validationText = computed<string>(() => localization.value.common[props.text])
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins';
-.compatibility {
-  padding-top: 10px;
-
-  &__title {
-  }
-
-  &__content {
-    align-items: self-start;
-    border: 1px solid #000;
-    padding-top: 5px;
-    padding-left: 5px;
-    overflow: auto;
-    min-height: 75px;
-  }
-  &__message {
-    @include flex($align: center);
-    .icon {
-      margin-right: 5px;
-    }
-  }
-}
-</style>

package/components/common/wizards/vmNew/common/validation/lib/models/enums.ts

@@ -1,5 +0,0 @@
-export enum UI_E_ValidationCompatibilityStatusIcon {
-  Success = 'icon-status-ok',
-  Error = 'vsphere-icon-status-error',
-  Warning = 'vsphere-icon-status-warning',
-}