bfg-common 1.0.15 → 1.0.17

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

@@ -1,114 +1,114 @@
-<template>
-  <div class="hardware-cpu">
-    <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 v-if="!props.isEdit">{{ vmNameLocal }}</span>
-            <input
-              v-else
-              id="general-option-vm-name"
-              v-model="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
-            >
-              <option selected :value="props.guestMachineType.value">
-                {{ props.guestMachineType.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"
-              disabled
-            >
-              <option selected :value="props.guestOsFamily.value">
-                {{ props.guestOsFamily.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"
-              disabled
-            >
-              <option selected :value="props.guestOsVersion.value">
-                {{ props.guestOsVersion.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-
-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
-}>()
-const emits = defineEmits<{
-  (event: 'update:vm-name', value: string): void
-}>()
-
-const vmNameLocal = computed<string>({
-  get() {
-    return props.vmName
-  },
-  set(newValue) {
-    emits('update:vm-name', newValue)
-  },
-})
-
-const blockIsOpen = ref<boolean>(false)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div class="hardware-cpu">
+    <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 v-if="!props.isEdit">{{ vmNameLocal }}</span>
+            <input
+              v-else
+              id="general-option-vm-name"
+              v-model="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
+            >
+              <option selected :value="props.guestMachineType.value">
+                {{ props.guestMachineType.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"
+              disabled
+            >
+              <option selected :value="props.guestOsFamily.value">
+                {{ props.guestOsFamily.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"
+              disabled
+            >
+              <option selected :value="props.guestOsVersion.value">
+                {{ props.guestOsVersion.text }}
+              </option>
+            </select>
+          </template>
+        </atoms-stack-block>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+
+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
+}>()
+const emits = defineEmits<{
+  (event: 'update:vm-name', value: string): void
+}>()
+
+const vmNameLocal = computed<string>({
+  get() {
+    return props.vmName
+  },
+  set(newValue) {
+    emits('update:vm-name', newValue)
+  },
+})
+
+const blockIsOpen = ref<boolean>(false)
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/RemoteConsoleOptions.vue

@@ -218,9 +218,13 @@ watch(
 const remoteConsoleOptionsInvalid = computed<boolean>(
   () => !passwordIsValid.value
 )
-watch(remoteConsoleOptionsInvalid, (val) => {
-  emits('invalid', val)
-})
+watch(
+  remoteConsoleOptionsInvalid,
+  (newValue) => {
+    emits('invalid', newValue)
+  },
+  { immediate: true }
+)
 </script>
 
 <style scoped lang="scss"></style>

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/imgCompression/ImgCompression.vue

@@ -45,7 +45,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   imgCompression: string
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
+  errorValidationFields: UI_I_ErrorValidationField[]
 }>()
 const emits = defineEmits<{
   (event: 'update:img-compression', value: string): void

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/jpegCompression/JpegCompression.vue

@@ -45,7 +45,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   jpegCompression: string
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
+  errorValidationFields: UI_I_ErrorValidationField[]
 }>()
 const emits = defineEmits<{
   (event: 'update:jpeg-compression', value: string): void

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

@@ -1,50 +1,50 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.keymap }}
-      </template>
-      <template #stackBlockContent>
-        <div class="select">
-          <select v-model="remoteConsoleTypeLocal" id="keymap-select">
-            <option
-              v-for="(item, key) in keymapOptions"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { keymapOptionsConfig } from '~/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/keymap/config/config'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-import { UI_I_Localization } from '~/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  keymap: string
-}>()
-const emits = defineEmits<{
-  (event: 'update:keymap', str: string): void
-}>()
-
-const keymapOptions = ref<UI_I_OptionItem[]>(keymapOptionsConfig)
-
-const remoteConsoleTypeLocal = computed<string>({
-  get() {
-    return props.keymap
-  },
-  set(newValue) {
-    emits('update:keymap', newValue)
-  },
-})
-</script>
-
-<style scoped></style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.keymap }}
+      </template>
+      <template #stackBlockContent>
+        <div class="select">
+          <select v-model="remoteConsoleTypeLocal" id="keymap-select">
+            <option
+              v-for="(item, key) in keymapOptions"
+              :key="key"
+              :value="item.value"
+            >
+              {{ item.text }}
+            </option>
+          </select>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { keymapOptionsConfig } from '~/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/keymap/config/config'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { UI_I_Localization } from '~/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  keymap: string
+}>()
+const emits = defineEmits<{
+  (event: 'update:keymap', value: string): void
+}>()
+
+const keymapOptions = ref<UI_I_OptionItem[]>(keymapOptionsConfig)
+
+const remoteConsoleTypeLocal = computed<string>({
+  get() {
+    return props.keymap
+  },
+  set(newValue) {
+    emits('update:keymap', newValue)
+  },
+})
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/mouseMode/MouseMode.vue

@@ -1,52 +1,52 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.mouseMode }}
-      </template>
-      <template #stackBlockContent>
-        <div class="select">
-          <select v-model="mouseModeLocal" id="mouse-mode-select" disabled>
-            <option
-              v-for="(item, key) in mouseModeOptions"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-import { mouseModeOptionsFunc } from '~/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/mouseMode/config/config'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  mouseMode: string
-}>()
-const emits = defineEmits<{
-  (event: 'update:mouse-mode', str: string): void
-}>()
-
-const mouseModeOptions = ref<UI_I_OptionItem[]>(
-  mouseModeOptionsFunc(localization.value)
-)
-
-const mouseModeLocal = computed<string>({
-  get() {
-    return props.mouseMode
-  },
-  set(newValue) {
-    emits('update:mouse-mode', newValue)
-  },
-})
-</script>
-
-<style scoped></style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.mouseMode }}
+      </template>
+      <template #stackBlockContent>
+        <div class="select">
+          <select v-model="mouseModeLocal" id="mouse-mode-select" disabled>
+            <option
+              v-for="(item, key) in mouseModeOptions"
+              :key="key"
+              :value="item.value"
+            >
+              {{ item.text }}
+            </option>
+          </select>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { mouseModeOptionsFunc } from '~/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/mouseMode/config/config'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  mouseMode: string
+}>()
+const emits = defineEmits<{
+  (event: 'update:mouse-mode', value: string): void
+}>()
+
+const mouseModeOptions = ref<UI_I_OptionItem[]>(
+  mouseModeOptionsFunc(localization.value)
+)
+
+const mouseModeLocal = computed<string>({
+  get() {
+    return props.mouseMode
+  },
+  set(newValue) {
+    emits('update:mouse-mode', newValue)
+  },
+})
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/StreamingMode.vue

@@ -45,7 +45,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   streamingMode: string
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
+  errorValidationFields: UI_I_ErrorValidationField[]
 }>()
 const emits = defineEmits<{
   (event: 'update:streaming-mode', value: string): void

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/type/Type.vue

@@ -45,7 +45,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   remoteConsoleType: string
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
+  errorValidationFields: UI_I_ErrorValidationField[]
 }>()
 const emits = defineEmits<{
   (event: 'update:remote-console-type', value: string): void

package/components/common/vm/actions/add/customizeHardware/vmoptions/remoteConsoleOptions/zlibCompression/ZlibCompression.vue

@@ -45,7 +45,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const props = defineProps<{
   zlibCompression: string
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
+  errorValidationFields: UI_I_ErrorValidationField[]
 }>()
 const emits = defineEmits<{
   (event: 'update:zlib-compression', value: string): void

package/components/common/vm/actions/add/select/compatibility/Compatibility.vue

@@ -75,9 +75,9 @@ const versions = ref<UI_I_OptionItem[]>(props.options)
 const selectedVersion = ref<UI_I_OptionItem | null>(null)
 watch(
   () => props.options,
-  (val) => {
-    versions.value = [...val]
-    selectedVersion.value = val[0]
+  (newValue) => {
+    versions.value = [...newValue]
+    selectedVersion.value = newValue[0]
   },
   { immediate: true }
 )
@@ -101,9 +101,9 @@ const versionDescription = computed<string>(() => {
 
 watch(
   selectedVersion,
-  (val) => {
-    if (!val) return
-    emits('change', val)
+  (newValue) => {
+    if (!newValue) return
+    emits('change', newValue)
   },
   { immediate: true }
 )