bfg-common 1.5.550 → 1.5.551

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/{New.vue → KeymapNew.vue}

@@ -1,45 +1,45 @@
-<template>
-  <ui-stack-block
-    :has-children="false"
-    test-id="remote-console-keymap-stack-block"
-  >
-    <template #stackBlockKey>
-      <span class="mt-2">{{ localization.common.keymap }}</span>
-    </template>
-    <template #stackBlockContent>
-      <ui-select
-        id="keymap-select"
-        v-model="model"
-        :items="props.keymapOptions"
-        :disabled="props.disabled"
-        width="auto"
-        test-id="keymap-select"
-        class="keymap-select"
-        size="sm"
-      />
-    </template>
-  </ui-stack-block>
-</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 model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  disabled: boolean
-  keymapOptions: UI_I_OptionItem[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped>
-:deep(.keymap-select .ui-main-select-toggle) {
-  width: 108px;
-}
-:deep(.stack-block-label .stack-block-content) {
-  flex: unset !important;
-}
-</style>
+<template>
+  <ui-stack-block
+      :has-children="false"
+      test-id="remote-console-keymap-stack-block"
+  >
+    <template #stackBlockKey>
+      <span class="mt-2">{{ localization.common.keymap }}</span>
+    </template>
+    <template #stackBlockContent>
+      <ui-select
+        id="keymap-select"
+        v-model="keymap"
+        :items="props.keymapOptions"
+        :disabled="props.disabled"
+        width="auto"
+        test-id="keymap-select"
+        class="keymap-select"
+        size="sm"
+      />
+    </template>
+  </ui-stack-block>
+</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>
+:deep(.keymap-select .ui-main-select-toggle) {
+  width: 108px;
+}
+:deep(.stack-block-label .stack-block-content) {
+   flex: unset !important;
+ }
+</style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/{Old.vue → KeymapOld.vue}

@@ -1,47 +1,47 @@
-<template>
-  <div class="">
-    <atoms-stack-block
-      :has-children="false"
-      test-id="remote-console-keymap-stack-block"
-    >
-      <template #stackBlockKey>
-        {{ localization.common.keymap }}
-      </template>
-      <template #stackBlockContent>
-        <div class="select">
-          <select
-            id="keymap-select"
-            v-model="model"
-            :disabled="props.disabled"
-            :data-value="model"
-            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 model = defineModel<string>({ 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"
+        test-id="remote-console-keymap-stack-block"
+    >
+      <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>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/Password.vue

@@ -1,102 +1,103 @@
-<template>
-  <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-password-new
-    v-if="isNewView"
-    v-model:is-enabled-password="isEnabledPassword"
-    v-model:form="form"
-    :disabled="props.disabled"
-    :error-text="passwordErrorText"
-    @set-password-disable="setPasswordDisable"
-    @change-password="changePassword"
-    @generate-password="onGeneratePassword"
-  />
-  <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-password-old
-    v-else
-    v-model:is-enabled-password="isEnabledPassword"
-    v-model:form="form"
-    :disabled="props.disabled"
-    :error-text="passwordErrorText"
-    @set-password-disable="setPasswordDisable"
-    @change-password="changePassword"
-    @generate-password="onGeneratePassword"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_DefaultForm } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { generatePassword } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/lib/utils'
-
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'valid', value: boolean): void
-}>()
-
-const { $store, $validation }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const validation = $validation.call({})
-const defaultForm: UI_I_DefaultForm = {
-  password: {
-    value: model.value,
-    validations: [
-      {
-        value: 'password',
-        errorText: localization.value.common.passwordsMustLeast8CharactersLongContainUpperAndLowerCaseLetterNumberAndSpecialCharacter,
-      },
-    ],
-  },
-}
-const form = ref<UI_I_DefaultForm>(useDeepCopy(defaultForm))
-const setForm = (): void => {
-  form.value = useDeepCopy(defaultForm)
-  validation.setForm(form)
-}
-setForm()
-
-const showValidationErrors = (): void => {
-  const valid = validation.touch()
-  passwordErrorText.value = !valid.isValid ? valid.errors.password[0] : ''
-  emits('valid', valid.isValid)
-}
-const removeValidationErrors = (): void => {
-  passwordErrorText.value = ''
-  emits('valid', true)
-}
-
-const setPasswordDisable = (): void => {
-  if (isEnabledPassword.value) {
-    return
-  }
-
-  removeValidationErrors()
-  setForm()
-  model.value = ''
-}
-
-const passwordErrorText = ref<string>('')
-
-const changePassword = (value: string): void => {
-  model.value = value
-
-  showValidationErrors()
-}
-
-const isEnabledPassword = ref<boolean>(!!model.value)
-
-const onGeneratePassword = (): void => {
-  const generatedPassword = generatePassword()
-
-  form.value.password.value = generatedPassword
-  model.value = generatedPassword
-
-  showValidationErrors()
-}
-</script>
-
-<style scoped></style>
+<template>
+  <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-password-new
+    v-if="isNewView"
+    v-model:is-enabled-password="isEnabledPassword"
+    v-model:form="form"
+    :disabled="props.disabled"
+    :error-text="passwordErrorText"
+    @set-password-disable="setPasswordDisable"
+    @change-password="changePassword"
+    @generate-password="onGeneratePassword"
+  />
+  <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-password-old
+    v-else
+    v-model:is-enabled-password="isEnabledPassword"
+    v-model:form="form"
+    :disabled="props.disabled"
+    :error-text="passwordErrorText"
+    @set-password-disable="setPasswordDisable"
+    @change-password="changePassword"
+    @generate-password="onGeneratePassword"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_DefaultForm } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { generatePassword } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/lib/utils'
+
+const password = defineModel<string>('password', { required: true })
+
+const props = defineProps<{
+  disabled: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'valid', value: boolean): void
+}>()
+
+const { $store, $validation }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const validation = $validation.call({})
+const defaultForm: UI_I_DefaultForm = {
+  password: {
+    value: password.value,
+    validations: [
+      {
+        value: 'password',
+        errorText: localization.value.common.passwordsMustLeast8CharactersLongContainUpperAndLowerCaseLetterNumberAndSpecialCharacter,
+      },
+    ],
+  },
+}
+const form = ref<UI_I_DefaultForm>(useDeepCopy(defaultForm))
+const setForm = (): void => {
+  form.value = useDeepCopy(defaultForm)
+  validation.setForm(form)
+}
+setForm()
+
+const showValidationErrors = (): void => {
+  const valid = validation.touch()
+  console.log(valid, 111)
+  passwordErrorText.value = !valid.isValid ? valid.errors.password[0] : ''
+  emits('valid', valid.isValid)
+}
+const removeValidationErrors = (): void => {
+  passwordErrorText.value = ''
+  emits('valid', true)
+}
+
+const setPasswordDisable = (): void => {
+  if (isEnabledPassword.value) {
+    return
+  }
+
+  removeValidationErrors()
+  setForm()
+  password.value = ''
+}
+
+const passwordErrorText = ref<string>('')
+
+const changePassword = (value: string): void => {
+  password.value = value
+
+  showValidationErrors()
+}
+
+const isEnabledPassword = ref<boolean>(!!password.value)
+
+const onGeneratePassword = (): void => {
+  const generatedPassword = generatePassword()
+
+  form.value.password.value = generatedPassword
+  password.value = generatedPassword
+
+  showValidationErrors()
+}
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirection.vue

@@ -1,28 +1,28 @@
-<template>
-  <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection-new
-    v-if="isNewView"
-    v-model:usb-redirection="usbRedirection"
-    :usb-redirection-options="usbRedirectionOptions"
-  />
-  <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection-old
-    v-else
-    v-model:usb-redirection="usbRedirection"
-    :usb-redirection-options="usbRedirectionOptions"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { usbRedirectionOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/lib/config/config'
-
-const usbRedirection = defineModel<number>('usbRedirection', { required: true })
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const usbRedirectionOptions = ref<UI_I_OptionItem[]>(
-  usbRedirectionOptionsConfig
-)
-</script>
-
-<style scoped></style>
+<template>
+  <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection-new
+    v-if="isNewView"
+    v-model:usb-redirection="usbRedirection"
+    :usb-redirection-options="usbRedirectionOptions"
+  />
+  <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-usb-redirection-old
+    v-else
+    v-model:usb-redirection="usbRedirection"
+    :usb-redirection-options="usbRedirectionOptions"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import { usbRedirectionOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/lib/config/config'
+
+const usbRedirection = defineModel<number>('usbRedirection', { required: true })
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const usbRedirectionOptions = ref<UI_I_OptionItem[]>(
+  usbRedirectionOptionsConfig
+)
+</script>
+
+<style scoped></style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/tools/Tools.vue

@@ -1,26 +1,49 @@
-<template>
-  <common-vm-actions-common-customize-hardware-vmoptions-tools-new
-    v-if="isNewView"
-    v-model:tools="model.enabled"
-  />
-  <common-vm-actions-common-customize-hardware-vmoptions-tools-old
-    v-else
-    v-model:tools="model.enabled"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateVmData['options']['guest_tools']>({ required: true })
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss">
-#tools-1,
-#tools-2 {
-  margin: 0 4px 4px 0;
-}
-</style>
+<template>
+  <common-vm-actions-common-customize-hardware-vmoptions-tools-new
+    v-if="isNewView"
+    v-model:tools="toolsLocal"
+  />
+  <common-vm-actions-common-customize-hardware-vmoptions-tools-old
+    v-else
+    v-model:tools="toolsLocal"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_SendDataTools } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces'
+
+const props = withDefaults(
+  defineProps<{
+    tools: boolean
+  }>(),
+  {
+    tools: true,
+  }
+)
+const emits = defineEmits<{
+  (event: 'send-data', value: UI_I_SendDataTools): void
+}>()
+
+const toolsLocal = ref<boolean>(props.tools)
+
+watch(
+  toolsLocal,
+  () => {
+    emits('send-data', {
+      enabled: toolsLocal.value,
+      synchronized_time: toolsLocal.value,
+    })
+  },
+  { immediate: true }
+)
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss">
+#tools-1,
+#tools-2 {
+  margin: 0 4px 4px 0;
+}
+</style>