bfg-common 1.5.313 → 1.5.315

package/assets/localization/local_ru.json

@@ -226,7 +226,7 @@
     "clockTolerance": "Допуск по времени",
     "clone": "Клонировать",
     "cloneExistingVirtualMachine": "Клонирование существующей виртуальной машины",
-    "cloneRole": "Копирование Роль",
+    "cloneRole": "Клонировать Роль",
     "cloneTemplate": "Клонировать в шаблон",
     "cloneTemplateToTemplate": "Клонировать шаблон в шаблон",
     "cloneVirtualMachine": "Клонировать виртуальную машину",
@@ -3197,7 +3197,7 @@
   },
   "role": {
     "roleManagement": "Управление ролями",
-    "selectRoleToViewItsDetails": "Выберите роль, чтобы просмотреть сведения о ней.",
+    "selectRoleToViewItsDetails": "Выберите роль для просмотра сведений.",
     "roleUsage": "Использование ролей",
     "noPrivilegesAdded": "Привилегии не добавлены. Пожалуйста, добавьте их для просмотра.",
     "pleaseMakeSureSelectRoleViewDetails": "Пожалуйста, обязательно выберите роль, чтобы просмотреть ее подробную информацию.",

package/components/common/graph/GraphOld.vue

@@ -1,50 +1,61 @@
-<template>
-  <div :class="['graph-content', ...hiddenButtons]">
-    <template v-if="props.chartOptions">
-      <client-only>
-        <highchart
-          :options="props.chartOptions"
-          :modules="['exporting', 'export-data', 'offline-exporting']"
-          class="graph-block"
-        />
-      </client-only>
-    </template>
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  chartOptions: any
-}>()
-
-const hiddenButtons = computed<string[]>(() => {
-  const result = []
-  const chartOptions = props.chartOptions
-  if (chartOptions) {
-    const { openNewWindow } = chartOptions.exporting.menuItemDefinitions || {}
-
-    if (openNewWindow.isHide) result.push('hide-new-window')
-  }
-
-  return result
-})
-</script>
-
-<style scoped lang="scss">
-.graph-content {
-  width: 100%;
-  //height: inherit;
-  height: 100%;
-
-  &.hide-new-window {
-    :deep(.highcharts-menu) {
-      .highcharts-menu-item:first-child {
-        display: none;
-      }
-    }
-  }
-  .graph-block {
-    height: 100%;
-  }
-}
-</style>
+<template>
+  <div :class="['graph-content', ...hiddenButtons]">
+    <template v-if="props.chartOptions">
+      <client-only>
+        <highchart
+          :options="props.chartOptions"
+          :modules="modules"
+          class="graph-block"
+        />
+      </client-only>
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Highcharts from 'highcharts'
+
+const props = defineProps<{
+  chartOptions: any
+}>()
+
+const modules = ref<string[]>([])
+const hiddenButtons = computed<string[]>(() => {
+  const result = []
+  const chartOptions = props.chartOptions
+  if (chartOptions) {
+    const { openNewWindow } = chartOptions.exporting.menuItemDefinitions || {}
+
+    if (openNewWindow.isHide) result.push('hide-new-window')
+  }
+
+  return result
+})
+
+onMounted(() => {
+  modules.value.push('exporting', 'export-data')
+
+  if (typeof Highcharts.ajax === 'function') {
+    modules.value.push('offline-exporting')
+  }
+})
+</script>
+
+<style scoped lang="scss">
+.graph-content {
+  width: 100%;
+  //height: inherit;
+  height: 100%;
+
+  &.hide-new-window {
+    :deep(.highcharts-menu) {
+      .highcharts-menu-item:first-child {
+        display: none;
+      }
+    }
+  }
+  .graph-block {
+    height: 100%;
+  }
+}
+</style>

package/components/common/vmt/actions/add/Add.vue

@@ -137,6 +137,7 @@ import type {
 import type { UI_I_Capabilities } from '~/components/common/vm/actions/common/lib/models/interfaces'
 import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_VmtForm } from '~/components/common/vmt/actions/add/lib/models/interfaces'
 import {
   dynamicSteps,
   stepsSchemeInitial,
@@ -146,7 +147,6 @@ import Wizard from '~/components/atoms/wizard/lib/utils/utils'
 import { mapCapabilities } from '~/components/common/vm/actions/common/lib/utils/capabilities'
 import { scheduledTaskDefaultFormFunc } from '~/components/common/pages/scheduledTasks/modals/lib/config/createScheduledTask'
 import { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
-import type {UI_I_VmtForm} from "~/components/common/vmt/actions/add/lib/models/interfaces";
 
 const props = defineProps<{
   project: UI_T_Project
@@ -163,7 +163,7 @@ const props = defineProps<{
   validateSendDataFunc: any
   passthroughDevices: UI_I_PciDevice[]
   mediatedDevices: UI_I_MediatedDevice[]
-  vmNameInWizard: string
+  vmtNameInWizard: string
   capabilities?: UI_I_Capabilities
   schedulerTask?: any // TODO  надо interface переместить глобално
 }>()
@@ -460,7 +460,7 @@ const onChangeBootOrder = (data: UI_T_ChangeBootOrder): void => {
 const isPowerOnByDefault = ref<boolean>(true)
 
 watch(
-  () => props.vmNameInWizard,
+  () => props.vmtNameInWizard,
   (newValue) => {
     vmtForm.value.name = newValue
   }

package/package.json

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

package/public/spice-console/lib/rasterEngine.js

@@ -231,52 +231,81 @@ wdi.RasterEngine = $.spcExtend(wdi.EventObject.prototype, {
   },
 
   handleMjpegStream: function (spiceMessage) {
-    var imageData = spiceMessage.args.data //jpeg string encoded
-    var stream = wdi.Stream.getStream(spiceMessage.args.id) //recover the stream
-    var context = this.clientGui.getContext(stream.surface_id)
-    var img = wdi.GlobalPool.create('Image') //auto-release pool
-    wdi.ExecutionControl.sync = true
-    var url
-    img.onload = function () {
-      URL.revokeObjectURL(url)
-      var box = stream.computedBox
-      // we only rotate the stream if spice tells us so through the TOP_DOWN flag mask
-      if (!stream.flags & wdi.SpiceStreamFlags.SPICE_STREAM_FLAGS_TOP_DOWN) {
-        var offsetX = box.x + this.width / 2
-        var offsetY = box.y + this.height / 2
-        context.save()
-        context.translate(offsetX, offsetY)
-        context.rotate(Math.PI)
-        context.scale(-1, 1)
-        context.drawImage(
-          this,
-          box.x - offsetX,
-          box.y - offsetY,
-          box.width,
-          box.height
-        )
-        context.restore()
-      } else {
-        context.drawImage(this, box.x, box.y, box.width, box.height)
-      }
-    }
+    const imageData = spiceMessage.args.data;
+    const stream = wdi.Stream.getStream(spiceMessage.args.id);
+    const context = this.clientGui.getContext(stream.surface_id);
+    const box = stream.computedBox;
 
-    img.onerror = function () {
-      URL.revokeObjectURL(url)
-    }
+    this.pushWholeMjpegFrame(new Uint8Array(imageData));
 
-
-    // Здесь предполагается, что imageData – это двоичные данные в виде Uint8Array
-    const byteData = new Uint8Array(imageData); // Преобразование в Uint8Array
-    this.pushWholeMjpegFrame(byteData);
-
-    // Проверяем, был ли сформирован полный JPEG-кадр
     if (this.jpegInst) {
-      url = wdi.SpiceObject.bytesToURI(this.jpegInst);
-      img.src = url;
-    }
+      const blob = new Blob([this.jpegInst], { type: 'image/jpeg' });
+      createImageBitmap(blob).then(bitmap => {
+        const isTopDown = (stream.flags & wdi.SpiceStreamFlags.SPICE_STREAM_FLAGS_TOP_DOWN);
+        if (!isTopDown) {
+          const offsetX = box.x + bitmap.width / 2;
+          const offsetY = box.y + bitmap.height / 2;
+          context.save();
+          context.translate(offsetX, offsetY);
+          context.rotate(Math.PI);
+          context.scale(-1, 1);
+          context.drawImage(bitmap, box.x - offsetX, box.y - offsetY, box.width, box.height);
+          context.restore();
+        } else {
+          context.drawImage(bitmap, box.x, box.y, box.width, box.height);
+        }
+      }).catch(console.error);
 
+      this.jpegInst = null;
+    }
   },
+  // handleMjpegStream: function (spiceMessage) {
+  //   var imageData = spiceMessage.args.data //jpeg string encoded
+  //   var stream = wdi.Stream.getStream(spiceMessage.args.id) //recover the stream
+  //   var context = this.clientGui.getContext(stream.surface_id)
+  //   var img = wdi.GlobalPool.create('Image') //auto-release pool
+  //   wdi.ExecutionControl.sync = true
+  //   var url
+  //   img.onload = function () {
+  //     URL.revokeObjectURL(url)
+  //     var box = stream.computedBox
+  //     // we only rotate the stream if spice tells us so through the TOP_DOWN flag mask
+  //     if (!stream.flags & wdi.SpiceStreamFlags.SPICE_STREAM_FLAGS_TOP_DOWN) {
+  //       var offsetX = box.x + this.width / 2
+  //       var offsetY = box.y + this.height / 2
+  //       context.save()
+  //       context.translate(offsetX, offsetY)
+  //       context.rotate(Math.PI)
+  //       context.scale(-1, 1)
+  //       context.drawImage(
+  //         this,
+  //         box.x - offsetX,
+  //         box.y - offsetY,
+  //         box.width,
+  //         box.height
+  //       )
+  //       context.restore()
+  //     } else {
+  //       context.drawImage(this, box.x, box.y, box.width, box.height)
+  //     }
+  //   }
+  //
+  //   img.onerror = function () {
+  //     URL.revokeObjectURL(url)
+  //   }
+  //
+  //
+  //   // Здесь предполагается, что imageData – это двоичные данные в виде Uint8Array
+  //   const byteData = new Uint8Array(imageData); // Преобразование в Uint8Array
+  //   this.pushWholeMjpegFrame(byteData);
+  //
+  //   // Проверяем, был ли сформирован полный JPEG-кадр
+  //   if (this.jpegInst) {
+  //     url = wdi.SpiceObject.bytesToURI(this.jpegInst);
+  //     img.src = url;
+  //   }
+  //
+  // },
 
   handleH264Stream: function (spiceMessage) {
     var imageData = spiceMessage.args.data