bfg-common 1.2.197 → 1.2.198

package/components/common/monitor/overview/filters/config/filterOptions.ts

@@ -2,6 +2,7 @@ import { UI_I_Localization } from '~/models/interfaces'
 import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
 import { UI_I_OverviewViewOptionData } from '~/components/common/monitor/overview/filters/models/interfaces'
 import { UI_T_OverviewViewType } from '~/components/common/monitor/overview/filters/models/types'
+import { UI_T_Project } from '~/models/types'
 
 export const periodFunc = (
   localization: UI_I_Localization
@@ -35,7 +36,7 @@ export const periodFunc = (
 export const viewFunc = (
   localization: UI_I_Localization,
   viewType: UI_T_OverviewViewType,
-  projectType?: number
+  project: UI_T_Project
 ): UI_I_OptionItem[] => {
   const host = [
     { text: localization.overview, value: 'overview' },
@@ -45,7 +46,7 @@ export const viewFunc = (
     { text: localization.disks, value: 'disks' },
     // { text: localization.virtual_machines, value: 'virtual_machines' },
   ]
-  if (projectType === 1)
+  if (project === 'procurator')
     host.push({
       text: localization.spaceUtilization,
       value: 'spaceUtilization',

package/components/common/tools/viewSettings/ViewSettings.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="info-container">
+    <atoms-nav-bar
+      v-if="props.tabs && props.tabs.length > 0"
+      v-model="selectedTabViewSettings"
+      :items="props.tabs"
+    />
+
+    <slot :value="selectedTabViewSettings"></slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/models/interfaces'
+import type { UI_I_ViewSettingsFields } from '~/components/common/tools/viewSettings/models/interfaces'
+
+// Props from up
+
+const props = withDefaults(
+  defineProps<{
+    tabs?: UI_I_CollapseNavItem[]
+    viewSettingsFields?: UI_I_ViewSettingsFields[]
+    activeDefaultTab?: number | string
+  }>(),
+  {
+    viewSettingsFields: () => [],
+    activeDefaultTab: '',
+    tabs: undefined,
+  }
+)
+
+// Selected tab id on the view settings
+const selectedTabViewSettings = ref<number | string>(props.activeDefaultTab)
+
+// Filtering the selected tab content
+// const viewSettingsTabContent = (tab: number): UI_I_ViewSettingsFields[] =>
+//   tab === 0
+//     ? props.viewSettingsFields
+//     : props.viewSettingsFields.filter(
+//         (field: UI_I_ViewSettingsFields): boolean => field.type === tab
+//       )
+</script>
+
+<style lang="scss">
+:root.dark-theme {
+  .info-container {
+    background-color: var(--pannel-bg-color);
+    color: var(--main-color-mode2);
+
+    &:has(.no-items-selected-container) {
+      background-color: transparent;
+    }
+
+    td span {
+      color: var(--main-color-mode2);
+    }
+
+    button span {
+      color: var(--main-color-mode2);
+
+      &:hover:not(.disabled) {
+        background-color: transparent;
+      }
+    }
+
+    button.active span {
+      color: #fff;
+    }
+  }
+}
+</style>

package/components/common/tools/viewSettings/models/interfaces.ts

@@ -0,0 +1,9 @@
+export interface UI_I_ViewSettingsFields {
+  title?: string
+  id: number
+  type: number
+  rows: {
+    name: string
+    value?: string | string[]
+  }[]
+}