bfg-common 1.3.497 → 1.3.498

package/components/common/wizards/datastoreNew/add/types/Types.vue

@@ -0,0 +1,77 @@
+<template>
+  <section class="datastore-types">
+    <div class="header-row">
+      <span class="datastore-types__subtitle">
+        {{ localization.specifyDatastoreType }}
+      </span>
+      <div id="type-select-help-icon" class="signpost-container relative">
+        <atoms-the-icon
+          data-id="toggle-type-select-help-icon"
+          fill="#0072a3"
+          width="24px"
+          height="24px"
+          name="info-circle"
+          @click="isShowTypeHelp = !isShowTypeHelp"
+        />
+        <atoms-tooltip-signpost
+          v-if="isShowTypeHelp"
+          elem-id="type-select-help-icon"
+          @hide="isShowTypeHelp = false"
+        >
+          <p class="help-desc">{{ localization.datastoreTypeHelpDesc }}</p>
+        </atoms-tooltip-signpost>
+      </div>
+    </div>
+
+    <common-select-radio-group
+      v-model="selectedDatastoreTypeLocal"
+      :options="datastoreTypes"
+      @change="onChangeType"
+    />
+  </section>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+import type { UI_T_DatastoreType } from '~/components/common/wizards/datastore/add/lib/models/types'
+import { E_DatastoreTypeKode } from '~/components/common/wizards/datastoreNew/add/lib/models/enums'
+import { datastoreTypesFunc } from '~/components/common/wizards/datastore/add/types/lib/config/typeOptions'
+
+const props = defineProps<{
+  project: UI_T_Project
+}>()
+const selectedDatastoreTypeLocal =
+  defineModel<UI_T_DatastoreType>('datastoreType')
+const typeCodeLocal = defineModel()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const datastoreTypes = ref<UI_I_RadioOption[]>(
+  datastoreTypesFunc(localization.value, props.project)
+)
+const onChangeType = (): void => {
+  typeCodeLocal.value = E_DatastoreTypeKode[selectedDatastoreTypeLocal.value]
+}
+
+const isShowTypeHelp = ref<boolean>(false)
+</script>
+
+<style lang="scss" scoped>
+.datastore-types {
+  .signpost-container {
+    display: flex;
+    cursor: pointer;
+
+    .help-desc-container {
+      max-width: 350px;
+    }
+  }
+  .header-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+}
+</style>

package/components/common/wizards/datastoreNew/add/types/lib/config/typeOptions.ts

@@ -0,0 +1,49 @@
+import { UI_I_Localization } from '~/lib/models/interfaces'
+import { UI_T_Project } from '~/lib/models/types'
+import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+
+export const datastoreTypesFunc = (
+  localization: UI_I_Localization,
+  project: UI_T_Project
+): UI_I_RadioOption[] => {
+  const types = [
+    {
+      label: localization.stormSharedStorage,
+      value: 'shared-storm',
+      disabled: false,
+      description: localization.sharedStormDesc,
+      isTooltip: false,
+      tooltipContent: localization.stormSharedStorageHelpDesc,
+      testId: 'datastore-type-shared-storm',
+    },
+    {
+      label: localization.nfs,
+      value: 'nfs',
+      disabled: false,
+      description: localization.nfsDesc,
+      isTooltip: false,
+      tooltipContent: localization.nfsHelpDesc,
+      testId: 'datastore-type-nfs',
+    },
+    // {
+    //   label: localization.vVol,
+    //   value: 'vVol',
+    //   disabled: true,
+    //   desc: localization.vVolDesc,
+    // },
+  ]
+
+  if (project === 'procurator') {
+    types.unshift({
+      label: localization.localStorage,
+      value: 'local',
+      disabled: false,
+      description: localization.localDesc,
+      isTooltip: false,
+      tooltipContent: localization.localStorageHelpDesc,
+      testId: 'datastore-type-local',
+    })
+  }
+
+  return types
+}

package/package.json

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