bfg-common 1.4.393 → 1.4.395

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

@@ -0,0 +1,44 @@
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.common.usbRedirection }}
+      </template>
+      <template #stackBlockContent>
+        <div class="select">
+          <select
+            id="usb-redirection-select"
+            v-model="usbRedirection"
+            data-id="usb-redirection-select"
+            disabled
+          >
+            <option
+              v-for="(item, key) in props.usbRedirectionOptions"
+              :key="key"
+              :value="item.value"
+            >
+              {{ item.text }}
+            </option>
+          </select>
+        </div>
+      </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 usbRedirection = defineModel<number>('usb-redirection', {
+  required: true,
+})
+
+const props = defineProps<{
+  usbRedirectionOptions: UI_I_OptionItem[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped></style>

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

@@ -1,40 +1,16 @@
 <template>
-  <div class="hardware-tools">
-    <atoms-stack-block :has-children="true" test-id="tools-stack-block">
-      <template #stackBlockKey>
-        <div
-          id="vm-wizard-toggle-block-tools"
-          data-id="vm-wizard-toggle-block-tools"
-          class="flex-align-center"
-        >
-          <span>{{ localization.common.tools }}</span>
-        </div>
-      </template>
-      <template #stackChildren>
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.toolsEnable }}
-          </template>
-          <template #stackBlockContent>
-            <input
-              id="tools-2"
-              v-model="tools"
-              data-id="tools-2-checkbox"
-              type="checkbox"
-            />
-            <label for="tools-2" class="label-text-normal">{{
-              localization.common.enable
-            }}</label>
-          </template>
-        </atoms-stack-block>
-      </template>
-    </atoms-stack-block>
-  </div>
+  <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'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = withDefaults(
   defineProps<{
@@ -48,20 +24,21 @@ const emits = defineEmits<{
   (event: 'send-data', value: UI_I_SendDataTools): void
 }>()
 
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const tools = ref<boolean>(props.tools)
+const toolsLocal = ref<boolean>(props.tools)
 
 watch(
-  tools,
+  toolsLocal,
   () => {
     emits('send-data', {
-      enabled: tools.value,
-      synchronized_time: tools.value,
+      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">

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

@@ -0,0 +1,39 @@
+<template>
+    <ui-stack-block :has-children="true" test-id="tools-stack-block">
+      <template #stackBlockKey>
+        <div
+          id="vm-wizard-toggle-block-tools"
+          data-id="vm-wizard-toggle-block-tools"
+          class="flex-align-center"
+        >
+          <span>{{ localization.common.tools }}</span>
+        </div>
+      </template>
+      <template #stackChildren>
+        <ui-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.common.toolsEnable }}
+          </template>
+          <template #stackBlockContent>
+            <ui-checkbox
+              id="tools-2"
+              v-model="tools"
+              test-id="tools-2-checkbox"
+              :label-text="localization.common.enable"
+            />
+          </template>
+        </ui-stack-block>
+      </template>
+    </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const tools = defineModel<boolean>('tools', {required: true})
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+</style>

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

@@ -0,0 +1,48 @@
+<template>
+  <div class="hardware-tools">
+    <atoms-stack-block :has-children="true" test-id="tools-stack-block">
+      <template #stackBlockKey>
+        <div
+          id="vm-wizard-toggle-block-tools"
+          data-id="vm-wizard-toggle-block-tools"
+          class="flex-align-center"
+        >
+          <span>{{ localization.common.tools }}</span>
+        </div>
+      </template>
+      <template #stackChildren>
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.common.toolsEnable }}
+          </template>
+          <template #stackBlockContent>
+            <input
+              id="tools-2"
+              v-model="tools"
+              data-id="tools-2-checkbox"
+              type="checkbox"
+            />
+            <label for="tools-2" class="label-text-normal">{{
+                localization.common.enable
+              }}</label>
+          </template>
+        </atoms-stack-block>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const tools = defineModel<boolean>('tools', {required: true})
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+#tools-1,
+#tools-2 {
+  margin: 0 4px 4px 0;
+}
+</style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.393",
+  "version": "1.4.395",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",
@@ -35,7 +35,7 @@
     "@vueuse/components": "^10.1.2",
     "date-fns": "^2.29.3",
     "bfg-nuxt-3-graph": "1.0.15",
-    "bfg-uikit": "1.0.195",
+    "bfg-uikit": "1.0.198",
     "html2canvas": "^1.4.1",
     "prettier-eslint": "^15.0.1"
   }