bfg-common 1.4.884 → 1.4.900

package/store/main/mutations.ts

@@ -1,7 +1,7 @@
-import type { UI_I_MainState } from '~/store/main/lib/interfaces'
-
-export default {
-  M_MENU_PINED(state: UI_I_MainState, payload: boolean): void {
-    state.isMenuPined = payload
-  },
-}
+import type { UI_I_MainState } from '~/store/main/lib/interfaces'
+
+export default {
+  M_MENU_PINED(state: UI_I_MainState, payload: boolean): void {
+    state.isMenuPined = payload
+  },
+}

package/store/main/state.ts

@@ -1,7 +1,7 @@
-import type {UI_I_MainState} from "~/store/main/lib/interfaces";
-
-const state: UI_I_MainState = {
-  isMenuPined: false,
-}
-
-export default state
+import type {UI_I_MainState} from "~/store/main/lib/interfaces";
+
+const state: UI_I_MainState = {
+  isMenuPined: false,
+}
+
+export default state

package/store/tasks/mappers/recentTasks.ts

@@ -1,64 +1,64 @@
-import {
-  UI_E_RecentTaskStatus,
-  UI_E_IconNameByRecentTaskStatus,
-} from '~/lib/models/store/tasks/enums'
-import type {
-  API_UI_I_RecentTask,
-  UI_I_RecentTask,
-} from '~/lib/models/store/tasks/interfaces'
-import { base64 } from '~/lib/utils/base64'
-
-export const recentTasks = (
-  data: API_UI_I_RecentTask<string>
-): UI_I_RecentTask<string> => {
-  const items =
-    data.items
-      ?.sort((a, b) => {
-        return b.start_time - a.start_time
-      })
-      .map((task) => {
-        let args: any = {}
-        try {
-          args = base64.decode(task.args)
-        } catch (error) {
-          args = {}
-        }
-
-        let completion: string = task.completion + '' || '--'
-        let execution: string | number = Math.abs(task.start_time - task.completion)
-        let queuedFor: number = task.start_time - task.creation_time
-        let startTime: string = task.start_time + '' || '--'
-        // Обрабатываем данные когда задачка в ожидании
-        if (task.status === 0) {
-          completion = '--'
-          execution = '--'
-          queuedFor = 0
-          startTime = (Date.now() / 1000) + ''
-        }
-
-        return {
-          args,
-          completion,
-          execution,
-          queuedFor,
-          startTime,
-          details: task.details,
-          error: task.error,
-          initiator: task.initiator,
-          server: task.server,
-          statusIcon: UI_E_IconNameByRecentTaskStatus[task.status],
-          statusText: task.error || UI_E_RecentTaskStatus[task.status],
-          status: task.status,
-          target: task.target,
-          targetType: task.target_type,
-          taskName: task.task_name,
-          id: task.id,
-          zone: task.zone,
-          extra: task.extra,
-        }
-      }) || []
-  return {
-    items,
-    last: data.last,
-  }
-}
+import {
+  UI_E_RecentTaskStatus,
+  UI_E_IconNameByRecentTaskStatus,
+} from '~/lib/models/store/tasks/enums'
+import type {
+  API_UI_I_RecentTask,
+  UI_I_RecentTask,
+} from '~/lib/models/store/tasks/interfaces'
+import { base64 } from '~/lib/utils/base64'
+
+export const recentTasks = (
+  data: API_UI_I_RecentTask<string>
+): UI_I_RecentTask<string> => {
+  const items =
+    data.items
+      ?.sort((a, b) => {
+        return b.start_time - a.start_time
+      })
+      .map((task) => {
+        let args: any = {}
+        try {
+          args = base64.decode(task.args)
+        } catch (error) {
+          args = {}
+        }
+
+        let completion: string = task.completion + '' || '--'
+        let execution: string | number = Math.abs(task.start_time - task.completion)
+        let queuedFor: number = task.start_time - task.creation_time
+        let startTime: string = task.start_time + '' || '--'
+        // Обрабатываем данные когда задачка в ожидании
+        if (task.status === 0) {
+          completion = '--'
+          execution = '--'
+          queuedFor = 0
+          startTime = (Date.now() / 1000) + ''
+        }
+
+        return {
+          args,
+          completion,
+          execution,
+          queuedFor,
+          startTime,
+          details: task.details,
+          error: task.error,
+          initiator: task.initiator,
+          server: task.server,
+          statusIcon: UI_E_IconNameByRecentTaskStatus[task.status],
+          statusText: task.error || UI_E_RecentTaskStatus[task.status],
+          status: task.status,
+          target: task.target,
+          targetType: task.target_type,
+          taskName: task.task_name,
+          id: task.id,
+          zone: task.zone,
+          extra: task.extra,
+        }
+      }) || []
+  return {
+    items,
+    last: data.last,
+  }
+}

package/components/common/monitor/advanced/tools/chartOptionsModal/metrics/MetricsNew.vue

@@ -1,143 +0,0 @@
-<template>
-  <div class="metrics-container">
-    <p class="title">
-      {{ localization.zabbix.metrics }} ({{ props.metricsItems.length }})
-    </p>
-    <div class="metrics-items-block">
-      <div
-        v-for="item in props.metricsItems"
-        :key="item.value"
-        :class="[
-          'metric-item',
-          { selected: selectedMetricLocal === item.value },
-        ]"
-      >
-        <ui-tooltip
-          :id="`tooltip-metric-${item.value}`"
-          :test-id="`tooltip-metric-${item.value}`"
-          size="md"
-          position="right"
-          position-by-tooltip="bottom"
-          show-type="variant-1"
-        >
-          <template #target>
-            <div
-              :id="`tooltip-metric-${item.value}`"
-              class="popped tooltip w-full"
-            >
-              <div
-                :data-id="item.value"
-                :title="item.text"
-                class="metric-name"
-                @click="selectedMetricLocal = String(item.value)"
-              >
-                {{ item.text }}
-              </div>
-            </div>
-          </template>
-          <template #content>
-            <div>
-              {{ item.text }}
-            </div>
-          </template>
-        </ui-tooltip>
-
-        <div class="metric-name-border-line"></div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_VerticalTabs } from '~/components/atoms/tabs/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  metricsItems: UI_I_VerticalTabs[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedMetricLocal = defineModel<string>('selectedMetric', {
-  required: true,
-})
-</script>
-
-<style>
-:root {
-  --metrics-container-bg-color: #ffffff;
-  --metrics-container-title-color: #4d5d69;
-  --metrics-container-selected-item-color: #e9eaec;
-  --metrics-container-selected-item-bg-color: #213444;
-  --metrics-container-item-color: #4d5d69;
-  --metrics-container-item-hover-bg-color: rgba(233, 235, 237, 0.4);
-  --metrics-container-item-hover-color: #182531;
-  --metrics-container-item-border-line-color: #e9ebeda3;
-}
-:root.dark-theme {
-  --metrics-container-bg-color: #334453;
-  --metrics-container-title-color: #e9eaec;
-  --metrics-container-selected-item-color: #182531;
-  --metrics-container-selected-item-bg-color: #e9eaec;
-  --metrics-container-item-color: #e9eaec;
-  --metrics-container-item-hover-bg-color: rgba(233, 235, 237, 0.08);
-  --metrics-container-item-hover-color: #ffffff;
-  --metrics-container-item-border-line-color: #e9ebed1f;
-}
-</style>
-<style scoped lang="scss">
-.metrics-container {
-  display: flex;
-  flex-direction: column;
-  height: inherit;
-  padding: 12px;
-  border-radius: 8px;
-  background-color: var(--metrics-container-bg-color);
-  box-shadow: 0 1px 4px 0 #00000014;
-
-  .title {
-    font-size: 14px;
-    font-weight: 500;
-    color: var(--metrics-container-title-color);
-    margin-bottom: 16px;
-  }
-  .metrics-items-block {
-    overflow-y: auto;
-    height: inherit;
-
-    .metric-item {
-      &.selected {
-        .metric-name {
-          background-color: var(--metrics-container-selected-item-bg-color);
-          color: var(--metrics-container-selected-item-color);
-        }
-      }
-      &:not(.selected) {
-        .metric-name {
-          cursor: pointer;
-
-          &:hover {
-            background-color: var(--metrics-container-item-hover-bg-color);
-            color: var(--metrics-container-item-hover-color);
-          }
-        }
-      }
-      .metric-name {
-        border-radius: 6px;
-        padding: 8px 12px;
-        font-size: 13px;
-        color: var(--metrics-container-item-color);
-        font-weight: 500;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-      .metric-name-border-line {
-        margin-top: 8px;
-        margin-bottom: 8px;
-        height: 1px;
-        background-color: var(--metrics-container-item-border-line-color);
-      }
-    }
-  }
-}
-</style>