bfg-common 1.5.707 → 1.5.708

package/components/common/wizards/datastore/add/steps/nameAndDevice/advancedOptions/Old.vue

@@ -1,114 +0,0 @@
-<template>
-  <div class="advanced-options-wrap clr-form-control">
-    <b
-      class="advanced-options-label btn btn-link"
-      @click="isShowAdvancedOptions = !isShowAdvancedOptions"
-    >
-      {{ localization.common.advancedOptions }}
-    </b>
-    <div v-show="isShowAdvancedOptions" class="advanced-options compact">
-      <div class="radio">
-        <input
-          v-model="model"
-          id="advanced-option-liner"
-          data-id="advanced-option-liner"
-          type="radio"
-          value="linear"
-        />
-        <label for="advanced-option-liner"> Linear </label>
-      </div>
-      <div :class="['radio', { disabled: props.devNamesCount < 2 }]">
-        <input
-          v-model="model"
-          id="advanced-option-raid0"
-          :disabled="props.devNamesCount < 2"
-          data-id="advanced-option-raid0"
-          type="radio"
-          value="raid0"
-        />
-        <label for="advanced-option-raid0"> Raid0 </label>
-      </div>
-      <div :class="['radio', { disabled: props.devNamesCount < 2 }]">
-        <input
-          v-model="model"
-          id="advanced-option-raid1"
-          :disabled="props.devNamesCount < 2"
-          data-id="advanced-option-raid1"
-          type="radio"
-          value="raid1"
-        />
-        <label for="advanced-option-raid1"> Raid1 </label>
-      </div>
-      <div :class="['radio', { disabled: props.devNamesCount < 3 }]">
-        <input
-          v-model="model"
-          id="advanced-option-raid5"
-          :disabled="props.devNamesCount < 3"
-          data-id="advanced-option-raid5"
-          type="radio"
-          value="raid5"
-        />
-        <label for="advanced-option-raid5"> Raid5 </label>
-      </div>
-      <div :class="['radio', { disabled: props.devNamesCount < 4 }]">
-        <input
-          v-model="model"
-          id="advanced-option-raid6"
-          :disabled="props.devNamesCount < 4"
-          data-id="advanced-option-raid6"
-          type="radio"
-          value="raid6"
-        />
-        <label for="advanced-option-raid6"> Raid6 </label>
-      </div>
-      <div :class="['radio', { disabled: props.devNamesCount < 4 }]">
-        <input
-          v-model="model"
-          id="advanced-option-raid10"
-          :disabled="props.devNamesCount < 4"
-          data-id="advanced-option-raid10"
-          type="radio"
-          value="raid10"
-        />
-        <label for="advanced-option-raid10"> Raid10 </label>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateDatastoreForm['level']>({ required: true })
-
-const props = defineProps<{
-  devNamesCount: number
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isShowAdvancedOptions = ref<boolean>(false)
-</script>
-
-<style scoped lang="scss">
-.advanced-options-wrap {
-  display: flex;
-  gap: 10px;
-
-  .advanced-options-label {
-    margin: 0;
-    padding: 0;
-    line-height: normal;
-    height: auto;
-  }
-
-  .radio {
-    margin-bottom: 5px;
-  }
-  input[type='radio']:focus:checked + label::before,
-  input[type='radio']:focus + label::before {
-    box-shadow: inset 0 0 0 0.25rem #0094d2;
-  }
-}
-</style>