bfg-common 1.5.548 → 1.5.550

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

@@ -1,170 +1,162 @@
-<template>
-  <div class="general-options">
-    <atoms-stack-block
-      test-id="general-options-stack-block"
-      has-children
-      @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" data-id="header-vm-name">{{ props.nameLabel }}: {{ vmName }}</div>
-      </template>
-      <template #stackChildren>
-        <atoms-stack-block
-            :has-children="false"
-            test-id="general-options-vm-name-stack-block"
-        >
-          <template #stackBlockKey>
-            {{ props.nameLabel }}
-          </template>
-          <template #stackBlockContent>
-            <span data-id="vm-name">{{ 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"
-            test-id="general-options-machine-type-stack-block"
-        >
-          <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"
-            test-id="general-options-guest-os-family-stack-block"
-        >
-          <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"
-            test-id="general-options-guest-os-version-stack-block"
-        >
-          <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 = withDefaults(
-  defineProps<{
-    // isEdit: boolean
-    // isClone: boolean
-    isDisabled: boolean
-    nameLabel: string
-    machineTypeOptions: UI_I_OptionItem[]
-    osOptions: UI_I_OptionItem[]
-    versionsOptions: UI_I_OptionItem[]
-    state?: string | number
-  }>(),
-  {
-    state: undefined,
-  }
-)
-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
+      test-id="general-options-stack-block"
+      has-children
+      @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" data-id="header-vm-name">
+          {{ props.nameLabel }}: {{ model.name }}
+        </div>
+      </template>
+      <template #stackChildren>
+        <atoms-stack-block
+          :has-children="false"
+          test-id="general-options-vm-name-stack-block"
+        >
+          <template #stackBlockKey>
+            {{ props.nameLabel }}
+          </template>
+          <template #stackBlockContent>
+            <span data-id="vm-name">{{ model.name }}</span>
+            <!--            <span v-if="!props.isEdit">{{ model.name }}</span>-->
+            <!--            <input-->
+            <!--              v-else-->
+            <!--              id="general-option-vm-name"-->
+            <!--              v-models="model.name"-->
+            <!--              type="text"-->
+            <!--            />-->
+          </template>
+        </atoms-stack-block>
+
+        <atoms-stack-block
+          :has-children="false"
+          test-id="general-options-machine-type-stack-block"
+        >
+          <template #stackBlockKey>
+            {{ localization.common.machineType }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="model.machine_type"
+              id="guest-machine-type-select"
+              v-model="model.machine_type"
+              :disabled="props.isDisabled"
+              :data-value="model.machine_type"
+              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"
+          test-id="general-options-guest-os-family-stack-block"
+        >
+          <template #stackBlockKey>
+            {{ localization.common.guestOsFamily }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="model.guest_os_family"
+              id="guest-os-family-select"
+              v-model="model.guest_os_family"
+              :disabled="props.isDisabled"
+              :data-value="model.guest_os_family"
+              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"
+          test-id="general-options-guest-os-version-stack-block"
+        >
+          <template #stackBlockKey>
+            {{ localization.common.guestOsVersion }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="model.guest_os_version"
+              id="guest-os-version-select"
+              v-model="model.guest_os_version"
+              :disabled="props.isDisabled"
+              :data-value="model.guest_os_version"
+              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'
+import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
+
+const model = defineModel<UI_I_CreateVmData>({ required: true })
+
+const blockIsOpen = defineModel<boolean>('blockIsOpen', { required: true })
+
+const props = withDefaults(
+  defineProps<{
+    // isEdit: boolean
+    // isClone: boolean
+    isDisabled: boolean
+    nameLabel: string
+    machineTypeOptions: UI_I_OptionItem[]
+    osOptions: UI_I_OptionItem[]
+    versionsOptions: UI_I_OptionItem[]
+    state?: string | number
+  }>(),
+  {
+    state: undefined,
+  }
+)
+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/New.vue

@@ -1,148 +1,142 @@
-<template>
-  <ui-stack-block
-    test-id="remote-console-stack-block"
-    has-children
-    is-toggle-on-stack-view-key
-  >
-    <template #stackBlockKey>
-      <div
-        id="vm-wizard-toggle-block-remote-console"
-        data-id="vm-wizard-toggle-block-remote-console"
-        class="flex-align-center text-ellipsis"
-      >
-        <span class="title text-ellipsis">{{
-          localization.common.remoteConsoleOptions
-        }}</span>
-        <ui-icon
-          v-show="props.remoteConsoleOptionsInvalid"
-          width="18px"
-          height="18px"
-          name="error-outline"
-        />
-      </div>
-    </template>
-    <template #stackChildren>
-      <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
-
-      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-type-->
-      <!--          v-models:remote-console-type="remoteConsoleType"-->
-      <!--          :error-validation-fields="props.errorValidationFields"-->
-      <!--          :disabled="isDisabled"-->
-      <!--          @input="changeRemoteConsoleType"-->
-      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
-      <!--        />-->
-      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-keymap
-        v-model:keymap="keymap"
-        :disabled="props.isDisabled"
-      />
-      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-password
-        v-model:password="password"
-        :disabled="props.isDisabled"
-        @valid="passwordIsValid = $event"
-      />
-      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-power-control-->
-      <!--          v-if="remoteConsoleType === 'vnc'"-->
-      <!--          v-models:power-control="powerControl"-->
-      <!--        />-->
-      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-share-policy-->
-      <!--          v-if="remoteConsoleType === 'vnc'"-->
-      <!--          v-models:share-policy="sharePolicy"-->
-      <!--        />-->
-      <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
-      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-img-compression-->
-      <!--          v-if="remoteConsoleType === 'spice'"-->
-      <!--          v-models:img-compression="imgCompression"-->
-      <!--          :error-validation-fields="props.errorValidationFields"-->
-      <!--          :disabled="isDisabled"-->
-      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
-      <!--        />-->
-      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-jpeg-compression-->
-      <!--          v-if="remoteConsoleType === 'spice'"-->
-      <!--          v-models:jpeg-compression="jpegCompression"-->
-      <!--          :error-validation-fields="props.errorValidationFields"-->
-      <!--          :disabled="isDisabled"-->
-      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
-      <!--        />-->
-      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-zlib-compression-->
-      <!--          v-if="remoteConsoleType === 'spice'"-->
-      <!--          v-models:zlib-compression="zlibCompression"-->
-      <!--          :error-validation-fields="props.errorValidationFields"-->
-      <!--          :disabled="isDisabled"-->
-      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
-      <!--        />-->
-      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-playback-compression-->
-      <!--          v-if="remoteConsoleType === 'spice'"-->
-      <!--          :disabled="isDisabled"-->
-      <!--          v-models:playback-compression="playbackCompression"-->
-      <!--        />-->
-      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-streaming-mode-->
-      <!--          v-if="remoteConsoleType === 'spice'"-->
-      <!--          v-models:streaming-mode="streamingMode"-->
-      <!--          :error-validation-fields="props.errorValidationFields"-->
-      <!--          :disabled="isDisabled"-->
-      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
-      <!--        />-->
-      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-copy-paste
-        v-if="remoteConsoleType === 'spice'"
-        v-model:copy-paste="copyPaste"
-        :disabled="props.isDisabled"
-      />
-      <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
-      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-mouse-mode-->
-      <!--          v-if="remoteConsoleType === 'spice'"-->
-      <!--          v-models:mouse-mode="mouseMode"-->
-      <!--        />-->
-      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-file-transfer
-        v-if="remoteConsoleType === 'spice'"
-        v-model:file-transfer="fileTransfer"
-        :disabled="props.isDisabled"
-      />
-      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection
-        v-if="remoteConsoleType === 'spice'"
-        v-model:usb-redirection="usbRedirection"
-        :disabled="props.isDisabled"
-      />
-<!--      TODO 700-->
-<!--      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-folder-sharing-->
-<!--        v-if="remoteConsoleType === 'spice'"-->
-<!--        v-model:folder-sharing="folderSharing"-->
-<!--        :disabled="props.isDisabled"-->
-<!--      />-->
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const keymap = defineModel<string>('keymap', { required: true })
-const password = defineModel<string>('password', { required: true })
-const passwordIsValid = defineModel<boolean>('passwordIsValid', {
-  required: true,
-})
-const remoteConsoleType = defineModel<string>('remoteConsoleType', {
-  required: true,
-})
-const copyPaste = defineModel<boolean>('copyPaste', { required: true })
-const fileTransfer = defineModel<boolean>('fileTransfer', { required: true })
-const usbRedirection = defineModel<number>('usbRedirection', {
-  required: true,
-})
-// TODO 700
-// const folderSharing = defineModel<boolean>('folderSharing', { required: true })
-
-const props = defineProps<{
-  // TODO возможно вернем, НЕ УДАЛЯТЬ
-  // errorValidationFields: UI_I_ErrorValidationField<string>[]
-  remoteConsoleOptionsInvalid: boolean
-  isDisabled: boolean
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.title {
-  margin-right: 8px;
-}
-</style>
+<template>
+  <ui-stack-block
+    test-id="remote-console-stack-block"
+    has-children
+    is-toggle-on-stack-view-key
+  >
+    <template #stackBlockKey>
+      <div
+        id="vm-wizard-toggle-block-remote-console"
+        data-id="vm-wizard-toggle-block-remote-console"
+        class="flex-align-center text-ellipsis"
+      >
+        <span class="title text-ellipsis">{{
+          localization.common.remoteConsoleOptions
+        }}</span>
+        <ui-icon
+          v-show="props.remoteConsoleOptionsInvalid"
+          width="18px"
+          height="18px"
+          name="error-outline"
+        />
+      </div>
+    </template>
+    <template #stackChildren>
+      <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
+
+      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-type-->
+      <!--          v-models:remote-console-type="model.type"-->
+      <!--          :error-validation-fields="props.errorValidationFields"-->
+      <!--          :disabled="isDisabled"-->
+      <!--          @input="changeRemoteConsoleType"-->
+      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
+      <!--        />-->
+      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-keymap
+        v-model="model.keymap"
+        :disabled="props.isDisabled"
+      />
+      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-password
+        v-model="model.password"
+        :disabled="props.isDisabled"
+        @valid="passwordIsValid = $event"
+      />
+      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-power-control-->
+      <!--          v-if="model.type === 'vnc'"-->
+      <!--          v-models:power-control="powerControl"-->
+      <!--        />-->
+      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-share-policy-->
+      <!--          v-if="model.type === 'vnc'"-->
+      <!--          v-models:share-policy="sharePolicy"-->
+      <!--        />-->
+      <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
+      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-img-compression-->
+      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-models:img-compression="imgCompression"-->
+      <!--          :error-validation-fields="props.errorValidationFields"-->
+      <!--          :disabled="isDisabled"-->
+      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
+      <!--        />-->
+      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-jpeg-compression-->
+      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-models:jpeg-compression="jpegCompression"-->
+      <!--          :error-validation-fields="props.errorValidationFields"-->
+      <!--          :disabled="isDisabled"-->
+      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
+      <!--        />-->
+      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-zlib-compression-->
+      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-models:zlib-compression="zlibCompression"-->
+      <!--          :error-validation-fields="props.errorValidationFields"-->
+      <!--          :disabled="isDisabled"-->
+      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
+      <!--        />-->
+      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-playback-compression-->
+      <!--          v-if="model.type === 'spice'"-->
+      <!--          :disabled="isDisabled"-->
+      <!--          v-models:playback-compression="playbackCompression"-->
+      <!--        />-->
+      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-streaming-mode-->
+      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-models:streaming-mode="streamingMode"-->
+      <!--          :error-validation-fields="props.errorValidationFields"-->
+      <!--          :disabled="isDisabled"-->
+      <!--          @remove-error-by-title="emits('remove-error-by-title', $event)"-->
+      <!--        />-->
+      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-copy-paste
+        v-if="model.type === 'spice'"
+        v-model:copy-paste="model.spice.clipboard"
+        :disabled="props.isDisabled"
+      />
+      <!--        TODO возможно вернем, НЕ УДАЛЯТЬ-->
+      <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-mouse-mode-->
+      <!--          v-if="model.type === 'spice'"-->
+      <!--          v-models:mouse-mode="mouseMode"-->
+      <!--        />-->
+      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-file-transfer
+        v-if="model.type === 'spice'"
+        v-model:file-transfer="model.spice.file_transfer"
+        :disabled="props.isDisabled"
+      />
+      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection
+        v-if="model.type === 'spice'"
+        v-model:usb-redirection="usbRedirection"
+        :disabled="props.isDisabled"
+      />
+      <!--      TODO 700-->
+      <!--      <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-folder-sharing-->
+      <!--        v-if="model.type === 'spice'"-->
+      <!--        v-model:folder-sharing="model.spice.folder_sharing"-->
+      <!--        :disabled="props.isDisabled"-->
+      <!--      />-->
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
+
+const model = defineModel<UI_I_CreateVmData['options']['remote_console']>({ required: true })
+
+const passwordIsValid = defineModel<boolean>('passwordIsValid', {
+  required: true,
+})
+
+// TODO use from model
+const usbRedirection = ref<number>(3)
+
+const props = defineProps<{
+  // TODO возможно вернем, НЕ УДАЛЯТЬ
+  // errorValidationFields: UI_I_ErrorValidationField<string>[]
+  remoteConsoleOptionsInvalid: boolean
+  isDisabled: boolean
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.title {
+  margin-right: 8px;
+}
+</style>