bfg-common 1.3.4 → 1.3.6

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

@@ -1,181 +1,181 @@
-<template>
-  <div class="general-options">
-    <atoms-stack-block :has-children="true" @toggle="blockIsOpen = $event">
-      <template #stackBlockKey>
-        <div class="flex-align-center">
-          <span>{{ localization.generalOptions }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <div v-show="!blockIsOpen">
-          {{ localization.vmName }}: {{ vmNameLocal }}
-        </div>
-      </template>
-      <template #stackChildren>
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.vmName }}
-          </template>
-          <template #stackBlockContent>
-            <span>{{ vmNameLocal }}</span>
-            <!--            <span v-if="!props.isEdit">{{ vmNameLocal }}</span>-->
-            <!--            <input-->
-            <!--              v-else-->
-            <!--              id="general-option-vm-name"-->
-            <!--              v-models="vmNameLocal"-->
-            <!--              type="text"-->
-            <!--            />-->
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.machineType }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="props.guestMachineType"
-              id="guest-machine-type-select"
-              :disabled="isDisabled"
-              v-model="guestMachineTypeLocal"
-            >
-              <option
-                v-for="item in machineTypeOptions"
-                :key="item.value"
-                :value="item"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.guestOsFamily }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="props.guestOsFamily"
-              id="guest-os-family-select"
-              v-model="guestOsFamilyLocal"
-              :disabled="isDisabled"
-              @change="onChangeOS"
-            >
-              <option v-for="item in osOptions" :key="item.value" :value="item">
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.guestOsVersion }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="props.guestOsVersion"
-              id="guest-os-version-select"
-              v-model="guestOsVersionLocal"
-              :disabled="isDisabled"
-            >
-              <option
-                v-for="item in 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 { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  vmName: string
-  guestMachineType: UI_I_OptionItem | null
-  guestOsFamily: UI_I_OptionItem | null
-  guestOsVersion: UI_I_OptionItem | null
-  isEdit: boolean
-  isClone: boolean
-  state?: string | number
-}>()
-const emits = defineEmits<{
-  (event: 'update:vm-name', value: string): void
-  (event: 'update:guest-machine-type', value: UI_I_OptionItem | null): void
-  (event: 'update:guest-os-family', value: UI_I_OptionItem | null): void
-  (event: 'update:guest-os-version', value: UI_I_OptionItem | null): void
-}>()
-
-const isDisabled = computed<boolean>(
-  () => (!props.isEdit && !props.isClone) || (props.isEdit && props.state !== 1)
-)
-
-const vmNameLocal = computed<string>({
-  get() {
-    return props.vmName
-  },
-  set(newValue) {
-    emits('update:vm-name', newValue)
-  },
-})
-
-const guestMachineTypeLocal = computed<UI_I_OptionItem | null>({
-  get() {
-    return props.guestMachineType
-  },
-  set(newValue) {
-    emits('update:guest-machine-type', newValue)
-  },
-})
-const machineTypeOptions = ref<UI_I_OptionItem[]>(capabilities.machineTypes)
-
-const guestOsFamilyLocal = computed<UI_I_OptionItem | null>({
-  get() {
-    return props.guestOsFamily
-  },
-  set(newValue) {
-    emits('update:guest-os-family', newValue)
-  },
-})
-const osOptions = ref<UI_I_OptionItem[]>(capabilities.guestOsFamilies)
-const onChangeOS = (): void => {
-  guestOsVersionLocal.value = versionsOptions.value[0]
-}
-
-const guestOsVersionLocal = computed<UI_I_OptionItem | null>({
-  get() {
-    return props.guestOsVersion
-  },
-  set(newValue) {
-    emits('update:guest-os-version', newValue)
-  },
-})
-const versionsOptions = computed<UI_I_OptionItem[]>(() => {
-  if (!guestOsFamilyLocal.value) return []
-
-  return capabilities.guestOsVersions[guestOsFamilyLocal.value.value] || []
-})
-watch(
-  versionsOptions,
-  () => {
-    guestOsVersionLocal.value = versionsOptions.value[0]
-  }
-  // { immediate: true }
-)
-
-const blockIsOpen = ref<boolean>(false)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div class="general-options">
+    <atoms-stack-block :has-children="true" @toggle="blockIsOpen = $event">
+      <template #stackBlockKey>
+        <div class="flex-align-center">
+          <span>{{ localization.generalOptions }}</span>
+        </div>
+      </template>
+      <template #stackBlockContent>
+        <div v-show="!blockIsOpen">
+          {{ localization.vmName }}: {{ vmNameLocal }}
+        </div>
+      </template>
+      <template #stackChildren>
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.vmName }}
+          </template>
+          <template #stackBlockContent>
+            <span>{{ vmNameLocal }}</span>
+            <!--            <span v-if="!props.isEdit">{{ vmNameLocal }}</span>-->
+            <!--            <input-->
+            <!--              v-else-->
+            <!--              id="general-option-vm-name"-->
+            <!--              v-models="vmNameLocal"-->
+            <!--              type="text"-->
+            <!--            />-->
+          </template>
+        </atoms-stack-block>
+
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.machineType }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="props.guestMachineType"
+              id="guest-machine-type-select"
+              :disabled="isDisabled"
+              v-model="guestMachineTypeLocal"
+            >
+              <option
+                v-for="item in machineTypeOptions"
+                :key="item.value"
+                :value="item"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </template>
+        </atoms-stack-block>
+
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.guestOsFamily }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="props.guestOsFamily"
+              id="guest-os-family-select"
+              v-model="guestOsFamilyLocal"
+              :disabled="isDisabled"
+              @change="onChangeOS"
+            >
+              <option v-for="item in osOptions" :key="item.value" :value="item">
+                {{ item.text }}
+              </option>
+            </select>
+          </template>
+        </atoms-stack-block>
+
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.guestOsVersion }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="props.guestOsVersion"
+              id="guest-os-version-select"
+              v-model="guestOsVersionLocal"
+              :disabled="isDisabled"
+            >
+              <option
+                v-for="item in 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 { UI_I_Localization } from '~/lib/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  vmName: string
+  guestMachineType: UI_I_OptionItem | null
+  guestOsFamily: UI_I_OptionItem | null
+  guestOsVersion: UI_I_OptionItem | null
+  isEdit: boolean
+  isClone: boolean
+  state?: string | number
+}>()
+const emits = defineEmits<{
+  (event: 'update:vm-name', value: string): void
+  (event: 'update:guest-machine-type', value: UI_I_OptionItem | null): void
+  (event: 'update:guest-os-family', value: UI_I_OptionItem | null): void
+  (event: 'update:guest-os-version', value: UI_I_OptionItem | null): void
+}>()
+
+const isDisabled = computed<boolean>(
+  () => (!props.isEdit && !props.isClone) || (props.isEdit && props.state !== 1)
+)
+
+const vmNameLocal = computed<string>({
+  get() {
+    return props.vmName
+  },
+  set(newValue) {
+    emits('update:vm-name', newValue)
+  },
+})
+
+const guestMachineTypeLocal = computed<UI_I_OptionItem | null>({
+  get() {
+    return props.guestMachineType
+  },
+  set(newValue) {
+    emits('update:guest-machine-type', newValue)
+  },
+})
+const machineTypeOptions = ref<UI_I_OptionItem[]>(capabilities.machineTypes)
+
+const guestOsFamilyLocal = computed<UI_I_OptionItem | null>({
+  get() {
+    return props.guestOsFamily
+  },
+  set(newValue) {
+    emits('update:guest-os-family', newValue)
+  },
+})
+const osOptions = ref<UI_I_OptionItem[]>(capabilities.guestOsFamilies)
+const onChangeOS = (): void => {
+  guestOsVersionLocal.value = versionsOptions.value[0]
+}
+
+const guestOsVersionLocal = computed<UI_I_OptionItem | null>({
+  get() {
+    return props.guestOsVersion
+  },
+  set(newValue) {
+    emits('update:guest-os-version', newValue)
+  },
+})
+const versionsOptions = computed<UI_I_OptionItem[]>(() => {
+  if (!guestOsFamilyLocal.value) return []
+
+  return capabilities.guestOsVersions[guestOsFamilyLocal.value.value] || []
+})
+watch(
+  versionsOptions,
+  () => {
+    guestOsVersionLocal.value = versionsOptions.value[0]
+  }
+  // { immediate: true }
+)
+
+const blockIsOpen = ref<boolean>(false)
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces.ts

@@ -1,34 +1,34 @@
-export interface UI_I_SendDataVmoptions {
-  remote_console: UI_I_SendDataRemoteConsoleOptions | null
-  guest_tools: UI_I_SendDataTools | null
-  boot_options: UI_I_SendDataBootOptions | null
-}
-export interface UI_I_SendDataRemoteConsoleOptions {
-  type: string
-  port: number
-  keymap: string
-  password: string
-  guest_os_lock: boolean
-  limit_sessions: number
-  spice: UI_I_SendDataRemoteConsoleOptionsSpice
-}
-export interface UI_I_SendDataRemoteConsoleOptionsSpice {
-  img_compression: string
-  jpeg_compression: string
-  zlib_glz_compression: string
-  streaming_mode: string
-  playback_compression: boolean
-  file_transfer: boolean
-  clipboard: boolean
-}
-
-export interface UI_I_SendDataTools {
-  enabled: boolean
-  synchronized_time: boolean
-}
-
-export interface UI_I_SendDataBootOptions {
-  firmware: string
-  boot_delay_ms: number
-  boot_menu: boolean
-}
+export interface UI_I_SendDataVmoptions {
+  remote_console: UI_I_SendDataRemoteConsoleOptions | null
+  guest_tools: UI_I_SendDataTools | null
+  boot_options: UI_I_SendDataBootOptions | null
+}
+export interface UI_I_SendDataRemoteConsoleOptions {
+  type: string
+  port: number
+  keymap: string
+  password: string
+  guest_os_lock: boolean
+  limit_sessions: number
+  spice: UI_I_SendDataRemoteConsoleOptionsSpice
+}
+export interface UI_I_SendDataRemoteConsoleOptionsSpice {
+  img_compression: string
+  jpeg_compression: string
+  zlib_glz_compression: string
+  streaming_mode: string
+  playback_compression: boolean
+  file_transfer: boolean
+  clipboard: boolean
+}
+
+export interface UI_I_SendDataTools {
+  enabled: boolean
+  synchronized_time: boolean
+}
+
+export interface UI_I_SendDataBootOptions {
+  firmware: string
+  boot_delay_ms: number
+  boot_menu: boolean
+}

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/FileTransfer.vue

@@ -1,51 +1,51 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.fileTransfer }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="file-transfer"
-            v-model="fileTransferLocal"
-            :disabled="props.disabled"
-            type="checkbox"
-          />
-          <label for="file-transfer" class="label-text-normal">{{
-            localization.enable
-          }}</label>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  fileTransfer: boolean
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:file-transfer', value: boolean): boolean
-}>()
-
-const fileTransferLocal = computed<boolean>({
-  get() {
-    return props.fileTransfer
-  },
-  set(newValue) {
-    emits('update:file-transfer', newValue)
-  },
-})
-</script>
-
-<style scoped>
-#file-transfer {
-  margin: 0 4px 4px 0;
-}
-</style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.fileTransfer }}
+      </template>
+      <template #stackBlockContent>
+        <div class="flex-align-center">
+          <input
+            id="file-transfer"
+            v-model="fileTransferLocal"
+            :disabled="props.disabled"
+            type="checkbox"
+          />
+          <label for="file-transfer" class="label-text-normal">{{
+            localization.enable
+          }}</label>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  fileTransfer: boolean
+  disabled: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'update:file-transfer', value: boolean): boolean
+}>()
+
+const fileTransferLocal = computed<boolean>({
+  get() {
+    return props.fileTransfer
+  },
+  set(newValue) {
+    emits('update:file-transfer', newValue)
+  },
+})
+</script>
+
+<style scoped>
+#file-transfer {
+  margin: 0 4px 4px 0;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/FolderSharing.vue

@@ -1,50 +1,50 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.folderSharing }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <input
-            id="folder-sharing"
-            v-model="folderSharingLocal"
-            type="checkbox"
-            disabled
-          />
-          <label for="folder-sharing" class="div-disabled label-text-normal">{{
-            localization.enable
-          }}</label>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  folderSharing: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:folder-sharing', value: boolean): void
-}>()
-
-const folderSharingLocal = computed<boolean>({
-  get() {
-    return props.folderSharing
-  },
-  set(newValue) {
-    emits('update:folder-sharing', newValue)
-  },
-})
-</script>
-
-<style scoped>
-#folder-sharing {
-  margin: 0 4px 4px 0;
-}
-</style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.folderSharing }}
+      </template>
+      <template #stackBlockContent>
+        <div class="flex-align-center">
+          <input
+            id="folder-sharing"
+            v-model="folderSharingLocal"
+            type="checkbox"
+            disabled
+          />
+          <label for="folder-sharing" class="div-disabled label-text-normal">{{
+            localization.enable
+          }}</label>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  folderSharing: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'update:folder-sharing', value: boolean): void
+}>()
+
+const folderSharingLocal = computed<boolean>({
+  get() {
+    return props.folderSharing
+  },
+  set(newValue) {
+    emits('update:folder-sharing', newValue)
+  },
+})
+</script>
+
+<style scoped>
+#folder-sharing {
+  margin: 0 4px 4px 0;
+}
+</style>