bfg-common 1.4.355 → 1.4.356

package/components/common/portlets/tag/lib/config/config.ts

@@ -1,200 +1,200 @@
-import type {
-  UI_I_DataTableOptions,
-  UI_I_DataTableBody,
-  UI_I_DataTableHeader,
-} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { I_CreateCategoryData } from '~/components/common/portlets/tag/lib/models/interfaces'
-import type { T_CreateCategoryTypes } from '~/components/common/portlets/tag/lib/models/types'
-export const createCategoryData: I_CreateCategoryData = {
-  categoryName: '',
-  description: '',
-  tagsPerObject: '0',
-  types: {
-    folder: false,
-    datacenter: false,
-    datastoreCluster: false,
-    distributedSwitch: false,
-    contentLibrary: false,
-    network: false,
-    vApp: false,
-    cluster: false,
-    datastore: false,
-    distributedPortGroup: false,
-    host: false,
-    libraryItem: false,
-    resourcePool: false,
-    virtualMachine: false,
-  },
-}
-
-export const createCategoryTypes: Readonly<T_CreateCategoryTypes> = [
-  'folder',
-  'datacenter',
-  'datastoreCluster',
-  'distributedSwitch',
-  'contentLibrary',
-  'network',
-  'vApp',
-  'cluster',
-  'datastore',
-  'distributedPortGroup',
-  'host',
-  'libraryItem',
-  'resourcePool',
-  'virtualMachine',
-] as const
-
-export const tagTableHeaderOptions: UI_I_DataTableOptions = {
-  perPageOptions: [],
-  isSelectable: true,
-  selectType: 'checkbox',
-  showPagination: false,
-  showPageInfo: false,
-  isSortable: true,
-  server: false,
-  isResizable: false,
-  showSearch: false,
-  showColumnManager: false,
-}
-
-export const temporaryCategories: UI_I_Dropdown[] = [
-  {
-    text: 'Category1',
-    value: 'Category1',
-    selected: false,
-  },
-  {
-    text: 'Category2',
-    value: 'Category2',
-    selected: false,
-  },
-  {
-    text: 'Category3',
-    value: 'Category3',
-    selected: false,
-  },
-  {
-    text: 'Category4',
-    value: 'Category4',
-    selected: false,
-  },
-]
-
-export const makeNewTagCreateActionRowFunc = (
-  row: number
-): UI_I_DataTableBody => ({
-  row,
-  isSelected: false,
-  actionRow: true,
-  data: [
-    {
-      col: 0,
-      text: '',
-      key: 'icon',
-      data: {
-        type: 'tagName',
-      },
-    },
-    {
-      col: 1,
-      text: '',
-      key: 'icon',
-      data: {
-        type: 'category',
-      },
-    },
-    {
-      col: 2,
-      text: '',
-      key: 'icon',
-      data: {
-        type: 'description',
-      },
-    },
-    {
-      col: 3,
-      text: '',
-      key: 'icon',
-      data: {
-        type: 'actions',
-      },
-    },
-  ],
-})
-
-export const tagTableHeaderDataFunc = (
-  localization: UI_I_Localization
-): UI_I_DataTableHeader[] => [
-  {
-    col: 0,
-    colName: 'Tag Name',
-    text: localization.common.tagName,
-    isSortable: true,
-    sort: 'asc',
-    width: '31%',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 1,
-    colName: 'Category',
-    text: localization.common.category,
-    isSortable: true,
-    sort: 'asc',
-    width: '31%',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 2,
-    colName: 'Description',
-    text: localization.common.description,
-    isSortable: true,
-    sort: 'asc',
-    width: '31%',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 3,
-    colName: '',
-    text: '',
-    width: '7%',
-    show: true,
-  },
-]
-
-export const tagsAssignBodyItemsTemporary: UI_I_DataTableBody[] = [
-  {
-    row: 0,
-    isSelected: false,
-    data: [
-      { col: 0, text: 'test1' },
-      { col: 1, text: 'test1' },
-      { col: 2, text: 'test1' },
-      { col: 3, text: '' },
-    ],
-  },
-  {
-    row: 1,
-    isSelected: false,
-    data: [
-      { col: 0, text: 'test2' },
-      { col: 1, text: 'test2' },
-      { col: 2, text: 'test2' },
-      { col: 3, text: '' },
-    ],
-  },
-  {
-    row: 2,
-    isSelected: false,
-    data: [
-      { col: 0, text: 'test3' },
-      { col: 1, text: 'test3' },
-      { col: 2, text: 'test3' },
-      { col: 3, text: '' },
-    ],
-  },
+import type {
+  UI_I_DataTableOptions,
+  UI_I_DataTableBody,
+  UI_I_DataTableHeader,
+} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { I_CreateCategoryData } from '~/components/common/portlets/tag/lib/models/interfaces'
+import type { T_CreateCategoryTypes } from '~/components/common/portlets/tag/lib/models/types'
+export const createCategoryData: I_CreateCategoryData = {
+  categoryName: '',
+  description: '',
+  tagsPerObject: '0',
+  types: {
+    folder: false,
+    datacenter: false,
+    datastoreCluster: false,
+    distributedSwitch: false,
+    contentLibrary: false,
+    network: false,
+    vApp: false,
+    cluster: false,
+    datastore: false,
+    distributedPortGroup: false,
+    host: false,
+    libraryItem: false,
+    resourcePool: false,
+    virtualMachine: false,
+  },
+}
+
+export const createCategoryTypes: Readonly<T_CreateCategoryTypes> = [
+  'folder',
+  'datacenter',
+  'datastoreCluster',
+  'distributedSwitch',
+  'contentLibrary',
+  'network',
+  'vApp',
+  'cluster',
+  'datastore',
+  'distributedPortGroup',
+  'host',
+  'libraryItem',
+  'resourcePool',
+  'virtualMachine',
+] as const
+
+export const tagTableHeaderOptions: UI_I_DataTableOptions = {
+  perPageOptions: [],
+  isSelectable: true,
+  selectType: 'checkbox',
+  showPagination: false,
+  showPageInfo: false,
+  isSortable: true,
+  server: false,
+  isResizable: false,
+  showSearch: false,
+  showColumnManager: false,
+}
+
+export const temporaryCategories: UI_I_Dropdown[] = [
+  {
+    text: 'Category1',
+    value: 'Category1',
+    selected: false,
+  },
+  {
+    text: 'Category2',
+    value: 'Category2',
+    selected: false,
+  },
+  {
+    text: 'Category3',
+    value: 'Category3',
+    selected: false,
+  },
+  {
+    text: 'Category4',
+    value: 'Category4',
+    selected: false,
+  },
+]
+
+export const makeNewTagCreateActionRowFunc = (
+  row: number
+): UI_I_DataTableBody => ({
+  row,
+  isSelected: false,
+  actionRow: true,
+  data: [
+    {
+      col: 0,
+      text: '',
+      key: 'icon',
+      data: {
+        type: 'tagName',
+      },
+    },
+    {
+      col: 1,
+      text: '',
+      key: 'icon',
+      data: {
+        type: 'category',
+      },
+    },
+    {
+      col: 2,
+      text: '',
+      key: 'icon',
+      data: {
+        type: 'description',
+      },
+    },
+    {
+      col: 3,
+      text: '',
+      key: 'icon',
+      data: {
+        type: 'actions',
+      },
+    },
+  ],
+})
+
+export const tagTableHeaderDataFunc = (
+  localization: UI_I_Localization
+): UI_I_DataTableHeader[] => [
+  {
+    col: 0,
+    colName: 'Tag Name',
+    text: localization.common.tagName,
+    isSortable: true,
+    sort: 'asc',
+    width: '31%',
+    show: true,
+    filter: false,
+  },
+  {
+    col: 1,
+    colName: 'Category',
+    text: localization.common.category,
+    isSortable: true,
+    sort: 'asc',
+    width: '31%',
+    show: true,
+    filter: false,
+  },
+  {
+    col: 2,
+    colName: 'Description',
+    text: localization.common.description,
+    isSortable: true,
+    sort: 'asc',
+    width: '31%',
+    show: true,
+    filter: false,
+  },
+  {
+    col: 3,
+    colName: '',
+    text: '',
+    width: '7%',
+    show: true,
+  },
+]
+
+export const tagsAssignBodyItemsTemporary: UI_I_DataTableBody[] = [
+  {
+    row: 0,
+    isSelected: false,
+    data: [
+      { col: 0, text: 'test1' },
+      { col: 1, text: 'test1' },
+      { col: 2, text: 'test1' },
+      { col: 3, text: '' },
+    ],
+  },
+  {
+    row: 1,
+    isSelected: false,
+    data: [
+      { col: 0, text: 'test2' },
+      { col: 1, text: 'test2' },
+      { col: 2, text: 'test2' },
+      { col: 3, text: '' },
+    ],
+  },
+  {
+    row: 2,
+    isSelected: false,
+    data: [
+      { col: 0, text: 'test3' },
+      { col: 1, text: 'test3' },
+      { col: 2, text: 'test3' },
+      { col: 3, text: '' },
+    ],
+  },
 ]

package/components/common/portlets/tag/lib/models/interfaces.ts

@@ -1,27 +1,27 @@
-export interface I_CreateCategoryData {
-  categoryName: string
-  description: string
-  tagsPerObject: '0' | '1'
-  types: {
-    folder: boolean
-    datacenter: boolean
-    datastoreCluster: boolean
-    distributedSwitch: boolean
-    contentLibrary: boolean
-    network: boolean
-    vApp: boolean
-    cluster: boolean
-    datastore: boolean
-    distributedPortGroup: boolean
-    host: boolean
-    libraryItem: boolean
-    resourcePool: boolean
-    virtualMachine: boolean
-  }
-}
-
-export interface I_NewTagData {
-  tagName: string
-  category: string
-  description: string
-}
+export interface I_CreateCategoryData {
+  categoryName: string
+  description: string
+  tagsPerObject: '0' | '1'
+  types: {
+    folder: boolean
+    datacenter: boolean
+    datastoreCluster: boolean
+    distributedSwitch: boolean
+    contentLibrary: boolean
+    network: boolean
+    vApp: boolean
+    cluster: boolean
+    datastore: boolean
+    distributedPortGroup: boolean
+    host: boolean
+    libraryItem: boolean
+    resourcePool: boolean
+    virtualMachine: boolean
+  }
+}
+
+export interface I_NewTagData {
+  tagName: string
+  category: string
+  description: string
+}

package/components/common/portlets/tag/lib/models/types.ts

@@ -1,16 +1,16 @@
-export type T_CreateCategoryTypes = [
-  'folder',
-  'datacenter',
-  'datastoreCluster',
-  'distributedSwitch',
-  'contentLibrary',
-  'network',
-  'vApp',
-  'cluster',
-  'datastore',
-  'distributedPortGroup',
-  'host',
-  'libraryItem',
-  'resourcePool',
-  'virtualMachine'
+export type T_CreateCategoryTypes = [
+  'folder',
+  'datacenter',
+  'datastoreCluster',
+  'distributedSwitch',
+  'contentLibrary',
+  'network',
+  'vApp',
+  'cluster',
+  'datastore',
+  'distributedPortGroup',
+  'host',
+  'libraryItem',
+  'resourcePool',
+  'virtualMachine'
 ]

package/components/common/spiceConsole/Drawer.vue

@@ -64,6 +64,10 @@
     </div>
 
     <div class="vmw-drawer-footer">
+      <div class="size-info">
+        <p class="size-info-text">View size: {{viewSize}}</p>
+        <p class="size-info-text">Canvas size: {{canvasSize}}</p>
+      </div>
       <div id="debug-stream"></div>
     </div>
     <div v-if="isKeyboardShown">
@@ -133,6 +137,20 @@ const onInputManagerFocus = (): void => {
   if (hover.value) return
   document.getElementById('inputmanager')?.focus()
 }
+
+const viewSize = ref<string>('0 x 0')
+const canvasSize = ref<string>('0 x 0')
+const displaySizeInfo = (): void => {
+  const layout = document.getElementById('eventLayer')
+  viewSize.value = `${window.innerWidth}px x ${window.innerHeight}px`
+  if (layout) {
+    canvasSize.value = `${layout.width || 0}px x ${layout.height || 0}px`
+  }
+
+  requestAnimationFrame(displaySizeInfo)
+}
+displaySizeInfo()
+
 </script>
 <style lang="scss" scoped>
 .vmw-drawer {
@@ -241,5 +259,15 @@ const onInputManagerFocus = (): void => {
       box-shadow: 0 0 20px 0.5px #ffffff2e;
     }
   }
+
+  .vmw-drawer-footer {
+    .size-info {
+      margin-bottom: 10px;
+
+      .size-info-text {
+        color: #ffffff;
+      }
+    }
+  }
 }
 </style>

package/lib/models/interfaces.ts

@@ -38,6 +38,7 @@ export interface UI_I_Localization {
   zabbix: UI_I_ArbitraryObject<string>
   remoteConsole: UI_I_ArbitraryObject<string>
   vmWizard: UI_I_ArbitraryObject<string>
+  feedback: UI_I_ArbitraryObject<string>
 }
 export interface UI_I_SendTaskParams {
   method: string

package/package.json

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

package/store/tasks/mappers/recentTasks.ts

@@ -17,8 +17,15 @@ export const recentTasks = (
         return b.start_time - a.start_time
       })
       .map((task) => {
+        let args: any = {}
+        try {
+          args = base64.decode(task.args)
+        } catch (error) {
+          args = {}
+        }
+
         return {
-          args: base64.decode(task.args),
+          args,
           completion: task.completion + '' || '-',
           queuedFor: task.creation_time - task.start_time,
           execution: Math.abs(task.start_time - task.completion),

package/components/common/layout/theHeader/feedback/FeedbackNew.vue

@@ -1,63 +0,0 @@
-<template>
-  <Teleport to="body">
-    <common-feedback
-      width="576px"
-      :show="props.isShowFeedback"
-      :title="props.title"
-      @hide="emits('hide')"
-      @submit="emits('submit', $event)"
-    />
-  </Teleport>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_FeedbackForm } from '~/components/common/feedback/lib/models/interfaces'
-
-const props = defineProps<{
-  isShowFeedback: boolean
-  title: string
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit', value: UI_I_FeedbackForm): void
-}>()
-</script>
-
-<style lang="scss">
-:root {
-  --description-color: #414b57;
-  --link-visited-color: #5659b8;
-}
-
-:root.dark-theme {
-  --description-color: #adbbc4;
-  --link-visited-color: #49afd9;
-}
-
-.feedback {
-  width: 60px;
-  height: 60px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  fill: #fafafa;
-
-  &-icon {
-    width: 24px;
-    height: 24px;
-    opacity: 0.65;
-    cursor: pointer;
-  }
-  &-icon:hover {
-    opacity: 1;
-  }
-}
-.about-vsphere-dialog-legal-section {
-  color: var(--description-color);
-  a {
-    color: var(--link-visited-color);
-  }
-}
-</style>