bfg-common 1.4.860 → 1.4.861

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/chartOptionsModal/counters/timespan/form/FormNew.vue

@@ -1,241 +0,0 @@
-<template>
-  <div class="timespan-form-container">
-    <p class="block-title">{{ localization.inventoryMonitor.timespan }}</p>
-    <ui-select
-      v-model="localSelectedTimespanLocal"
-      :items="constructedTimespanOptions"
-      test-id="timespan-local"
-      select-width="100%"
-      size="md"
-    />
-
-    <div class="radio-container">
-      <ui-radio
-        v-model="localPeriodTypeLocal"
-        :label="localization.common.last"
-        :disabled="isDisabledCustomForm"
-        test-id="last-from"
-        value="last"
-        size="sm"
-      />
-      <div class="row-container">
-        <ui-input
-          v-model="localLastLocal"
-          :disabled="isDisabledCustomFormLast"
-          test-id="local-last"
-        />
-        <ui-select
-          v-model="localSelectedCustomTimeLocal"
-          :items="constructedCustomTimeOptions"
-          :disabled="isDisabledCustomFormLast"
-          test-id="custom-time"
-          select-width="100%"
-          size="md"
-        />
-      </div>
-    </div>
-    <div class="radio-container">
-      <ui-radio
-        v-model="localPeriodTypeLocal"
-        :label="localization.common.timeRange"
-        :disabled="isDisabledCustomForm"
-        test-id="last-from"
-        value="period"
-        size="sm"
-      />
-
-      <ui-input-with-datepicker
-        id="date-from"
-        v-model="constructedDateFromLocal"
-        :format="datepickerFormat"
-        test-id="date-from"
-        time-format="12"
-        :disabled="isDisabledCustomFormRange"
-      />
-
-      <ui-input-with-datepicker
-        id="date-to"
-        v-model="constructedDateToLocal"
-        :format="datepickerFormat"
-        test-id="date-to"
-        time-format="12"
-        :disabled="isDisabledCustomFormRange"
-      />
-    </div>
-    <p class="date-time-info">
-      {{ localization.inventoryMonitor.dateTimeIsoFormat }}
-    </p>
-  </div>
-</template>
-
-<script setup lang="ts">
-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 { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { getUiDatepickerFormatByLanguage } from '~/lib/utils/date'
-
-const localSelectedTimespanLocal = defineModel<string>(
-  'localSelectedTimespan',
-  { required: true }
-)
-const localPeriodTypeLocal = defineModel<string>('localPeriodType', {
-  required: true,
-})
-const localLastLocal = defineModel<number>('localLast', {
-  required: true,
-})
-const localSelectedCustomTimeLocal = defineModel<string>(
-  'localSelectedCustomTime',
-  {
-    required: true,
-  }
-)
-const localCurrentDateFromLocal = defineModel<string>('localCurrentDateFrom', {
-  required: true,
-})
-const currentTimeFromLocal = defineModel<string>('currentTimeFrom', {
-  required: true,
-})
-const currentTimeToLocal = defineModel<string>('currentTimeTo', {
-  required: true,
-})
-const currentDateToLocal = defineModel<string>('currentDateTo', {
-  required: true,
-})
-
-const props = defineProps<{
-  timespanOptions: UI_I_OptionItem[]
-  customTimeOptions: UI_I_OptionItem[]
-  language: string
-}>()
-
-const {
-  $isDate,
-  $getUnixByDate,
-  $formattedDate,
-  $formattedTime,
-  $getDateFormat,
-} = useNuxtApp()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isDisabledCustomForm = computed<boolean>(
-  () => localSelectedTimespanLocal.value !== 'custom_interval'
-)
-const isDisabledCustomFormLast = computed<boolean>(
-  () => isDisabledCustomForm.value || localPeriodTypeLocal.value !== 'last'
-)
-const isDisabledCustomFormRange = computed<boolean>(
-  () => isDisabledCustomForm.value || localPeriodTypeLocal.value !== 'period'
-)
-
-const constructedTimespanOptions = computed<UI_I_Dropdown[]>(() =>
-  props.timespanOptions.map((item) => {
-    return {
-      text: item.text,
-      value: item.value,
-    }
-  })
-)
-
-const constructedCustomTimeOptions = computed<UI_I_Dropdown[]>(() =>
-  props.customTimeOptions.map((item) => {
-    return {
-      text: item.text,
-      value: item.value,
-    }
-  })
-)
-
-const datepickerFormat = computed<string>(() =>
-  getUiDatepickerFormatByLanguage(props.language)
-)
-const dateFormatForUpdate = ref<string>($getDateFormat(props.language))
-const constructedDateFromLocal = computed<number>({
-  get() {
-    // TODO fix PM
-    return $isDate(localCurrentDateFromLocal.value)
-      ? $getUnixByDate(
-          localCurrentDateFromLocal.value + ' ' + currentTimeFromLocal.value
-        )
-      : 0
-  },
-  set(newValue) {
-    localCurrentDateFromLocal.value = $formattedDate(
-      new Date(newValue),
-      dateFormatForUpdate.value
-    )
-    currentTimeFromLocal.value = $formattedTime(newValue, '', true)
-  },
-})
-
-const constructedDateToLocal = computed<number>({
-  get() {
-    // TODO fix PM
-    return $isDate(currentDateToLocal.value)
-      ? $getUnixByDate(
-          currentDateToLocal.value + ' ' + currentTimeToLocal.value
-        )
-      : 0
-  },
-  set(newValue) {
-    currentDateToLocal.value = $formattedDate(
-      new Date(newValue),
-      dateFormatForUpdate.value
-    )
-    currentTimeToLocal.value = $formattedTime(newValue, '', true)
-  },
-})
-</script>
-
-<style>
-:root {
-  --chart-options-timespan-blocks-bg: #ffffff;
-  --chart-options-timespan-blocks-title-color: #4d5d69;
-}
-:root.dark-theme {
-  --chart-options-timespan-blocks-bg: #334453;
-  --chart-options-timespan-blocks-title-color: #e9eaec;
-}
-</style>
-<style scoped lang="scss">
-.timespan-form-container {
-  padding: 12px;
-  background: var(--chart-options-timespan-blocks-bg);
-  box-shadow: 0 1px 4px 0 #00000014;
-  border-radius: 8px;
-
-  .block-title {
-    color: var(--chart-options-timespan-blocks-title-color);
-    font-size: 14px;
-    font-weight: 500;
-    margin-bottom: 16px;
-  }
-  .radio-container {
-    display: flex;
-    flex-direction: column;
-    grid-gap: 12px;
-    margin-top: 16px;
-
-    .row-container {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      grid-gap: 12px;
-
-      :deep(.ui-input-with-datepicker) {
-        grid-gap: 12px;
-      }
-    }
-    :deep(.ui-input-with-datepicker) {
-      grid-gap: 12px;
-    }
-  }
-
-  .date-time-info {
-    font-weight: 400;
-    font-size: 12px;
-    color: #9da6ad;
-    margin-top: 16px;
-  }
-}
-</style>