bfg-common 1.3.467 → 1.3.468

package/components/common/lib/config/states.ts

@@ -1,160 +1,160 @@
-export const clusterLocalizationByState = [
-  'unknown',
-  'connected',
-  'warning',
-  'error',
-]
-
-export const clusterIconByState = [
-  'cluster-error',
-  'cluster',
-  'cluster-warning',
-  'cluster-error',
-  // TODO Добавил на скорую руку нужно дополнить, если есть что добавить
-]
-
-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 networkLocalizationByState = [
-  'unknown',
-  'connected',
-  'warning',
-  'error',
-]
-
-export const networkIconByState = [
-  'network-error',
-  'network',
-  'network-warning',
-  'network-error',
-]
-
-export const switchLocalizationByState = [
-  'unknown',
-  'connected',
-  'warning',
-  'error',
-]
-
-export const switchIconByState = [
-  'switch-error',
-  'switch',
-  'switch-warning',
-  'switch-error',
-]
-
-export const resourcePoolLocalizationByState = [
-  'unknown',
-  'normal',
-  'warning',
-  'error',
-  'alert',
-]
-
-export const resourcePoolIconByState = [
-  'resourcePoolAlert',
-  'resource-pool',
-  'resourcePoolWarning',
-  'resourcePoolAlert',
-  'resourcePoolAlert',
-]
-
-export const backupStorageLocalizationByState = [
-  'unknown',
-  'connected',
-  'warning',
-  'error',
-  'maintenance',
-  'inaccessible',
-  'disconnected',
-]
-
-export const backupStorageIconByState = [
-  'datastore-error',
-  'datastore',
-  'datastore-warning',
-  'datastore-error',
-  'datastore-maintenance',
-  'datastore-inaccessible',
-  'datastore-unmount', // 'datastore-disconnected',
-]
-
-export const bucketLocalizationByState = [
-  'unknown',
-  'connected',
-  'warning',
-  'error',
-]
-
-export const bucketIconByState = [
-  'vm-error',
-  'vm',
-  'vm-warning',
-  'vm-error',
-]
+export const clusterLocalizationByState = [
+  'unknown',
+  'connected',
+  'warning',
+  'error',
+]
+
+export const clusterIconByState = [
+  'cluster-error',
+  'cluster',
+  'cluster-warning',
+  'cluster-error',
+  // TODO Добавил на скорую руку нужно дополнить, если есть что добавить
+]
+
+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 networkLocalizationByState = [
+  'unknown',
+  'connected',
+  'warning',
+  'error',
+]
+
+export const networkIconByState = [
+  'network-error',
+  'network',
+  'network-warning',
+  'network-error',
+]
+
+export const switchLocalizationByState = [
+  'unknown',
+  'connected',
+  'warning',
+  'error',
+]
+
+export const switchIconByState = [
+  'switch-error',
+  'switch',
+  'switch-warning',
+  'switch-error',
+]
+
+export const resourcePoolLocalizationByState = [
+  'unknown',
+  'normal',
+  'warning',
+  'error',
+  'alert',
+]
+
+export const resourcePoolIconByState = [
+  'resourcePoolAlert',
+  'resource-pool',
+  'resourcePoolWarning',
+  'resourcePoolAlert',
+  'resourcePoolAlert',
+]
+
+export const backupStorageLocalizationByState = [
+  'unknown',
+  'connected',
+  'warning',
+  'error',
+  'maintenance',
+  'inaccessible',
+  'disconnected',
+]
+
+export const backupStorageIconByState = [
+  'datastore-error',
+  'datastore',
+  'datastore-warning',
+  'datastore-error',
+  'datastore-maintenance',
+  'datastore-inaccessible',
+  'datastore-unmount', // 'datastore-disconnected',
+]
+
+export const bucketLocalizationByState = [
+  'unknown',
+  'connected',
+  'warning',
+  'error',
+]
+
+export const bucketIconByState = [
+  'vm-error',
+  'vm',
+  'vm-warning',
+  'vm-error',
+]

package/components/common/mainNavigationPanel/MainNavigationPanel.vue

@@ -1,142 +1,142 @@
-<template>
-  <common-main-navigation-panel-new
-    v-if="props.isNewView"
-    v-model:main-menu-hovered="mainMenuHovered"
-    v-model:menu-pined="menuPined"
-    :main-menu-status="props.mainMenuStatus"
-    :navigation-items="props.navigationItems"
-    :parent-status="props.parentStatus"
-    :disabled-pin="props.disabledPin"
-    :menu-collapsed="menuCollapsed"
-    :show-menu="showMenu"
-    @toggle="emits('toggle', $event)"
-    @collapse-menu="collapseMenu"
-    @change-menu-pin="changeMenuPin"
-    @hide-main-menu="hideMainMenu"
-  />
-  <common-main-navigation-panel-old
-    v-else
-    v-model:main-menu-hovered="mainMenuHovered"
-    v-model:menu-pined="menuPined"
-    :main-menu-status="props.mainMenuStatus"
-    :navigation-items="props.navigationItems"
-    :parent-status="props.parentStatus"
-    :disabled-pin="props.disabledPin"
-    :menu-collapsed="menuCollapsed"
-    :show-menu="showMenu"
-    @toggle="emits('toggle', $event)"
-    @collapse-menu="collapseMenu"
-    @change-menu-pin="changeMenuPin"
-    @hide-main-menu="hideMainMenu"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_NavigationItem } from '~/components/common/mainNavigationPanel/lib/models/interfaces'
-import type { UI_T_ParentStatus } from '~/components/common/mainNavigationPanel/lib/models/types'
-
-const props = withDefaults(
-  defineProps<{
-    mainMenuStatus: boolean
-    navigationItems: UI_I_NavigationItem[][]
-    parentStatus: UI_T_ParentStatus
-    disabledPin: boolean
-    isNewView?: boolean
-  }>(),
-  {
-    isNewView: false,
-  }
-)
-
-const emits = defineEmits<{
-  (event: 'toggle', value: boolean): void
-}>()
-
-const route = useRoute()
-
-const showMenu = computed<boolean>(
-  () => props.mainMenuStatus || menuPined.value
-)
-
-const menuPined = ref<boolean>(false)
-const changeMenuPin = (): void => {
-  useLocalStorage('menuPined', menuPined.value)
-}
-const setMenuPined = (): void => {
-  menuPined.value = props.disabledPin ? false : useLocalStorage('menuPined')
-}
-watch(
-  () => props.disabledPin,
-  () => {
-    setMenuPined()
-  },
-  { immediate: true }
-)
-
-const menuCollapsed = ref<boolean>(false)
-const collapseMenu = (): void => {
-  menuCollapsed.value = !menuCollapsed.value
-  useLocalStorage('menuCollapsed', menuCollapsed.value)
-}
-
-const mainMenuHovered = ref<boolean>(false)
-
-const clickWindow = (event: Event): void => {
-  const target = event.target as any
-  if (
-    menuPined.value ||
-    mainMenuHovered.value ||
-    target.className.baseVal?.includes('menu-icon') ||
-    target.className.baseVal?.includes('clr-i-outline')
-  ) {
-    return
-  }
-
-  emits('toggle', false)
-}
-
-const mountedReady = ref<boolean>(false)
-onMounted(() => {
-  mountedReady.value = true
-  window.addEventListener('click', clickWindow)
-})
-
-onUnmounted(() => {
-  window.removeEventListener('click', clickWindow)
-})
-
-watch(
-  [mountedReady, (): any => route.fullPath, (): any => props.parentStatus],
-  ([newValue1, newValue2, newValue3]: [
-    boolean,
-    any,
-    UI_T_ParentStatus
-  ]): void => {
-    if (newValue3 === 1) return
-
-    const name = location.pathname.split('/')[1]
-
-    if (!newValue1 || name === 'auth') return
-
-    setSidebarOptions()
-    useLocalStorage('navigationHistoryRoute', newValue2)
-  },
-  { immediate: true, deep: true }
-)
-
-const setSidebarOptions = (): void => {
-  setMenuPined()
-  menuCollapsed.value = useLocalStorage('menuCollapsed')
-
-  if (menuPined.value) {
-    emits('toggle', true)
-  }
-}
-
-const hideMainMenu = (): void => {
-  if (menuPined.value) return
-  emits('toggle', false)
-}
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-main-navigation-panel-new
+    v-if="props.isNewView"
+    v-model:main-menu-hovered="mainMenuHovered"
+    v-model:menu-pined="menuPined"
+    :main-menu-status="props.mainMenuStatus"
+    :navigation-items="props.navigationItems"
+    :parent-status="props.parentStatus"
+    :disabled-pin="props.disabledPin"
+    :menu-collapsed="menuCollapsed"
+    :show-menu="showMenu"
+    @toggle="emits('toggle', $event)"
+    @collapse-menu="collapseMenu"
+    @change-menu-pin="changeMenuPin"
+    @hide-main-menu="hideMainMenu"
+  />
+  <common-main-navigation-panel-old
+    v-else
+    v-model:main-menu-hovered="mainMenuHovered"
+    v-model:menu-pined="menuPined"
+    :main-menu-status="props.mainMenuStatus"
+    :navigation-items="props.navigationItems"
+    :parent-status="props.parentStatus"
+    :disabled-pin="props.disabledPin"
+    :menu-collapsed="menuCollapsed"
+    :show-menu="showMenu"
+    @toggle="emits('toggle', $event)"
+    @collapse-menu="collapseMenu"
+    @change-menu-pin="changeMenuPin"
+    @hide-main-menu="hideMainMenu"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_NavigationItem } from '~/components/common/mainNavigationPanel/lib/models/interfaces'
+import type { UI_T_ParentStatus } from '~/components/common/mainNavigationPanel/lib/models/types'
+
+const props = withDefaults(
+  defineProps<{
+    mainMenuStatus: boolean
+    navigationItems: UI_I_NavigationItem[][]
+    parentStatus: UI_T_ParentStatus
+    disabledPin: boolean
+    isNewView?: boolean
+  }>(),
+  {
+    isNewView: false,
+  }
+)
+
+const emits = defineEmits<{
+  (event: 'toggle', value: boolean): void
+}>()
+
+const route = useRoute()
+
+const showMenu = computed<boolean>(
+  () => props.mainMenuStatus || menuPined.value
+)
+
+const menuPined = ref<boolean>(false)
+const changeMenuPin = (): void => {
+  useLocalStorage('menuPined', menuPined.value)
+}
+const setMenuPined = (): void => {
+  menuPined.value = props.disabledPin ? false : useLocalStorage('menuPined')
+}
+watch(
+  () => props.disabledPin,
+  () => {
+    setMenuPined()
+  },
+  { immediate: true }
+)
+
+const menuCollapsed = ref<boolean>(false)
+const collapseMenu = (): void => {
+  menuCollapsed.value = !menuCollapsed.value
+  useLocalStorage('menuCollapsed', menuCollapsed.value)
+}
+
+const mainMenuHovered = ref<boolean>(false)
+
+const clickWindow = (event: Event): void => {
+  const target = event.target as any
+  if (
+    menuPined.value ||
+    mainMenuHovered.value ||
+    target.className.baseVal?.includes('menu-icon') ||
+    target.className.baseVal?.includes('clr-i-outline')
+  ) {
+    return
+  }
+
+  emits('toggle', false)
+}
+
+const mountedReady = ref<boolean>(false)
+onMounted(() => {
+  mountedReady.value = true
+  window.addEventListener('click', clickWindow)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('click', clickWindow)
+})
+
+watch(
+  [mountedReady, (): any => route.fullPath, (): any => props.parentStatus],
+  ([newValue1, newValue2, newValue3]: [
+    boolean,
+    any,
+    UI_T_ParentStatus
+  ]): void => {
+    if (newValue3 === 1) return
+
+    const name = location.pathname.split('/')[1]
+
+    if (!newValue1 || name === 'auth') return
+
+    setSidebarOptions()
+    useLocalStorage('navigationHistoryRoute', newValue2)
+  },
+  { immediate: true, deep: true }
+)
+
+const setSidebarOptions = (): void => {
+  setMenuPined()
+  menuCollapsed.value = useLocalStorage('menuCollapsed')
+
+  if (menuPined.value) {
+    emits('toggle', true)
+  }
+}
+
+const hideMainMenu = (): void => {
+  if (menuPined.value) return
+  emits('toggle', false)
+}
+</script>
+
+<style scoped lang="scss"></style>