bfg-common 1.5.512 → 1.5.514

package/assets/localization/local_be.json

@@ -1233,7 +1233,7 @@
     "recommendations": "Рэкамендацыі",
     "recommended": "рэкамендуецца",
     "reconnect": "Паўторна падлучыцца",
-    "reconnectDesc": "Ваша сесія скончыцца праз:",
+    "reconnectDesc": "Ваша сесія скончыцца праз некалькі секунд:",
     "redirectUrls": "URL-адрасы перанакіравання",
     "reduceEnergyConsumptionAtTheRisk": "Скароціце спажыванне энергіі з рызыкай зніжэння прадукцыйнасці",
     "reduceEnergyConsumptionWithMin": "Паменшыце спажыванне энергіі з мінімальным кампрамісам у прадукцыйнасці",
@@ -2477,7 +2477,8 @@
     "noConnectedPhysicalNetworkAdaptersMessage": "Вы ўпэўненыя, што хочаце працягнуць працу з адключанымі фізічнымі сеткавымі адаптарамі? Каб праглядзець унесеныя змены, націсніце Адмена.",
     "generalSettings": "Агульныя налады",
     "specifyValidHostDestinationComputeResource": "Укажыце сапраўдны хост як мэтавы вылічальны рэсурс.",
-    "selectValidHostDestinationComputeResource": "Выберыце сапраўдны хост як мэтавы вылічальны рэсурс."
+    "selectValidHostDestinationComputeResource": "Выберыце сапраўдны хост як мэтавы вылічальны рэсурс.",
+    "editTheNotesFor": "Рэдагаваць нататкі для "
   },
   "auth": {
     "welcomeTo": "Сардэчна запрашаем у",

package/assets/localization/local_en.json

@@ -1232,7 +1232,7 @@
     "recommendations": "Recommendations",
     "recommended": "recommended",
     "reconnect": "Reconnect",
-    "reconnectDesc": "Your session is about to expire after:",
+    "reconnectDesc": "Your session will expire in a few seconds:",
     "redirectUrls": "Redirect URLs",
     "reduceEnergyConsumptionAtTheRisk": "Reduce energy consumption at the risk of lower performance",
     "reduceEnergyConsumptionWithMin": "Reduce energy consumption with minimal performance compromise",
@@ -2481,7 +2481,8 @@
     "noConnectedPhysicalNetworkAdaptersMessage": "Are you sure you want to continue with all assigned physical network adapters disconnected? To review your changes, click Cancel.",
     "generalSettings": "General Settings",
     "specifyValidHostDestinationComputeResource": "Specify a valid host as destination compute resource.",
-    "selectValidHostDestinationComputeResource": "Select a valid host as destination compute resource."
+    "selectValidHostDestinationComputeResource": "Select a valid host as destination compute resource.",
+    "editTheNotesFor": "Edit the notes for "
   },
   "auth": {
     "welcomeTo": "Welcome to",

package/assets/localization/local_hy.json

@@ -1232,7 +1232,7 @@
     "recommendations": "Առաջարկություններ",
     "recommended": "խորհուրդ է տրվում",
     "reconnect": "Կրկին Միացեք",
-    "reconnectDesc": "Ձեր սեսիան կավարտվի հետո՝",
+    "reconnectDesc": "Ձեր սեսիան կավարտվի մի քանի վայրկյանից՝",
     "redirectUrls": "Վերահղման URL-ներ",
     "reduceEnergyConsumptionAtTheRisk": "Նվազեցնել էներգիայի սպառումը ցածր արդյունավետության վտանգի դեպքում",
     "reduceEnergyConsumptionWithMin": "Նվազեցնել էներգիայի սպառումը նվազագույն կատարողականի փոխզիջումով",
@@ -2481,7 +2481,8 @@
     "noConnectedPhysicalNetworkAdaptersMessage": "Համոզվա՞ծ եք, որ ցանկանում եք շարունակել աշխատել անջատված ֆիզիկական ցանցային ադապտերների հետ: Կատարված փոփոխությունները դիտելու համար սեղմեք Չեղարկել կոճակը:",
     "generalSettings": "Ընդհանուր պարամետրեր",
     "specifyValidHostDestinationComputeResource": "Նշեք վավեր հոստ՝ որպես նպատակային հաշվարկային ռեսուրս։",
-    "selectValidHostDestinationComputeResource": "Ընտրեք վավեր հոստ՝ որպես նպատակային հաշվարկային ռեսուրս։"
+    "selectValidHostDestinationComputeResource": "Ընտրեք վավեր հոստ՝ որպես նպատակային հաշվարկային ռեսուրս։",
+    "editTheNotesFor": "Խմբագրել գրառումները "
   },
   "auth": {
     "welcomeTo": "Բարի գալուստ",

package/assets/localization/local_kk.json

@@ -1232,7 +1232,7 @@
     "recommendations": "Ұсыныстар",
     "recommended": "ұсынылады",
     "reconnect": "Қайта қосылу",
-    "reconnectDesc": "Сіздің сессияңыз мына уақыттан кейін аяқталады:",
+    "reconnectDesc": "Сіздің сессияңыз бірнеше секундтан кейін аяқталады:",
     "redirectUrls": "Қайта бағыттау URL мекенжайлары",
     "reduceEnergyConsumptionAtTheRisk": "Төмен өнімділік қаупімен қуат тұтынуды азайтыңыз",
     "reduceEnergyConsumptionWithMin": "Өнімділіктің ең аз төмендеуімен қуат тұтынуды азайтыңыз",
@@ -2480,7 +2480,8 @@
     "noConnectedPhysicalNetworkAdaptersMessage": "Барлық тағайындалған физикалық желілік адаптерлерді ажыратуды жалғастырғыңыз келетініне сенімдісіз бе? Өзгерістерді көру үшін \"Болдырмау\" түймесін басыңыз.",
     "generalSettings": "Жалпы Параметрлер",
     "specifyValidHostDestinationComputeResource": "Мақсатты есептеу ресурсы ретінде жарамды хостты көрсетіңіз.",
-    "selectValidHostDestinationComputeResource": "Мақсатты есептеу ресурсы ретінде жарамды хостты таңдаңыз."
+    "selectValidHostDestinationComputeResource": "Мақсатты есептеу ресурсы ретінде жарамды хостты таңдаңыз.",
+    "editTheNotesFor": "Үшін жазбаларды өңдеңіз "
   },
   "auth": {
     "welcomeTo": "Қош келдіңіз",

package/assets/localization/local_ru.json

@@ -1232,7 +1232,7 @@
     "recommendations": "Рекомендации",
     "recommended": "рекомендуемый",
     "reconnect": "Повторно подключиться",
-    "reconnectDesc": "Ваша сессия завершится через:",
+    "reconnectDesc": "Ваш сеанс завершится через несколько секунд:",
     "redirectUrls": "URL-адреса перенаправления",
     "reduceEnergyConsumptionAtTheRisk": "Снижение энергопотребления с риском снижения производительности",
     "reduceEnergyConsumptionWithMin": "Снижение энергопотребления с минимальным снижением производительности",
@@ -2480,7 +2480,8 @@
     "noConnectedPhysicalNetworkAdaptersMessage": "Вы уверены, что хотите продолжить работу с отключенными физическими сетевыми адаптерами? Чтобы просмотреть внесенные изменения, нажмите кнопку Отмена.",
     "generalSettings": "Общие настройки",
     "specifyValidHostDestinationComputeResource": "Укажите допустимый хост в качестве целевого вычислительного ресурса.",
-    "selectValidHostDestinationComputeResource": "Выберите допустимый хост в качестве целевого вычислительного ресурса."
+    "selectValidHostDestinationComputeResource": "Выберите допустимый хост в качестве целевого вычислительного ресурса.",
+    "editTheNotesFor": "Редактирование заметки для "
   },
   "auth": {
     "welcomeTo": "Добро пожаловать в",

package/assets/localization/local_zh.json

@@ -1231,7 +1231,7 @@
     "recommendations": "建议",
     "recommended": "受到推崇的",
     "reconnect": "重新连接",
-    "reconnectDesc": "您的会话将在以下时间后过期：",
+    "reconnectDesc": "您的会话将在几秒后过期：",
     "redirectUrls": "重定向 URL",
     "reduceEnergyConsumptionAtTheRisk": "以降低性能的風險降低能耗",
     "reduceEnergyConsumptionWithMin": "以最小的性能妥協降低能耗",
@@ -2478,7 +2478,8 @@
     "noConnectedPhysicalNetworkAdaptersMessage": "您确定要继续断开所有已分配的物理网络适配器的连接吗？ 要查看更改，请单击\"取消\"。",
     "generalSettings": "常规设置",
     "specifyValidHostDestinationComputeResource": "请指定一个有效的主机作为目标计算资源。",
-    "selectValidHostDestinationComputeResource": "请选择一个有效的主机作为目标计算资源。"
+    "selectValidHostDestinationComputeResource": "请选择一个有效的主机作为目标计算资源。",
+    "editTheNotesFor": "编辑笔记 "
   },
   "auth": {
     "welcomeTo": "欢迎来到",

package/components/atoms/sortableView/SortableView.vue

@@ -16,7 +16,7 @@
           :class="['portlet-js portlet-container', themeMode]"
           :data-id="item.id"
           :style="item.id === draggedPortletId && style"
-          @mousedown.prevent.stop="onmousedown($event, item)"
+          @mousedown="onmousedown($event, item)"
         >
           <slot :portlet-id="item.id"></slot>
         </div>
@@ -57,7 +57,7 @@
           :class="['portlet-js portlet-container', themeMode]"
           :data-id="item.id"
           :style="item.id === draggedPortletId && style"
-          @mousedown.prevent.stop="onmousedown($event, item)"
+          @mousedown="onmousedown($event, item)"
         >
           <slot :portlet-id="item.id"></slot>
         </div>

package/components/atoms/table/info/lib/models/interfaces.ts

@@ -7,5 +7,6 @@ export interface UI_I_TableInfoItem {
   localizationTemplate?: string
   isCapital?: boolean
   iconName?: string
+  iconClassName?: string
   separator?: boolean
 }

package/components/common/countdownTimer/CountdownTimer.vue

@@ -3,15 +3,22 @@
     v-if="isNewView"
     :minutes="minutes"
     :seconds="seconds"
+    :is-hide-seconds-text="props.isHideSecondsText"
   />
   <common-countdown-timer-old v-else :minutes="minutes" :seconds="seconds" />
 </template>
 
 <script lang="ts" setup>
-const props = defineProps<{
-  timer: number
-  totalTime: number
-}>()
+const props = withDefaults(
+  defineProps<{
+    timer: number
+    totalTime: number
+    isHideSecondsText?: boolean
+  }>(),
+  {
+    isHideSecondsText: false,
+  }
+)
 
 const { $store }: any = useNuxtApp()
 

package/components/common/countdownTimer/CountdownTimerNew.vue

@@ -2,7 +2,9 @@
   <div class="countdown-timer-container flex items-center justify-center">
     <div class="inner-block">
       <span class="value">{{ props.minutes }}:{{ props.seconds }}</span>
-      <span class="seconds-text">{{ localization.common.seconds }}</span>
+      <span v-if="!props.isHideSecondsText" class="seconds-text">{{
+        localization.common.seconds
+      }}</span>
     </div>
   </div>
 </template>
@@ -10,10 +12,16 @@
 <script lang="ts" setup>
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 
-const props = defineProps<{
-  minutes: string
-  seconds: string
-}>()
+const props = withDefaults(
+  defineProps<{
+    minutes: string
+    seconds: string
+    isHideSecondsText?: boolean
+  }>(),
+  {
+    isHideSecondsText: false,
+  }
+)
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 </script>

package/components/common/layout/theHeader/modals/reconnect/ReconnectNew.vue

@@ -21,6 +21,7 @@
           <common-countdown-timer
             :timer="props.timer"
             :total-time="props.totalTime"
+            is-hide-seconds-text
           />
         </div>
       </div>

package/components/common/readyToComplete/New.vue

@@ -11,6 +11,10 @@
         <span class="details-item-label"> {{ item.label }}: </span>
 
         <div class="details-list__col-right flex-align-center text-ellipsis">
+          <span
+            v-if="item.iconClassName"
+            :class="['sprite-icon mr-2', item.iconClassName]"
+          ></span>
           <ui-icon
             v-if="item.iconName"
             :name="item.iconName"
@@ -46,6 +50,7 @@ const dataLocal = computed<UI_I_TableInfoItem[]>(() => {
       label: item.label,
       value: item.value,
       iconName: item.iconName,
+      iconClassName: item.iconClassName,
     })
     if (item.separator) {
       result.push({
@@ -105,6 +110,10 @@ const dataLocal = computed<UI_I_TableInfoItem[]>(() => {
       text-transform: capitalize;
       white-space: nowrap;
     }
+    .sprite-icon {
+      width: 20px;
+      height: 20px;
+    }
     .details-item-icon {
       color: var(--title-form-first-color);
     }

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,21 @@ 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()
+  isShow.value = false
+}
+
 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.512",
+  "version": "1.5.514",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/plugins/console.ts

@@ -1,14 +1,13 @@
 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<1 | 2 | 3 | 4 | 5>(1)
+      codec: ref<UI_T_CODEC>(1),
     }
 
-    self.changeCodec = (
-      codec: 1 | 2 | 3 | 4 | 5
-    ): void => {
+    self.changeCodec = (codec: UI_T_CODEC): void => {
       self.codec.value = codec
     }
     return self

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,
+    },
+  }
+})

package/public/spice-console/application/clientgui.js

@@ -656,6 +656,11 @@ wdi.ClientGui = $.spcExtend(wdi.EventObject.prototype, {
     })
 
     eventLayer['mousemove'](function (event) {
+      if (
+        self.mouse_mode === wdi.SpiceMouseModeTypes.SPICE_MOUSE_MODE_SERVER &&
+        event.bubbles
+      )
+        return // Custom code // TODO refactoring. event.bubbles используется так как если переключить mouseMode на серверную то mousemove срабатывает дважды
       var x = event.pageX
       var y = event.pageY
       // self.generateEvent.call(self, 'mousemove', [

package/public/spice-console/application/packetfactory.js

@@ -169,6 +169,11 @@ wdi.PacketFactory = {
 					case wdi.SpiceVars.SPICE_MSG_CURSOR_SET:
 						packet = new wdi.RedCursorSet().demarshall(rawSpiceMessage.body, rawSpiceMessage.header.size);
 						break;
+						// Custom code
+					case wdi.SpiceVars.SPICE_MSG_CURSOR_MOVE:
+						packet = new wdi.RedCursorMove().demarshall(rawSpiceMessage.body, rawSpiceMessage.header.size);
+						break;
+					// Custom code end
 					case wdi.SpiceVars.SPICE_MSG_CURSOR_HIDE:
 						packet = new wdi.RedCursorHide().demarshall(rawSpiceMessage.body, rawSpiceMessage.header.size);
 						break;

package/public/spice-console/application/virtualmouse.js

@@ -18,92 +18,130 @@
 */
 
 wdi.VirtualMouse = {
-	eventLayers: [],
-	mouseData:null,
-	visible: null,
-	lastLayer: null,
-	hotspot: {
-		x: 0,
-		y: 0
-	},
-	lastMousePosition: {
-		x: 0,
-		y: 0,
-		width: 0,
-		height: 0
-	},
-
-	dispose: function () {
-		wdi.Debug.log("Disposing VirtualMouse");
-		this.eventLayers =  [];
-		this.mouseData =  null;
-		this.visible =  null;
-		this.lastLayer =  null;
-		this.hotspot = {
-			x: 0,
-			y: 0
-		};
-		this.lastMousePosition = {
-			x: 0,
-			y: 0,
-			width: 0,
-			height: 0
-		};
-	},
-
-	setHotspot: function(x, y) {
-		this.hotspot.x = x;
-		this.hotspot.y = y;
-	},
-
-	setEventLayer: function(ev, x, y, width, height, position) {
-		this.eventLayers.push({
-			layer: ev,
-			left: x,
-			top: y,
-			right: x+width,
-			bottom: y+height,
-			position: position
-		});
-	},
-
-	removeEventLayer: function(ev) {
-		var len = this.eventLayers.length;
-		for(var i=0;i<len;i++) {
-			if(this.eventLayers[i].layer.id === ev.id) {
-				this.eventLayers[ev.id] = undefined;
-			}
-		}
-	},
-
-	getEventLayer: function(x, y) {
-		var len = this.eventLayers.length;
-		var layer = null;
-		for(var i=0;i<len;i++) {
-			layer = this.eventLayers[i];
-			if(x >= layer.left && x <= layer.right && y >= layer.top && y <= layer.bottom) {
-				return layer.layer;
-			}
-		}
-	},
-
-	setMouse: function(mouseData, x, y) {
-        //if(!Modernizr.touch) {
-            var layer = null;
-            var len = this.eventLayers.length;
-            for(var i=0;i<len;i++) {
-                layer = this.eventLayers[i];
-                layer.layer.style.cursor = 'url('+mouseData+') ' + x + ' ' + y + ', default';
+    eventLayers: [],
+    mouseData:null,
+    visible: null,
+    lastLayer: null,
+    cursor: null, // Custom code
+    cursorHotspot: { // Custom code
+        x: 0,
+        y: 0
+    },
+    hotspot: {
+        x: 0,
+        y: 0
+    },
+    lastMousePosition: {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+    },
+
+    dispose: function () {
+        wdi.Debug.log("Disposing VirtualMouse");
+        this.eventLayers =  [];
+        this.mouseData =  null;
+        this.visible =  null;
+        this.lastLayer =  null;
+        this.hotspot = {
+            x: 0,
+            y: 0
+        };
+        this.lastMousePosition = {
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+        };
+    },
+
+    initCursor: function() {
+        const layer = this.eventLayers[0]
+        this.cursor = document.createElement('div');
+        this.cursor.style.position = 'fixed';
+        this.cursor.style.width =  '32px';
+        this.cursor.style.height = '32px';
+        this.cursor.style.pointerEvents = 'none';
+        this.cursor.style.zIndex = '2147483647';
+        this.cursor.style.backgroundImage = layer.layer.style.cursor.match(/url\(.+\)/)?.[0] || '';
+        this.cursor.style.backgroundRepeat = 'no-repeat';
+
+        document.body.appendChild(this.cursor);
+        const {left, top} = document.getElementById('eventLayer').style
+        this.cursorHotspot.x = parseInt(left);
+        this.cursorHotspot.y = parseInt(top);
+    },
+
+    updateCursor: function(x, y) {
+        if (!this.cursor) return
+        this.cursor.style.left = this.cursorHotspot.x + x + 'px';
+        this.cursor.style.top = this.cursorHotspot.y + y + 'px';
+    },
+
+    removeCursor: function() {
+        this.cursor.remove();
+    },
+
+    setHotspot: function(x, y) {
+        this.hotspot.x = x;
+        this.hotspot.y = y;
+    },
+
+    setEventLayer: function(ev, x, y, width, height, position) {
+        this.eventLayers.push({
+            layer: ev,
+            left: x,
+            top: y,
+            right: x+width,
+            bottom: y+height,
+            position: position
+        });
+    },
+
+    removeEventLayer: function(ev) {
+        var len = this.eventLayers.length;
+        for(var i=0;i<len;i++) {
+            if(this.eventLayers[i].layer.id === ev.id) {
+                this.eventLayers[ev.id] = undefined;
+            }
+        }
+    },
+
+    getEventLayer: function(x, y) {
+        var len = this.eventLayers.length;
+        var layer = null;
+        for(var i=0;i<len;i++) {
+            layer = this.eventLayers[i];
+            if(x >= layer.left && x <= layer.right && y >= layer.top && y <= layer.bottom) {
+                return layer.layer;
             }
+        }
+    },
+
+    setMouse: function(mouseData, x, y) {
+        //if(!Modernizr.touch) {
+        var layer = null;
+        var len = this.eventLayers.length;
+        for(var i=0;i<len;i++) {
+            layer = this.eventLayers[i];
+            layer.layer.style.cursor = 'url('+mouseData+') ' + x + ' ' + y + ', default';
+        }
+
+        // Custom code // TODO refactor
+        if (this.cursor) {
+            this.cursor.style.backgroundImage = 'url("'+mouseData+'")';
+        }
+        // Custom code end
         //}
-	},
-
-	hideMouse: function() {
-		var layer = null;
-		var len = this.eventLayers.length;
-		for(var i=0;i<len;i++) {
-			layer = this.eventLayers[i];
-			layer.layer.style.cursor = 'none';
-		}
-	}
+    },
+
+    hideMouse: function() {
+        var layer = null;
+        var len = this.eventLayers.length;
+        for(var i=0;i<len;i++) {
+            layer = this.eventLayers[i];
+            layer.layer.style.cursor = 'none';
+        }
+    }
 }