bfg-common 1.5.293 → 1.5.295

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue

@@ -44,7 +44,7 @@
 
       <ui-stack-block :has-children="false">
         <template #stackBlockKey>
-          {{ localization.common.machineType }}
+          <span class="mt-2">{{ localization.common.machineType }}</span>
         </template>
         <template #stackBlockContent>
           <ui-select
@@ -63,7 +63,7 @@
 
       <ui-stack-block :has-children="false">
         <template #stackBlockKey>
-          {{ localization.common.guestOsFamily }}
+          <span class="mt-2">{{ localization.common.guestOsFamily }}</span>
         </template>
         <template #stackBlockContent>
           <ui-select
@@ -83,7 +83,7 @@
 
       <ui-stack-block :has-children="false">
         <template #stackBlockKey>
-          {{ localization.common.guestOsVersion }}
+          <span class="mt-2">{{ localization.common.guestOsVersion }}</span>
         </template>
         <template #stackBlockContent>
           <ui-select
@@ -109,11 +109,16 @@ import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 
 const blockIsOpen = defineModel<boolean>('blockIsOpen', { required: true })
 const vmName = defineModel<string>('vmName', { required: true })
-const guestMachineType = defineModel<string>('guestMachineType', {
+const guestMachineType = defineModel<UI_I_OptionItem | null>(
+  'guestMachineType',
+  {
+    required: true,
+  }
+)
+const guestOsFamily = defineModel<UI_I_OptionItem | null>('guestOsFamily', {
   required: true,
 })
-const guestOsFamily = defineModel<string>('guestOsFamily', { required: true })
-const guestOsVersion = defineModel<string>('guestOsVersion', {
+const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
   required: true,
 })
 

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsOld.vue

@@ -1,143 +1,154 @@
-<template>
-  <div class="general-options">
-    <atoms-stack-block
-      :has-children="true"
-      test-id="general-options-stack-block"
-      @toggle="blockIsOpen = $event"
-    >
-      <template #stackBlockKey>
-        <div
-          id="vm-wizard-toggle-block-general-options"
-          data-id="vm-wizard-toggle-block-general-options"
-          class="flex-align-center"
-        >
-          <span>{{ localization.common.generalOptions }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <div v-show="!blockIsOpen">
-          {{ localization.common.vmName }}: {{ vmName }}
-        </div>
-      </template>
-      <template #stackChildren>
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.vmName }}
-          </template>
-          <template #stackBlockContent>
-            <span>{{ vmName }}</span>
-            <!--            <span v-if="!props.isEdit">{{ vmName }}</span>-->
-            <!--            <input-->
-            <!--              v-else-->
-            <!--              id="general-option-vm-name"-->
-            <!--              v-models="vmName"-->
-            <!--              type="text"-->
-            <!--            />-->
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.machineType }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="guestMachineType"
-              id="guest-machine-type-select"
-              v-model="guestMachineType"
-              :disabled="props.isDisabled"
-              data-id="guest-machine-type-select"
-            >
-              <option
-                v-for="item in props.machineTypeOptions"
-                :key="item.value"
-                :value="item"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.guestOsFamily }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="guestOsFamily"
-              id="guest-os-family-select"
-              v-model="guestOsFamily"
-              :disabled="props.isDisabled"
-              data-id="guest-os-family-select"
-              @change="emits('change-os')"
-            >
-              <option
-                v-for="item in props.osOptions"
-                :key="item.value"
-                :value="item"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.guestOsVersion }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="guestOsVersion"
-              id="guest-os-version-select"
-              v-model="guestOsVersion"
-              :disabled="props.isDisabled"
-              data-id="guest-os-version-select"
-            >
-              <option
-                v-for="item in props.versionsOptions"
-                :key="item.value"
-                :value="item"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-      </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 blockIsOpen = defineModel<boolean>('blockIsOpen', { required: true })
-const vmName = defineModel<string>('vmName', { required: true })
-const guestMachineType = defineModel<string>('guestMachineType', {
-  required: true,
-})
-const guestOsFamily = defineModel<string>('guestOsFamily', { required: true })
-const guestOsVersion = defineModel<string>('guestOsVersion', {
-  required: true,
-})
-
-const props = defineProps<{
-  isEdit: boolean
-  isClone: boolean
-  state?: string | number
-  isDisabled: boolean
-  machineTypeOptions: UI_I_OptionItem[]
-  osOptions: UI_I_OptionItem[]
-  versionsOptions: UI_I_OptionItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'change-os'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div class="general-options">
+    <atoms-stack-block
+      :has-children="true"
+      test-id="general-options-stack-block"
+      @toggle="blockIsOpen = $event"
+    >
+      <template #stackBlockKey>
+        <div
+          id="vm-wizard-toggle-block-general-options"
+          data-id="vm-wizard-toggle-block-general-options"
+          class="flex-align-center"
+        >
+          <span>{{ localization.common.generalOptions }}</span>
+        </div>
+      </template>
+      <template #stackBlockContent>
+        <div v-show="!blockIsOpen">
+          {{ localization.common.vmName }}: {{ vmName }}
+        </div>
+      </template>
+      <template #stackChildren>
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.common.vmName }}
+          </template>
+          <template #stackBlockContent>
+            <span>{{ vmName }}</span>
+            <!--            <span v-if="!props.isEdit">{{ vmName }}</span>-->
+            <!--            <input-->
+            <!--              v-else-->
+            <!--              id="general-option-vm-name"-->
+            <!--              v-models="vmName"-->
+            <!--              type="text"-->
+            <!--            />-->
+          </template>
+        </atoms-stack-block>
+
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.common.machineType }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="guestMachineType"
+              id="guest-machine-type-select"
+              v-model="guestMachineType"
+              :disabled="props.isDisabled"
+              :data-value="guestMachineType?.value"
+              data-id="guest-machine-type-select"
+            >
+              <option
+                v-for="item in props.machineTypeOptions"
+                :key="item.value"
+                :value="item"
+                :data-value="item.value"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </template>
+        </atoms-stack-block>
+
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.common.guestOsFamily }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="guestOsFamily"
+              id="guest-os-family-select"
+              v-model="guestOsFamily"
+              :disabled="props.isDisabled"
+              :data-value="guestOsFamily?.value"
+              data-id="guest-os-family-select"
+              @change="emits('change-os')"
+            >
+              <option
+                v-for="item in props.osOptions"
+                :key="item.value"
+                :value="item"
+                :data-value="item.value"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </template>
+        </atoms-stack-block>
+
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.common.guestOsVersion }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="guestOsVersion"
+              id="guest-os-version-select"
+              v-model="guestOsVersion"
+              :disabled="props.isDisabled"
+              :data-value="guestOsVersion?.value"
+              data-id="guest-os-version-select"
+            >
+              <option
+                v-for="item in props.versionsOptions"
+                :key="item.value"
+                :value="item"
+                :data-value="item.value"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </template>
+        </atoms-stack-block>
+      </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 blockIsOpen = defineModel<boolean>('blockIsOpen', { required: true })
+const vmName = defineModel<string>('vmName', { required: true })
+const guestMachineType = defineModel<UI_I_OptionItem | null>(
+  'guestMachineType',
+  {
+    required: true,
+  }
+)
+const guestOsFamily = defineModel<UI_I_OptionItem | null>('guestOsFamily', {
+  required: true,
+})
+const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
+  required: true,
+})
+
+const props = defineProps<{
+  isEdit: boolean
+  isClone: boolean
+  state?: string | number
+  isDisabled: boolean
+  machineTypeOptions: UI_I_OptionItem[]
+  osOptions: UI_I_OptionItem[]
+  versionsOptions: UI_I_OptionItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'change-os'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/copyPaste/CopyPasteNew.vue

@@ -1,31 +1,31 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.copyPaste }}
-    </template>
-    <template #stackBlockContent>
-      <ui-checkbox
-        id="copy-paste"
-        v-model="copyPaste"
-        test-id="copy-paste-checkbox"
-        :disabled="props.disabled"
-        :label-text="localization.common.enable"
-        size="md"
-      />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const copyPaste = defineModel<boolean>('copyPaste')
-
-const props = defineProps<{
-  disabled: boolean
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped></style>
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      <span class="mt-2">{{ localization.common.copyPaste }}</span>
+    </template>
+    <template #stackBlockContent>
+      <ui-checkbox
+        id="copy-paste"
+        v-model="copyPaste"
+        test-id="copy-paste-checkbox"
+        :disabled="props.disabled"
+        :label-text="localization.common.enable"
+        size="md"
+      />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const copyPaste = defineModel<boolean>('copyPaste')
+
+const props = defineProps<{
+  disabled: boolean
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/fileTransfer/FileTransferNew.vue

@@ -1,31 +1,31 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.fileTransfer }}
-    </template>
-    <template #stackBlockContent>
-      <ui-checkbox
-        id="file-transfer"
-        v-model="fileTransfer"
-        test-id="file-transfer-checkbox"
-        :disabled="props.disabled"
-        :label-text="localization.common.enable"
-        size="md"
-      />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const fileTransfer = defineModel<boolean>('fileTransfer', { required: true })
-
-const props = defineProps<{
-  disabled: boolean
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped></style>
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      <span class="mt-2">{{ localization.common.fileTransfer }}</span>
+    </template>
+    <template #stackBlockContent>
+      <ui-checkbox
+        id="file-transfer"
+        v-model="fileTransfer"
+        test-id="file-transfer-checkbox"
+        :disabled="props.disabled"
+        :label-text="localization.common.enable"
+        size="md"
+      />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const fileTransfer = defineModel<boolean>('fileTransfer', { required: true })
+
+const props = defineProps<{
+  disabled: boolean
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/folderSharing/FolderSharingNew.vue

@@ -1,7 +1,7 @@
 <template>
   <ui-stack-block :has-children="false">
     <template #stackBlockKey>
-      {{ localization.common.folderSharing }}
+      <span class="mt-2">{{ localization.common.folderSharing }}</span>
     </template>
     <template #stackBlockContent>
       <ui-checkbox

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/KeymapNew.vue

@@ -1,7 +1,7 @@
 <template>
   <ui-stack-block :has-children="false">
     <template #stackBlockKey>
-      {{ localization.common.keymap }}
+      <span class="mt-2">{{ localization.common.keymap }}</span>
     </template>
     <template #stackBlockContent>
       <ui-select

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/KeymapOld.vue

@@ -1,43 +1,44 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.keymap }}
-      </template>
-      <template #stackBlockContent>
-        <div class="select">
-          <select
-            id="keymap-select"
-            v-model="keymap"
-            :disabled="props.disabled"
-            data-id="keymap-select"
-          >
-            <option
-              v-for="(item, key) in props.keymapOptions"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const keymap = defineModel<string>('keymap', { required: true })
-
-const props = defineProps<{
-  disabled: boolean
-  keymapOptions: UI_I_OptionItem[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped></style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.common.keymap }}
+      </template>
+      <template #stackBlockContent>
+        <div class="select">
+          <select
+            id="keymap-select"
+            v-model="keymap"
+            :disabled="props.disabled"
+            :data-value="keymap"
+            data-id="keymap-select"
+          >
+            <option
+              v-for="(item, key) in props.keymapOptions"
+              :key="key"
+              :value="item.value"
+            >
+              {{ item.text }}
+            </option>
+          </select>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const keymap = defineModel<string>('keymap', { required: true })
+
+const props = defineProps<{
+  disabled: boolean
+  keymapOptions: UI_I_OptionItem[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped></style>