bfg-common 1.5.292 → 1.5.294

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/assets/localization/local_en.json +1 -1
  2. package/components/common/spiceConsole/SpiceConsole.vue +43 -0
  3. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDriveNew.vue +3 -3
  4. package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/model/ModelNew.vue +26 -24
  5. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskNew.vue +3 -3
  6. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/file/FileNew.vue +1 -1
  7. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/maximumSize/MaximumSizeNew.vue +6 -0
  8. package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddressNew.vue +1 -1
  9. package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/inputDevices/InputDevicesNew.vue +6 -1
  10. package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplaysNew.vue +1 -1
  11. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/DelayNew.vue +1 -1
  12. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/FirmwareNew.vue +1 -1
  13. package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/menu/MenuNew.vue +1 -1
  14. package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptionsNew.vue +3 -3
  15. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/copyPaste/CopyPasteNew.vue +1 -1
  16. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/fileTransfer/FileTransferNew.vue +1 -1
  17. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/folderSharing/FolderSharingNew.vue +1 -1
  18. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/KeymapNew.vue +1 -1
  19. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordNew.vue +1 -1
  20. package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/usbRedirection/UsbRedirectionNew.vue +1 -1
  21. package/components/common/vm/actions/common/customizeHardware/vmoptions/tools/ToolsNew.vue +1 -1
  22. package/package.json +2 -2
@@ -3110,7 +3110,7 @@
3110
3110
  "vmWizard": {
3111
3111
  "devices": "Devices ({0})",
3112
3112
  "noAvailableNetworks": "No available networks",
3113
- "cpuMustBe": "Cpu must be between {0} and {1}.",
3113
+ "cpuMustBe": "CPU must be between {0} and {1}.",
3114
3114
  "browse": "Browse...",
3115
3115
  "eject": "Eject",
3116
3116
  "deployFromTemplate": "Deploy from template",
@@ -59,12 +59,55 @@ const onConsoleScroll = (event: any): void => {
59
59
  )
60
60
  }
61
61
 
62
+ const blockCtrlOrCmdCommands = (e): void => {
63
+ const blockedKeys = [
64
+ 'e',
65
+ 's',
66
+ 'p',
67
+ 'u',
68
+ 'r',
69
+ 'o',
70
+ 'i',
71
+ 'j',
72
+ 'k',
73
+ 'n',
74
+ 't',
75
+ 'w',
76
+ 'h',
77
+ 'd',
78
+ ]
79
+
80
+ const key = e.key
81
+ const ctrlOrCmd = e.ctrlKey || e.metaKey
82
+
83
+ // Block Ctrl+key or Cmd+key
84
+ if (ctrlOrCmd && blockedKeys.includes(key.toLowerCase())) {
85
+ e.preventDefault()
86
+ e.stopPropagation()
87
+ // console.log(`Blocked key: ${key}`);
88
+ return false
89
+ }
90
+
91
+ // Optionally block right-click menu key (context menu)
92
+ // if (e.key === 'ContextMenu') {
93
+ // e.preventDefault();
94
+ // return false;
95
+ // }
96
+
97
+ // Optional: block F5/Reload with Ctrl+R as fallback
98
+ // if (key === 'F5' || (ctrlOrCmd && key.toLowerCase() === 'r')) {
99
+ // e.preventDefault();
100
+ // return false;
101
+ // }
102
+ }
62
103
  onMounted(() => {
63
104
  connectWS()
105
+ document.addEventListener('keydown', blockCtrlOrCmdCommands)
64
106
  })
65
107
 
66
108
  onBeforeUnmount(() => {
67
109
  vmDisconnect()
110
+ document.removeEventListener('keydown', blockCtrlOrCmdCommands)
68
111
  })
69
112
  </script>
70
113
  <style scoped lang="scss">
@@ -202,9 +202,9 @@ const onChangeCdDvdDrive = (data: string): void => {
202
202
  }
203
203
  }
204
204
  .stack-block.removed {
205
- :deep(.stack-view-key) {
206
- flex: unset;
207
- }
205
+ //:deep(.stack-view-key) {
206
+ // flex: unset;
207
+ //}
208
208
  :deep(.roll-back-icon) {
209
209
  min-width: 20px;
210
210
  }
@@ -22,51 +22,51 @@
22
22
  v-model="passthroughHostCpu"
23
23
  :disabled="props.disabled"
24
24
  :label-text="localization.common.passthroughHostCpu"
25
+ size="md"
25
26
  test-id="passthrough-host-cpu"
26
27
  @change="emits('change-passthrough-host-cpu', $event)"
27
28
  />
28
29
 
29
30
  <common-tooltip-help
30
- class="ml-2"
31
- test-id="passthrough-help"
32
- help-id="passthrough-help-icon"
33
- :dropdown-left="true"
34
- :is-disabled="true"
35
- dropdown-width="480px"
31
+ class="ml-2"
32
+ test-id="passthrough-help"
33
+ help-id="passthrough-help-icon"
34
+ :dropdown-left="true"
35
+ :is-disabled="true"
36
+ dropdown-width="480px"
36
37
  >
37
38
  <p class="help-text">
38
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
39
- A cum eius expedita, fuga mollitia perferendis quod soluta
40
- vel? Dolor, illo, nam? A consequatur, consequuntur eos
41
- impedit iusto labore sunt tempora!
39
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. A cum
40
+ eius expedita, fuga mollitia perferendis quod soluta vel? Dolor,
41
+ illo, nam? A consequatur, consequuntur eos impedit iusto labore
42
+ sunt tempora!
42
43
  </p>
43
44
  </common-tooltip-help>
44
-
45
45
  </div>
46
46
  <div class="host-model-cpu-wrap flex-align-center">
47
47
  <ui-checkbox
48
48
  v-model="hostModelCpu"
49
49
  :disabled="props.disabled"
50
50
  :label-text="localization.common.hostModelCpu"
51
+ size="md"
51
52
  test-id="host-model-cpu"
52
53
  @change="emits('change-host-model-cpu', $event)"
53
54
  />
54
55
 
55
56
  <common-tooltip-help
56
- test-id="host-model-help"
57
- help-id="host-model-help-icon"
58
- :dropdown-left="true"
59
- :is-disabled="true"
60
- dropdown-width="480px"
57
+ test-id="host-model-help"
58
+ help-id="host-model-help-icon"
59
+ :dropdown-left="true"
60
+ :is-disabled="true"
61
+ dropdown-width="480px"
61
62
  >
62
63
  <p class="help-text">
63
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
64
- A cum eius expedita, fuga mollitia perferendis quod soluta
65
- vel? Dolor, illo, nam? A consequatur, consequuntur eos
66
- impedit iusto labore sunt tempora!
64
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. A cum
65
+ eius expedita, fuga mollitia perferendis quod soluta vel? Dolor,
66
+ illo, nam? A consequatur, consequuntur eos impedit iusto labore
67
+ sunt tempora!
67
68
  </p>
68
69
  </common-tooltip-help>
69
-
70
70
  </div>
71
71
  </div>
72
72
  </template>
@@ -104,7 +104,6 @@ const onChangeCpuModel = (data: UI_T_SelectedValue): void => {
104
104
  }
105
105
  </script>
106
106
 
107
-
108
107
  <style scoped lang="scss">
109
108
  .limit-title {
110
109
  margin-right: 12px;
@@ -112,9 +111,13 @@ const onChangeCpuModel = (data: UI_T_SelectedValue): void => {
112
111
  .cpu-model-content {
113
112
  display: flex;
114
113
  flex-direction: column;
115
- width: 224px;
114
+ //width: 224px;
116
115
  gap: 12px;
117
116
 
117
+ .tooltip-main {
118
+ width: 224px;
119
+ }
120
+
118
121
  :deep(.ui-main-select-toggle) {
119
122
  width: 100%;
120
123
  }
@@ -123,5 +126,4 @@ const onChangeCpuModel = (data: UI_T_SelectedValue): void => {
123
126
  min-height: unset !important;
124
127
  }
125
128
  }
126
-
127
129
  </style>
@@ -295,9 +295,9 @@ const localization = computed<UI_I_Localization>(() => useLocal())
295
295
  }
296
296
  }
297
297
  .stack-block.removed {
298
- :deep(.stack-view-key) {
299
- flex: unset;
300
- }
298
+ //:deep(.stack-view-key) {
299
+ // flex: unset;
300
+ //}
301
301
  :deep(.roll-back-icon) {
302
302
  min-width: 20px;
303
303
  }
@@ -36,6 +36,6 @@ const props = defineProps<{
36
36
  .file-path {
37
37
  font-size: 13px;
38
38
  color: var(--vm-wizard-file-path-color);
39
- line-height: 32px;
39
+ line-height: 18px;
40
40
  }
41
41
  </style>
@@ -32,10 +32,16 @@ const props = defineProps<{
32
32
  <style scoped>
33
33
  .limit-title {
34
34
  margin-right: 12px;
35
+ height: 32px;
36
+ display: flex;
37
+ align-items: center;
35
38
  }
36
39
  .maximum-size {
37
40
  font-size: 13px;
38
41
  line-height: 15.73px;
39
42
  color: var(--vm-wizard-maximum-size-color);
43
+ height: 32px;
44
+ display: flex;
45
+ align-items: center;
40
46
  }
41
47
  </style>
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.macAddress }}
4
+ <span class="mt-2">{{ localization.common.macAddress }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <div class="mac-address-content">
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.inputDevices }}
4
+ <span class="mt-2">{{ localization.common.inputDevices }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <div class="input-devices-content">
@@ -24,9 +24,14 @@ const localization = computed<UI_I_Localization>(() => useLocal())
24
24
  --input-devices-content-color: #182531;
25
25
  --input-devices-dot-color: #d3d6da;
26
26
  }
27
+ :root.dark-theme {
28
+ --input-devices-content-color: #e9eaec;
29
+ --input-devices-dot-color: #4d5d69;
30
+ }
27
31
  </style>
28
32
  <style scoped lang="scss">
29
33
  .input-devices-content {
34
+ height: 32px;
30
35
  display: flex;
31
36
  align-items: center;
32
37
  gap: 8px;
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.numberDisplays }}
4
+ <span class="mt-2">{{ localization.common.numberDisplays }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <ui-select
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.bootDelay }}
4
+ <span class="mt-2">{{ localization.common.bootDelay }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <ui-select
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.firmware }}
4
+ <span class="mt-2">{{ localization.common.firmware }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <ui-select
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.bootMenu }}
4
+ <span class="mt-2">{{ localization.common.bootMenu }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <ui-checkbox
@@ -44,7 +44,7 @@
44
44
 
45
45
  <ui-stack-block :has-children="false">
46
46
  <template #stackBlockKey>
47
- {{ localization.common.machineType }}
47
+ <span class="mt-2">{{ localization.common.machineType }}</span>
48
48
  </template>
49
49
  <template #stackBlockContent>
50
50
  <ui-select
@@ -63,7 +63,7 @@
63
63
 
64
64
  <ui-stack-block :has-children="false">
65
65
  <template #stackBlockKey>
66
- {{ localization.common.guestOsFamily }}
66
+ <span class="mt-2">{{ localization.common.guestOsFamily }}</span>
67
67
  </template>
68
68
  <template #stackBlockContent>
69
69
  <ui-select
@@ -83,7 +83,7 @@
83
83
 
84
84
  <ui-stack-block :has-children="false">
85
85
  <template #stackBlockKey>
86
- {{ localization.common.guestOsVersion }}
86
+ <span class="mt-2">{{ localization.common.guestOsVersion }}</span>
87
87
  </template>
88
88
  <template #stackBlockContent>
89
89
  <ui-select
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.copyPaste }}
4
+ <span class="mt-2">{{ localization.common.copyPaste }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <ui-checkbox
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.fileTransfer }}
4
+ <span class="mt-2">{{ localization.common.fileTransfer }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <ui-checkbox
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.folderSharing }}
4
+ <span class="mt-2">{{ localization.common.folderSharing }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <ui-checkbox
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.keymap }}
4
+ <span class="mt-2">{{ localization.common.keymap }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <ui-select
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.auth.password }}
4
+ <span class="mt-2">{{ localization.auth.password }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <div class="password-content">
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <ui-stack-block :has-children="false">
3
3
  <template #stackBlockKey>
4
- {{ localization.common.usbRedirection }}
4
+ <span class="mt-2">{{ localization.common.usbRedirection }}</span>
5
5
  </template>
6
6
  <template #stackBlockContent>
7
7
  <ui-select
@@ -16,7 +16,7 @@
16
16
  <template #stackChildren>
17
17
  <ui-stack-block :has-children="false">
18
18
  <template #stackBlockKey>
19
- {{ localization.common.toolsEnable }}
19
+ <span class="mt-2">{{ localization.common.toolsEnable }}</span>
20
20
  </template>
21
21
  <template #stackBlockContent>
22
22
  <ui-checkbox
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bfg-common",
3
3
  "private": false,
4
- "version": "1.5.292",
4
+ "version": "1.5.294",
5
5
  "scripts": {
6
6
  "build": "nuxt build",
7
7
  "dev": "nuxt dev --port=3002",
@@ -35,7 +35,7 @@
35
35
  "@vueuse/components": "^10.1.2",
36
36
  "date-fns": "^2.29.3",
37
37
  "bfg-nuxt-3-graph": "1.0.26",
38
- "bfg-uikit": "1.0.462",
38
+ "bfg-uikit": "1.0.463",
39
39
  "html2canvas": "^1.4.1",
40
40
  "prettier-eslint": "^15.0.1"
41
41
  }