bfg-common 1.0.71 → 1.0.73

package/components/common/select/radio/RadioGroup.vue

@@ -17,6 +17,7 @@
         <label :for="radio.label">{{ radio.label }}</label>
 
         <div
+          v-if="'isTooltip' in radio"
           :id="`${radio.value}-select-tooltip-icon`"
           class="signpost-container relative"
         >

package/components/common/select/radio/models/interfaces.ts

@@ -6,8 +6,3 @@ export interface UI_I_RadioOption {
   description?: string
   tooltipContent?: string
 }
-
-export interface UI_I_DatastoreTypeOption extends UI_I_RadioOption {
-  desc: string
-  isShowHelp?: boolean
-}

package/components/common/wizards/datastore/add/nfs/version/Version.vue

@@ -1,23 +1,9 @@
 <template>
   <section class="nfs-version">
-    <div
-      v-for="item in nfsVersion"
-      :key="item.value"
-      class="nfs-version__inner radio"
-    >
-      <input
-        :id="item.label"
-        v-model="selectedVersion"
-        type="radio"
-        :value="item.value"
-        :disabled="item.disabled"
-      />
-      <label :for="item.label">
-        {{ item.label }}
-      </label>
-
-      <div class="nfs-version__desc">{{ item.desc }}</div>
-    </div>
+    <common-select-radio-group
+      v-model="selectedVersion"
+      :options="nfsVersion"
+    />
   </section>
 </template>
 
@@ -35,9 +21,7 @@ const emits = defineEmits<{
 }>()
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const nfsVersion = readonly<UI_I_RadioOption[]>(
-  nfsVersionFunc(localization.value)
-)
+const nfsVersion = ref<UI_I_RadioOption[]>(nfsVersionFunc(localization.value))
 
 const selectedVersion = computed<UI_T_NfsType>({
   get() {
@@ -51,20 +35,8 @@ const selectedVersion = computed<UI_T_NfsType>({
 
 <style lang="scss" scoped>
 .nfs-version {
-  &__desc {
-    margin-left: 22px;
-  }
-}
-.radio {
-  margin-bottom: 5px;
-  &:nth-child(2) {
-    margin-top: 10px;
-  }
-}
-.radio {
-}
-input[type='radio']:focus:checked + label::before,
-input[type='radio']:focus + label::before {
-  box-shadow: inset 0 0 0 0.25rem #0094d2;
+  //&__desc {
+  //  margin-left: 22px;
+  //}
 }
 </style>

package/components/common/wizards/datastore/add/nfs/version/config/versionOptions.ts

@@ -1,20 +1,20 @@
 import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
+import { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
 export const nfsVersionFunc = (
   localization: UI_I_Localization
-): UI_I_DatastoreTypeOption[] => {
+): UI_I_RadioOption[] => {
   return [
     {
       label: 'NFS 3',
       value: 'nfs-3',
       disabled: false,
-      desc: localization.nfsVersionDesc1,
+      description: localization.nfsVersionDesc1,
     },
     {
       label: 'NFS 4.1',
       value: 'nfs-4.1',
       disabled: false,
-      desc: localization.nfsVersionDesc2,
+      description: localization.nfsVersionDesc2,
     },
   ]
 }

package/components/common/wizards/datastore/add/sharedStorm/version/Version.vue

@@ -1,29 +1,15 @@
 <template>
   <section class="nfs-version">
-    <div
-      v-for="item in vmfsVersion"
-      :key="item.value"
-      class="nfs-version__inner radio"
-    >
-      <input
-        :id="item.label"
-        v-model="selectedVersion"
-        type="radio"
-        :value="item.value"
-        :disabled="item.disabled"
-      />
-      <label :for="item.label">
-        {{ item.label }}
-      </label>
-
-      <div class="nfs-version__desc">{{ item.desc }}</div>
-    </div>
+    <common-select-radio-group
+      v-model="selectedVersion"
+      :options="vmfsVersion"
+    />
   </section>
 </template>
 
 <script lang="ts" setup>
 import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
+import { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
 import { UI_T_VmfsType } from '~/components/common/wizards/datastore/add/models/types'
 import { vmfsVersionFunc } from '~/components/common/wizards/datastore/add/sharedStorm/version/config/versionOptions'
 
@@ -35,9 +21,7 @@ const emits = defineEmits<{
   (event: 'update:version', value: UI_T_VmfsType): void
 }>()
 
-const vmfsVersion = readonly<UI_I_DatastoreTypeOption[]>(
-  vmfsVersionFunc(localization.value)
-)
+const vmfsVersion = ref<UI_I_RadioOption[]>(vmfsVersionFunc(localization.value))
 
 const selectedVersion = computed<UI_T_VmfsType>({
   get() {
@@ -51,20 +35,5 @@ const selectedVersion = computed<UI_T_VmfsType>({
 
 <style lang="scss" scoped>
 .nfs-version {
-  &__desc {
-    margin-left: 22px;
-  }
-}
-.radio {
-  margin-bottom: 5px;
-  &:nth-child(2) {
-    margin-top: 10px;
-  }
-}
-.radio {
-}
-input[type='radio']:focus:checked + label::before,
-input[type='radio']:focus + label::before {
-  box-shadow: inset 0 0 0 0.25rem #0094d2;
 }
 </style>

package/components/common/wizards/datastore/add/sharedStorm/version/config/versionOptions.ts

@@ -1,19 +1,21 @@
 import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
+import { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
 
-export const vmfsVersionFunc = (localization: UI_I_Localization): UI_I_DatastoreTypeOption[] => {
+export const vmfsVersionFunc = (
+  localization: UI_I_Localization
+): UI_I_RadioOption[] => {
   return [
     {
       label: 'VMFS 6',
       value: 'vmfs-6',
       disabled: false,
-      desc: localization.vmfsVersionDesc1,
+      description: localization.vmfsVersionDesc1,
     },
     {
       label: 'VMFS 5',
       value: 'vmfs-5',
       disabled: false,
-      desc: localization.vmfsVersionDesc2,
+      description: localization.vmfsVersionDesc2,
     },
   ]
 }

package/package.json

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