bfg-common 1.5.587 → 1.5.589

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/Sharing.vue

@@ -1,63 +1,63 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-sharing-new
-    v-if="isNewView"
-    v-model:sharing="sharing"
-    :index="props.index"
-    :disabled="props.disabled"
-    :error-text="apiError"
-    :sharing-options="sharingOptions"
-    @remove-error="onRemoveValidationError"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-sharing-old
-    v-else
-    v-model:sharing="sharing"
-    :index="props.index"
-    :disabled="props.disabled"
-    :error-text="apiError"
-    :sharing-options="sharingOptions"
-    @remove-error="onRemoveValidationError"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { sharingOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/lib/config/options'
-
-const sharing = defineModel<string>('sharing')
-
-const props = defineProps<{
-  index: number
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const sharingOptions = ref<UI_I_OptionItem[]>(
-  sharingOptionsFunc(localization.value)
-)
-
-const typeError = computed<string>(() => `disk_devices[${props.index}].sharing`)
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError.value)
-}
-</script>
-
-<style scoped></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-sharing-new
+    v-if="isNewView"
+    v-model:sharing="sharing"
+    :index="props.index"
+    :disabled="props.disabled"
+    :error-text="apiError"
+    :sharing-options="sharingOptions"
+    @remove-error="onRemoveValidationError"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-sharing-old
+    v-else
+    v-model:sharing="sharing"
+    :index="props.index"
+    :disabled="props.disabled"
+    :error-text="apiError"
+    :sharing-options="sharingOptions"
+    @remove-error="onRemoveValidationError"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import { sharingOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/lib/config/options'
+
+const sharing = defineModel<string>('sharing')
+
+const props = defineProps<{
+  index: number
+  disabled: boolean
+  errorValidationFields: UI_I_ErrorValidationField<string>[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const sharingOptions = ref<UI_I_OptionItem[]>(
+  sharingOptionsFunc(localization.value)
+)
+
+const typeError = computed<string>(() => `disk_devices[${props.index}].sharing`)
+
+const apiError = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find(
+      (message) => message.field === typeError.value
+    )?.error_message || ''
+  )
+})
+
+const onRemoveValidationError = (): void => {
+  emits('remove-error-by-title', typeError.value)
+}
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/SharingNew.vue

@@ -1,55 +1,55 @@
-<template>
-  <ui-stack-block
-      :has-children="false"
-      :test-id="`hard-disk-sharing-stack-block-${props.index}`"
-  >
-    <template #stackBlockKey>
-      <span class="limit-title mt-2">
-        {{ localization.common.sharing }}
-      </span>
-    </template>
-    <template #stackBlockContent>
-      <ui-select
-        :id="`vm-wizard-disk-device-sharing-field-${props.index}`"
-        v-model="sharing"
-        :disabled="props.disabled"
-        :items="props.sharingOptions"
-        :class="`vm-wizard-disk-device-sharing-field-${props.index} sharing`"
-        :test-id="`vm-wizard-disk-device-sharing-field-${props.index}`"
-        width="auto"
-        size="sm"
-      />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const sharing = defineModel<string>('sharing')
-
-const props = defineProps<{
-  index: number
-  disabled: boolean
-  errorText: string
-  sharingOptions: UI_I_OptionItem[]
-}>()
-// const emits = defineEmits<{
-//   (event: 'remove-error'): void
-// }>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped>
-.limit-title {
-  margin-right: 12px;
-}
-:deep(.sharing .ui-main-select-toggle) {
-  width: 144px;
-}
-:deep(.stack-block-label .stack-block-content) {
-  flex: unset !important;
-}
-</style>
+<template>
+  <ui-stack-block
+      :has-children="false"
+      :test-id="`hard-disk-sharing-stack-block-${props.index}`"
+  >
+    <template #stackBlockKey>
+      <span class="limit-title mt-2">
+        {{ localization.common.sharing }}
+      </span>
+    </template>
+    <template #stackBlockContent>
+      <ui-select
+        :id="`vm-wizard-disk-device-sharing-field-${props.index}`"
+        v-model="sharing"
+        :disabled="props.disabled"
+        :items="props.sharingOptions"
+        :class="`vm-wizard-disk-device-sharing-field-${props.index} sharing`"
+        :test-id="`vm-wizard-disk-device-sharing-field-${props.index}`"
+        width="auto"
+        size="sm"
+      />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const sharing = defineModel<string>('sharing')
+
+const props = defineProps<{
+  index: number
+  disabled: boolean
+  errorText: string
+  sharingOptions: UI_I_OptionItem[]
+}>()
+// const emits = defineEmits<{
+//   (event: 'remove-error'): void
+// }>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped>
+.limit-title {
+  margin-right: 12px;
+}
+:deep(.sharing .ui-main-select-toggle) {
+  width: 144px;
+}
+:deep(.stack-block-label .stack-block-content) {
+  flex: unset !important;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/SharingOld.vue

@@ -1,61 +1,61 @@
-<template>
-  <div class="">
-    <atoms-stack-block
-        :has-children="false"
-        :test-id="`hard-disk-sharing-stack-block-${props.index}`"
-    >
-      <template #stackBlockKey>
-        {{ localization.common.sharing }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!props.errorText"
-          :selector="`.vm-wizard-disk-device-sharing-field-${props.index}`"
-          @remove="emits('remove-error')"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                :id="`vm-wizard-disk-device-sharing-field-${props.index}`"
-                v-model="sharing"
-                :data-id="`vm-wizard-disk-device-sharing-field-${props.index}`"
-                :class="`vm-wizard-disk-device-sharing-field-${props.index}`"
-                :disabled="props.disabled"
-              >
-                <option
-                  v-for="(item, key) in sharingOptions"
-                  :key="key"
-                  :value="item.value"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-          <template #content>{{ props.errorText }}</template>
-        </atoms-tooltip-error>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const sharing = defineModel<string>('sharing')
-
-const props = defineProps<{
-  index: number
-  disabled: boolean
-  errorText: string
-  sharingOptions: UI_I_OptionItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped></style>
+<template>
+  <div class="">
+    <atoms-stack-block
+        :has-children="false"
+        :test-id="`hard-disk-sharing-stack-block-${props.index}`"
+    >
+      <template #stackBlockKey>
+        {{ localization.common.sharing }}
+      </template>
+      <template #stackBlockContent>
+        <atoms-tooltip-error
+          :has-error="!!props.errorText"
+          :selector="`.vm-wizard-disk-device-sharing-field-${props.index}`"
+          @remove="emits('remove-error')"
+        >
+          <template #elem>
+            <div class="select">
+              <select
+                :id="`vm-wizard-disk-device-sharing-field-${props.index}`"
+                v-model="sharing"
+                :data-id="`vm-wizard-disk-device-sharing-field-${props.index}`"
+                :class="`vm-wizard-disk-device-sharing-field-${props.index}`"
+                :disabled="props.disabled"
+              >
+                <option
+                  v-for="(item, key) in sharingOptions"
+                  :key="key"
+                  :value="item.value"
+                >
+                  {{ item.text }}
+                </option>
+              </select>
+            </div>
+          </template>
+          <template #content>{{ props.errorText }}</template>
+        </atoms-tooltip-error>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const sharing = defineModel<string>('sharing')
+
+const props = defineProps<{
+  index: number
+  disabled: boolean
+  errorText: string
+  sharingOptions: UI_I_OptionItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-error'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/sharing/lib/config/options.ts

@@ -1,12 +1,12 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const sharingOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.unspecified, value: '' },
-    { text: localization.common.noSharing, value: 'no' },
-    { text: localization.common.multiWriter, value: 'yes' },
-  ]
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+export const sharingOptionsFunc = (
+  localization: UI_I_Localization
+): UI_I_OptionItem[] => {
+  return [
+    { text: localization.common.unspecified, value: '' },
+    { text: localization.common.noSharing, value: 'no' },
+    { text: localization.common.multiWriter, value: 'yes' },
+  ]
+}