bfg-common 1.5.111 → 1.5.113

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/StorageModalNew.vue

@@ -1,74 +1,75 @@
-<template>
-  <ui-modal
-    v-if="props.storageModalIsShow"
-    show
-    :title="localization.common.selectStorage"
-    :texts="texts"
-    test-id="storage-modal-new"
-    size="md"
-    @hide="emits('hide')"
-    @submit="emits('submit')"
-  >
-    <template #content>
-      <div class="select-storage-modal-container">
-        <span class="description-text">{{
-          localization.common
-            .followingDatastoresAccessibleDestinationResourceThatSelected
-        }}</span>
-        <common-vm-actions-common-select-storage
-          :storage-submit="props.storageSubmit"
-          :datastore="props.datastore"
-          :get-datastore-table-func="props.getDatastoreTableFunc"
-          hide-compatibility
-          hide-alert
-          @submit="emits('change-storage', $event)"
-        />
-      </div>
-    </template>
-    <template #footerLeftContent>
-      <span></span>
-    </template>
-  </ui-modal>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  storageModalIsShow: boolean
-  storageSubmit: null | Function
-  datastore: UI_I_DatastoreTableItem[]
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-}>()
-
-const emits = defineEmits<{
-  (event: 'change-storage', value: UI_I_DatastoreTableItem): void
-  (event: 'submit'): void
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const texts = ref<UI_I_ModalTexts>({
-  button2: localization.value.common.select,
-})
-</script>
-
-<style scoped lang="scss">
-.select-storage-modal-container {
-  display: flex;
-  flex-direction: column;
-  grid-gap: 12px;
-  padding-left: 32px;
-  padding-bottom: 5px;
-
-  .description-text {
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 14.52px;
-    color: #9da6ad;
-  }
-}
-</style>
+<template>
+  <ui-modal
+    v-if="props.storageModalIsShow"
+    show
+    :title="localization.common.selectStorage"
+    :texts="texts"
+    test-id="storage-modal-new"
+    size="md"
+    @hide="emits('hide')"
+    @submit="emits('submit')"
+  >
+    <template #content>
+      <div class="select-storage-modal-container">
+        <span class="description-text">{{
+          localization.common
+            .followingDatastoresAccessibleDestinationResourceThatSelected
+        }}</span>
+        <common-vm-actions-common-select-storage
+          :storage-submit="props.storageSubmit"
+          :datastore="props.datastore"
+          :get-datastore-table-func="props.getDatastoreTableFunc"
+          hide-compatibility
+          hide-alert
+          @submit="emits('change-storage', $event)"
+        />
+      </div>
+    </template>
+    <template #footerLeftContent>
+      <span></span>
+    </template>
+  </ui-modal>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
+
+const props = defineProps<{
+  storageModalIsShow: boolean
+  storageSubmit: null | Function
+  datastore: UI_I_DatastoreTableItem[]
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+}>()
+
+const emits = defineEmits<{
+  (event: 'change-storage', value: UI_I_DatastoreTableItem): void
+  (event: 'submit'): void
+  (event: 'hide'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const texts = ref<UI_I_ModalTexts>({
+  button2: localization.value.common.select,
+})
+</script>
+
+<style scoped lang="scss">
+.select-storage-modal-container {
+  display: flex;
+  flex-direction: column;
+  grid-gap: 12px;
+  padding-left: 32px;
+  padding-bottom: 5px;
+
+  .description-text {
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 14.52px;
+    color: #9da6ad;
+  }
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/StorageModalOld.vue

@@ -1,8 +1,8 @@
 <template>
   <atoms-modal
-    class="storage-modal-old"
     :show="props.storageModalIsShow"
     :title="localization.common.selectStorage"
+    class="storage-modal-old"
     @submit="emits('submit')"
     @hide="emits('hide')"
   >

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/mode/ModeNew.vue

@@ -1,23 +1,23 @@
 <template>
-    <ui-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.diskMode }}
-      </template>
-      <template #stackBlockContent>
-        <ui-select
-          :id="`vm-wizard-disk-device-mode-field-${props.index}`"
-          v-model="diskMode"
-          width="auto"
-          :items="props.diskModeOptions"
-          :disabled="props.disabled"
-          :test-id="`vm-wizard-disk-device-mode-field-${props.index}`"
-          :class="`vm-wizard-disk-device-mode-field-${props.index} mode-field`"
-          :error-text="props.errorText"
-          size="sm"
-          @click.stop
-        />
-      </template>
-    </ui-stack-block>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      {{ localization.common.diskMode }}
+    </template>
+    <template #stackBlockContent>
+      <ui-select
+        :id="`vm-wizard-disk-device-mode-field-${props.index}`"
+        v-model="diskMode"
+        :items="props.diskModeOptions"
+        :disabled="props.disabled"
+        :test-id="`vm-wizard-disk-device-mode-field-${props.index}`"
+        :class="`vm-wizard-disk-device-mode-field-${props.index} mode-field`"
+        :error-text="props.errorText"
+        width="auto"
+        size="sm"
+        @click.stop
+      />
+    </template>
+  </ui-stack-block>
 </template>
 
 <script setup lang="ts">
@@ -37,7 +37,6 @@ const props = defineProps<{
 // }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
-
 </script>
 
 <style scoped>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/mode/ModeOld.vue

@@ -1,56 +1,56 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.diskMode }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!props.errorText"
-          :selector="`.vm-wizard-disk-device-mode-field-${props.index}`"
-          @remove="emits('remove-error')"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                v-model="diskMode"
-                :data-id="`vm-wizard-disk-device-mode-field-${props.index}`"
-                :class="`vm-wizard-disk-device-mode-field-${props.index}`"
-              >
-                <option
-                  v-for="item in diskModeOptions"
-                  :key="item.value"
-                  :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 localization = computed<UI_I_Localization>(() => useLocal())
-
-const diskMode = defineModel<string>('diskMode')
-
-const props = defineProps<{
-  index: number
-  disabled: boolean
-  errorText: string
-  diskModeOptions: UI_I_OptionItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error'): void
-}>()
-</script>
-
-<style scoped></style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.common.diskMode }}
+      </template>
+      <template #stackBlockContent>
+        <atoms-tooltip-error
+          :has-error="!!props.errorText"
+          :selector="`.vm-wizard-disk-device-mode-field-${props.index}`"
+          @remove="emits('remove-error')"
+        >
+          <template #elem>
+            <div class="select">
+              <select
+                v-model="diskMode"
+                :data-id="`vm-wizard-disk-device-mode-field-${props.index}`"
+                :class="`vm-wizard-disk-device-mode-field-${props.index}`"
+              >
+                <option
+                  v-for="item in diskModeOptions"
+                  :key="item.value"
+                  :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 diskMode = defineModel<string>('diskMode')
+
+const props = defineProps<{
+  index: number
+  disabled: boolean
+  errorText: string
+  diskModeOptions: 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/provisioning/ProvisioningNew.vue

@@ -7,11 +7,11 @@
       <ui-select
         :id="`vm-wizard-disk-device-provisioning-field-${props.index}`"
         v-model="diskProvisioning"
-        width="auto"
         :items="props.diskProvisioningOptions"
         :disabled="props.disabled"
         :test-id="`vm-wizard-disk-device-provisioning-field-${props.index}`"
         :class="`vm-wizard-disk-device-provisioning-field-${props.index} provisioning-field`"
+        width="auto"
         size="sm"
         @click.stop
       />

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

@@ -1,45 +1,45 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.sharing }}
-    </template>
-    <template #stackBlockContent>
-      <ui-select
-        :id="`vm-wizard-disk-device-sharing-field-${props.index}`"
-        v-model="sharing"
-        width="auto"
-        :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}`"
-        size="sm"
-        @click.stop
-      />
-    </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>
-:deep(.sharing .ui-main-select-toggle) {
-  width: 144px;
-}
-</style>
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      {{ localization.common.sharing }}
+    </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"
+        @click.stop
+      />
+    </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>
+:deep(.sharing .ui-main-select-toggle) {
+  width: 144px;
+}
+</style>