bfg-common 1.5.506 → 1.5.508

package/components/common/pages/backups/tools/Tools.vue

@@ -1,75 +1,75 @@
-<template>
-  <div class="backup-actions grid py-0 px-6">
-    <button
-      v-if="targetType === 'vm'"
-      id="create-backup-button"
-      v-permission="permission"
-      :disabled="isDisabled"
-      data-id="create-backup-button"
-      class="btn btn-primary btn-sm"
-      @click="onSelect('createBackup')"
-    >
-      {{ localization.common.createBackup }}...
-    </button>
-    <atoms-tabs
-      :items="tabs"
-      test-id="vm-backup-tabs"
-      size="small"
-      class="tabs w-100"
-      @change="onSelect"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type {
-  UI_T_BackupActionType,
-  UI_T_TargetType,
-} from '~/components/common/pages/backups/lib/models/types'
-import type { UI_I_BackupsTreeNode } from '~/components/common/pages/backups/lib/models/interfaces'
-import { backupsTabsFunc } from '~/components/common/pages/backups/tools/lib/config/tabs'
-
-const props = defineProps<{
-  project: UI_T_Project
-  backupsCount: number
-  backupsLoading: boolean
-  targetType: UI_T_TargetType
-  selectedNode: UI_I_BackupsTreeNode | null
-}>()
-
-const emits = defineEmits<{
-  (event: 'select', value: UI_T_BackupActionType): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const permission = computed<string>(() => {
-  return props.project === 'sphere' ? 'VirtualMachines.CreateBackup' : ''
-})
-
-const tabs = computed<UI_I_CollapseNavItem[]>(() =>
-  backupsTabsFunc(
-    localization.value,
-    isDisabled.value,
-    props.backupsCount,
-    props.selectedNode,
-    props.project
-  )
-)
-
-const onSelect = (action: UI_T_BackupActionType): void => {
-  emits('select', action)
-}
-
-const isDisabled = computed<boolean>(() => props.backupsLoading)
-</script>
-
-<style scoped lang="scss">
-.backup-actions {
-  grid-template-columns: auto 1fr;
-  align-items: baseline;
-}
-</style>
+<template>
+  <div class="backup-actions grid py-0 px-6">
+    <button
+      v-if="props.targetType === 'vm'"
+      id="create-backup-button"
+      v-permission="props.createBackupPermission"
+      :disabled="isDisabled"
+      data-id="create-backup-button"
+      class="btn btn-primary btn-sm"
+      @click="onSelect('createBackup')"
+    >
+      {{ localization.common.createBackup }}...
+    </button>
+    <atoms-tabs
+      :items="tabs"
+      test-id="vm-backup-tabs"
+      size="small"
+      class="tabs w-100"
+      @change="onSelect"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type {
+  UI_T_BackupActionType,
+  UI_T_TargetType,
+} from '~/components/common/pages/backups/lib/models/types'
+import type { UI_I_BackupsTreeNode } from '~/components/common/pages/backups/lib/models/interfaces'
+import { backupsTabsFunc } from '~/components/common/pages/backups/tools/lib/config/tabs'
+
+const props = defineProps<{
+  backupsCount: number
+  backupsLoading: boolean
+  targetType: UI_T_TargetType
+  selectedNode: UI_I_BackupsTreeNode | null
+  createBackupPermission: string
+  restoreBackupPermission: string
+  deleteBackupPermission: string
+  deleteAllPermission: string
+}>()
+
+const emits = defineEmits<{
+  (event: 'select', value: UI_T_BackupActionType): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const tabs = computed<UI_I_CollapseNavItem[]>(() =>
+  backupsTabsFunc(
+    localization.value,
+    isDisabled.value,
+    props.backupsCount,
+    props.selectedNode,
+    props.restoreBackupPermission,
+    props.deleteBackupPermission,
+    props.deleteAllPermission
+  )
+)
+
+const onSelect = (action: UI_T_BackupActionType): void => {
+  emits('select', action)
+}
+
+const isDisabled = computed<boolean>(() => props.backupsLoading)
+</script>
+
+<style scoped lang="scss">
+.backup-actions {
+  grid-template-columns: auto 1fr;
+  align-items: baseline;
+}
+</style>

package/components/common/pages/backups/tools/lib/config/tabs.ts

@@ -1,36 +1,37 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type { UI_I_BackupsTreeNode } from '~/components/common/pages/backups/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-
-export const backupsTabsFunc = (
-  localization: UI_I_Localization,
-  isDisabled: boolean,
-  backupsCount: number,
-  selectedNode: UI_I_BackupsTreeNode | null,
-  project: UI_T_Project
-): UI_I_CollapseNavItem[] => {
-  return [
-    {
-      text: localization.common.restore.toUpperCase(),
-      value: 'restoreBackup',
-      disabled: isDisabled || selectedNode?.type !== 'backup',
-      testId: 'restore-backup',
-      permission: project === 'sphere' ? 'VirtualMachines.RestoreBackup' : '',
-    },
-    {
-      text: localization.common.delete.toUpperCase(),
-      value: 'deleteBackup',
-      disabled: isDisabled || selectedNode?.type !== 'backup',
-      testId: 'delete-backup',
-      permission: project === 'sphere' ? 'VirtualMachines.DeleteBackup' : '',
-    },
-    {
-      text: localization.common.deleteAll.toUpperCase(),
-      value: 'deleteBackupAll',
-      disabled: isDisabled || !backupsCount,
-      testId: 'delete-all-backups',
-      permission: project === 'sphere' ? 'VirtualMachines.DeleteBackups' : '',
-    },
-  ]
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type { UI_I_BackupsTreeNode } from '~/components/common/pages/backups/lib/models/interfaces'
+
+export const backupsTabsFunc = (
+  localization: UI_I_Localization,
+  isDisabled: boolean,
+  backupsCount: number,
+  selectedNode: UI_I_BackupsTreeNode | null,
+  restoreBackupPermission: string,
+  deleteBackupPermission: string,
+  deleteAllPermission: string
+): UI_I_CollapseNavItem[] => {
+  return [
+    {
+      text: localization.common.restore.toUpperCase(),
+      value: 'restoreBackup',
+      disabled: isDisabled || selectedNode?.type !== 'backup',
+      testId: 'restore-backup',
+      permission: restoreBackupPermission,
+    },
+    {
+      text: localization.common.delete.toUpperCase(),
+      value: 'deleteBackup',
+      disabled: isDisabled || selectedNode?.type !== 'backup',
+      testId: 'delete-backup',
+      permission: deleteBackupPermission,
+    },
+    {
+      text: localization.common.deleteAll.toUpperCase(),
+      value: 'deleteBackupAll',
+      disabled: isDisabled || !backupsCount,
+      testId: 'delete-all-backups',
+      permission: deleteAllPermission,
+    },
+  ]
+}

package/components/common/spiceConsole/Drawer.vue

@@ -87,6 +87,16 @@
           <option :value="5">H265</option>
         </select>
 
+        <select
+          :value="mouseMode"
+          @mouseenter="hover = true"
+          @mouseleave="hover = false"
+          @change="onChangeMouseMode"
+        >
+          <option :value="1">Server</option>
+          <option :value="2">Client</option>
+        </select>
+
         <hr />
         <button
           class="vmw-drawer-body__btn animation show-keyboard"
@@ -113,7 +123,10 @@
 import { useDraggable } from '@vueuse/core'
 import type { UI_I_DeviceOption } from '~/components/common/spiceConsole/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_CODEC } from '~/components/common/spiceConsole/lib/models/types'
+import type {
+  UI_T_CODEC,
+  UI_T_MouseMode,
+} from '~/components/common/spiceConsole/lib/models/types'
 import {
   getUSBDeviceType,
   identifyHIDDevice,
@@ -126,7 +139,7 @@ const emits = defineEmits<{
 
 const isWindow = computed<boolean>(() => useRoute().query.window === 'true')
 
-const { $console }: any = useNuxtApp()
+const { $console, $mouse }: any = useNuxtApp()
 
 const codec = computed<UI_T_CODEC>(() => $console.codec.value)
 const onChangeCodec = (event: any): void => {
@@ -145,6 +158,20 @@ const onChangeCodec = (event: any): void => {
   document.getElementById('inputmanager')?.focus()
 }
 
+const mouseMode = computed<UI_T_MouseMode>(() => $mouse.mode.value)
+const onChangeMouseMode = (event: any): void => {
+  const value = +event.target.value
+  // @ts-ignore
+  if (!window.app) return
+
+  // @ts-ignore
+  window.app.packetProcess.processors[
+    wdi.SpiceVars.SPICE_CHANNEL_MAIN
+  ].changeMouseMode(value)
+
+  document.getElementById('inputmanager')?.focus()
+}
+
 const isKeyboardShown = ref<boolean>(false)
 const onToggleKeyboard = (): void => {
   isKeyboardShown.value = !isKeyboardShown.value

package/components/common/spiceConsole/lib/models/types.ts

@@ -1 +1,2 @@
 export type UI_T_CODEC = 1 | 2 | 3 | 4 | 5
+export type UI_T_MouseMode = 1 | 2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.506",
+  "version": "1.5.508",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/plugins/console.ts

@@ -1,22 +1,21 @@
-import { defineNuxtPlugin } from '#app'
-
-export default defineNuxtPlugin(() => {
-  const console = function (): any {
-    const self: any = {
-      codec: ref<1 | 2 | 3 | 4 | 5>(1)
-    }
-
-    self.changeCodec = (
-      codec: 1 | 2 | 3 | 4 | 5
-    ): void => {
-      self.codec.value = codec
-    }
-    return self
-  }.call({})
-
-  return {
-    provide: {
-      console,
-    },
-  }
-})
+import { defineNuxtPlugin } from '#app'
+import type { UI_T_CODEC } from '~/components/common/spiceConsole/lib/models/types'
+
+export default defineNuxtPlugin(() => {
+  const console = function (): any {
+    const self: any = {
+      codec: ref<UI_T_CODEC>(1),
+    }
+
+    self.changeCodec = (codec: UI_T_CODEC): void => {
+      self.codec.value = codec
+    }
+    return self
+  }.call({})
+
+  return {
+    provide: {
+      console,
+    },
+  }
+})

package/plugins/mouse.ts

@@ -0,0 +1,21 @@
+import { defineNuxtPlugin } from '#app'
+import type { UI_T_MouseMode } from '~/components/common/spiceConsole/lib/models/types'
+
+export default defineNuxtPlugin(() => {
+  const mouse = function (): any {
+    const self: any = {
+      mode: ref<UI_T_MouseMode>(1),
+    }
+
+    self.changeMode = (mode: UI_T_MouseMode): void => {
+      self.mode.value = mode
+    }
+    return self
+  }.call({})
+
+  return {
+    provide: {
+      mouse,
+    },
+  }
+})