bfg-common 1.2.112 → 1.2.113

package/components/common/browse/blocks/contents/Files.vue

@@ -1,68 +1,68 @@
-<template>
-  <ul class="file-view__container">
-    <template v-for="file in props.selectedFolderFiles" :key="file.name">
-      <li
-        :class="[
-          'file-view',
-          { selected: file.name === props.selectedFile?.name },
-        ]"
-        @click="onSelectFile(file)"
-      >
-        <span :class="file.iconClassName"></span>
-        <span>{{ file.name }}</span>
-      </li>
-    </template>
-  </ul>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  selectedFolderFiles: any[]
-  selectedFile: any
-}>()
-
-const emits = defineEmits<{
-  (event: 'select-file', file: any): void
-}>()
-
-const onSelectFile = (file: any) => {
-  emits('select-file', file)
-}
-</script>
-
-<style scoped lang="scss">
-.file-view {
-  &__container {
-    list-style-position: inside;
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-
-    li {
-      line-height: 20px;
-      padding: 2px;
-      border-bottom: 1px solid #eee;
-      cursor: pointer;
-
-      &:hover {
-        background-color: #c6e7ff;
-        line-height: 20px;
-        padding: 2px;
-        border-bottom: 1px solid #eee;
-        cursor: pointer;
-      }
-      &.selected {
-        background-color: #a3d7ff;
-      }
-      span {
-        line-height: 20px;
-      }
-      span:first-of-type {
-        width: 16px;
-        height: 16px;
-        line-height: 20px;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <ul class="file-view__container">
+    <template v-for="file in props.selectedFolderFiles" :key="file.name">
+      <li
+        :class="[
+          'file-view',
+          { selected: file.name === props.selectedFile?.name },
+        ]"
+        @click="onSelectFile(file)"
+      >
+        <span :class="file.iconClassName"></span>
+        <span>{{ file.name }}</span>
+      </li>
+    </template>
+  </ul>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  selectedFolderFiles: any[]
+  selectedFile: any
+}>()
+
+const emits = defineEmits<{
+  (event: 'select-file', file: any): void
+}>()
+
+const onSelectFile = (file: any) => {
+  emits('select-file', file)
+}
+</script>
+
+<style scoped lang="scss">
+.file-view {
+  &__container {
+    list-style-position: inside;
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+
+    li {
+      line-height: 20px;
+      padding: 2px;
+      border-bottom: 1px solid #eee;
+      cursor: pointer;
+
+      &:hover {
+        background-color: #c6e7ff;
+        line-height: 20px;
+        padding: 2px;
+        border-bottom: 1px solid #eee;
+        cursor: pointer;
+      }
+      &.selected {
+        background-color: #a3d7ff;
+      }
+      span {
+        line-height: 20px;
+      }
+      span:first-of-type {
+        width: 16px;
+        height: 16px;
+        line-height: 20px;
+      }
+    }
+  }
+}
+</style>

package/components/common/browse/blocks/info/Date.vue

@@ -1,21 +1,21 @@
-<template>
-  <div>
-    <span>{{ props.title }}:</span>
-    <span>{{ formattedDateString }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { format } from 'date-fns'
-const props = defineProps<{
-  title: string
-  value: number
-}>()
-
-const getDateString = (dateAlias: number) =>
-  format(new Date(dateAlias), 'MM/dd/yyyy HH:mm:ss a')
-
-const formattedDateString = computed(() => getDateString(props.value))
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div>
+    <span>{{ props.title }}:</span>
+    <span>{{ formattedDateString }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { format } from 'date-fns'
+const props = defineProps<{
+  title: string
+  value: number
+}>()
+
+const getDateString = (dateAlias: number) =>
+  format(new Date(dateAlias), 'MM/dd/yyyy HH:mm:ss a')
+
+const formattedDateString = computed(() => getDateString(props.value))
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/browse/blocks/info/Size.vue

@@ -1,17 +1,17 @@
-<template>
-  <div>
-    <span>{{ props.title }}:</span>
-    <span>{{ size }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  title: string
-  value: number
-}>()
-const { $binary } = useNuxtApp()
-const size = computed(() => $binary.round(props.value, true))
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div>
+    <span>{{ props.title }}:</span>
+    <span>{{ size }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  title: string
+  value: number
+}>()
+const { $binary } = useNuxtApp()
+const size = computed(() => $binary.round(props.value, true))
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/browse/blocks/info/Text.vue

@@ -1,17 +1,17 @@
-<template>
-  <div>
-    <span>{{ props.title }}:</span>
-    <span>{{ props.value }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  title: string
-  value: string
-}>()
-</script>
-
-<style scoped lang="scss">
-
+<template>
+  <div>
+    <span>{{ props.title }}:</span>
+    <span>{{ props.value }}</span>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  title: string
+  value: string
+}>()
+</script>
+
+<style scoped lang="scss">
+
 </style>

package/components/common/browse/blocks/models/types.ts

@@ -1 +1 @@
-export type UI_T_BlocksWidth = [number, number, number]
+export type UI_T_BlocksWidth = [number, number, number]

package/components/common/browse/models/interfaces.ts

@@ -1,5 +1,5 @@
-export interface UI_I_FileInfo {
-  type: string
-  title: string
-  value: string | number
-}
+export interface UI_I_FileInfo {
+  type: string
+  title: string
+  value: string | number
+}

package/components/common/config/states.ts

@@ -1,67 +1,67 @@
-export const hostLocalizationByState = [
-  'unknown',
-  'connected',
-  'warning',
-  'error',
-  'maintenance',
-  'notResponding',
-  'disconnected',
-]
-
-export const hostIconByState = [
-  'host-error',
-  'host',
-  'host-warning',
-  'host-error',
-  'host-maintenance',
-  'host-not-responding',
-  'host-disconnected',
-]
-
-export const vmLocalizationByState = [
-  'unknown',
-  'powerOff',
-  'poweredOn',
-  'suspended',
-  'error',
-  'warning',
-  'pending',
-  'paused',
-  'blocked',
-  'shuttingDown',
-  'shuttingOff',
-]
-
-export const vmIconByState = [
-  'vm-error',
-  'vm',
-  'vm-on',
-  'vm-suspended',
-  'vm-error',
-  'vm-warning',
-  'vm-warning',
-  'vm-suspended',
-  'vm-warning',
-  'vm-warning',
-  'vm-warning',
-]
-
-export const datastoreLocalizationByState = [
-  'unknown',
-  'connected',
-  'warning',
-  'error',
-  'maintenance',
-  'inaccessible',
-  'disconnected',
-]
-
-export const datastoreIconByState = [
-  'datastore-error',
-  'datastore',
-  'datastore-warning',
-  'datastore-error',
-  'datastore-maintenance',
-  'datastore-inaccessible',
-  'datastore-unmount', // 'datastore-disconnected',
-]
+export const hostLocalizationByState = [
+  'unknown',
+  'connected',
+  'warning',
+  'error',
+  'maintenance',
+  'notResponding',
+  'disconnected',
+]
+
+export const hostIconByState = [
+  'host-error',
+  'host',
+  'host-warning',
+  'host-error',
+  'host-maintenance',
+  'host-not-responding',
+  'host-disconnected',
+]
+
+export const vmLocalizationByState = [
+  'unknown',
+  'powerOff',
+  'poweredOn',
+  'suspended',
+  'error',
+  'warning',
+  'pending',
+  'paused',
+  'blocked',
+  'shuttingDown',
+  'shuttingOff',
+]
+
+export const vmIconByState = [
+  'vm-error',
+  'vm',
+  'vm-on',
+  'vm-suspended',
+  'vm-error',
+  'vm-warning',
+  'vm-warning',
+  'vm-suspended',
+  'vm-warning',
+  'vm-warning',
+  'vm-warning',
+]
+
+export const datastoreLocalizationByState = [
+  'unknown',
+  'connected',
+  'warning',
+  'error',
+  'maintenance',
+  'inaccessible',
+  'disconnected',
+]
+
+export const datastoreIconByState = [
+  'datastore-error',
+  'datastore',
+  'datastore-warning',
+  'datastore-error',
+  'datastore-maintenance',
+  'datastore-inaccessible',
+  'datastore-unmount', // 'datastore-disconnected',
+]

package/components/common/context/Context.spec.ts

@@ -1,20 +1,20 @@
-import { describe, test, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import Context from './Context.vue'
-
-describe('Context.vue', () => {
-  test('testing popup position', () => {
-    const wrapper = mount(Context, {
-      props: {
-        contextMenu: {
-          x: 100,
-          y: 200,
-        },
-      },
-    })
-
-    const popup = wrapper.find('.context-popup')
-    expect(popup.attributes().style).toContain('100px')
-    expect(popup.attributes().style).toContain('200px')
-  })
-})
+import { describe, test, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import Context from './Context.vue'
+
+describe('Context.vue', () => {
+  test('testing popup position', () => {
+    const wrapper = mount(Context, {
+      props: {
+        contextMenu: {
+          x: 100,
+          y: 200,
+        },
+      },
+    })
+
+    const popup = wrapper.find('.context-popup')
+    expect(popup.attributes().style).toContain('100px')
+    expect(popup.attributes().style).toContain('200px')
+  })
+})

package/components/common/context/Context.vue

@@ -1,97 +1,97 @@
-<template>
-  <div
-    class="context-popup"
-    :style="{
-      top: currentContextMenuY,
-      left: currentContextMenuX,
-    }"
-  >
-    <common-context-recursion
-      :action-loading="props.actionLoading"
-      :items="props.contextMenu.items"
-      @select-item="selectItem"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import {
-  UI_I_ContextMenuItem,
-  UI_I_ContextMenu,
-} from '~/components/common/context/models/interfaces'
-
-const props = defineProps<{
-  contextMenu: UI_I_ContextMenu
-  actionLoading: string | null
-}>()
-const emits = defineEmits<{
-  (event: 'select-item', value: UI_I_ContextMenuItem): void
-  (event: 'hide'): void
-}>()
-const selectItem = (item: UI_I_ContextMenuItem): void => {
-  emits('select-item', item)
-}
-
-const windowMousedown = (): void => {
-  emits('hide')
-}
-onMounted(() => {
-  window.addEventListener('mousedown', windowMousedown)
-})
-onUnmounted(() => {
-  window.removeEventListener('mousedown', windowMousedown)
-})
-
-const currentContextMenuY = ref<string>('')
-const currentContextMenuX = ref<string>('')
-const setCurrentPositionsPopup = (): void => {
-  const contextMenuY = props.contextMenu.y
-  const contextMenuX = props.contextMenu.x
-
-  const contextWrap: HTMLElement | null =
-    document.querySelector('.context-wrap')
-  const contextW = contextWrap?.offsetWidth || 0
-  const contextH = contextWrap?.offsetHeight || 0
-
-  const windowW = window.innerWidth
-  const windowH = window.innerHeight
-
-  if (contextMenuY + contextH >= windowH) {
-    currentContextMenuY.value = 'auto'
-  } else {
-    currentContextMenuY.value = `${contextMenuY}px`
-  }
-
-  if (contextMenuX + contextW >= windowW) {
-    const divisionW = windowW - contextW
-    currentContextMenuX.value = `${divisionW}px`
-  } else {
-    currentContextMenuX.value = `${contextMenuX}px`
-  }
-}
-
-watch(
-  () => props.contextMenu.y,
-  (newValue) => {
-    if (!newValue) return
-
-    setTimeout(() => {
-      setCurrentPositionsPopup()
-    }, 0)
-  }
-)
-</script>
-
-<style scoped lang="scss">
-.context-popup {
-  top: -9999px;
-  left: -9999px;
-  bottom: 0;
-  border: none;
-  box-sizing: content-box;
-  overflow: visible;
-  display: block;
-  position: fixed;
-  z-index: 10002;
-}
-</style>
+<template>
+  <div
+    class="context-popup"
+    :style="{
+      top: currentContextMenuY,
+      left: currentContextMenuX,
+    }"
+  >
+    <common-context-recursion
+      :action-loading="props.actionLoading"
+      :items="props.contextMenu.items"
+      @select-item="selectItem"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  UI_I_ContextMenuItem,
+  UI_I_ContextMenu,
+} from '~/components/common/context/models/interfaces'
+
+const props = defineProps<{
+  contextMenu: UI_I_ContextMenu
+  actionLoading: string | null
+}>()
+const emits = defineEmits<{
+  (event: 'select-item', value: UI_I_ContextMenuItem): void
+  (event: 'hide'): void
+}>()
+const selectItem = (item: UI_I_ContextMenuItem): void => {
+  emits('select-item', item)
+}
+
+const windowMousedown = (): void => {
+  emits('hide')
+}
+onMounted(() => {
+  window.addEventListener('mousedown', windowMousedown)
+})
+onUnmounted(() => {
+  window.removeEventListener('mousedown', windowMousedown)
+})
+
+const currentContextMenuY = ref<string>('')
+const currentContextMenuX = ref<string>('')
+const setCurrentPositionsPopup = (): void => {
+  const contextMenuY = props.contextMenu.y
+  const contextMenuX = props.contextMenu.x
+
+  const contextWrap: HTMLElement | null =
+    document.querySelector('.context-wrap')
+  const contextW = contextWrap?.offsetWidth || 0
+  const contextH = contextWrap?.offsetHeight || 0
+
+  const windowW = window.innerWidth
+  const windowH = window.innerHeight
+
+  if (contextMenuY + contextH >= windowH) {
+    currentContextMenuY.value = 'auto'
+  } else {
+    currentContextMenuY.value = `${contextMenuY}px`
+  }
+
+  if (contextMenuX + contextW >= windowW) {
+    const divisionW = windowW - contextW
+    currentContextMenuX.value = `${divisionW}px`
+  } else {
+    currentContextMenuX.value = `${contextMenuX}px`
+  }
+}
+
+watch(
+  () => props.contextMenu.y,
+  (newValue) => {
+    if (!newValue) return
+
+    setTimeout(() => {
+      setCurrentPositionsPopup()
+    }, 0)
+  }
+)
+</script>
+
+<style scoped lang="scss">
+.context-popup {
+  top: -9999px;
+  left: -9999px;
+  bottom: 0;
+  border: none;
+  box-sizing: content-box;
+  overflow: visible;
+  display: block;
+  position: fixed;
+  z-index: 10002;
+}
+</style>