bfg-common 1.5.921 → 1.5.923

package/components/common/pages/scheduledTasks/modals/common/{taskForm/Old.vue → newTaskForm/NewTaskForm.vue}

@@ -9,7 +9,7 @@
         <label
           :class="[
             'clr-control-container tooltip tooltip-validation tooltip-xs tooltip-bottom-left clr-col-md-8',
-            props.taskNameErrorText && 'invalid',
+            userNameErrorText && 'invalid',
           ]"
         >
           <input
@@ -22,7 +22,7 @@
             @blur="onInitValidation(['taskName'])"
           />
           <span class="tooltip-content">
-            {{ props.taskNameErrorText }}
+            {{ userNameErrorText }}
           </span>
         </label>
       </div>
@@ -69,7 +69,7 @@
       <common-select-input
         v-model="model.frequency"
         :label="localization.common.run"
-        :data="props.frequencyMethodOptions"
+        :data="frequencyMethodOptions"
         class="clr-form-control run"
       >
         <template #options="{ value }">
@@ -101,23 +101,80 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
 import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
-import type { UI_I_InitialValidationFields } from '~/components/common/pages/scheduledTasks/modals/common/taskForm/lib/models/interfaces'
+import type { UI_I_InitialValidationFields } from '~/components/common/pages/scheduledTasks/modals/common/newTaskForm/lib/models/interfaces'
+import type { UI_T_FrequencyType } from '~/components/common/pages/scheduledTasks/modals/common/frequency/lib/models/types'
+import * as cron from '~/components/common/pages/scheduledTasks/modals/common/newTaskForm/lib/utils'
+import { frequencyMethodFunc } from '~/components/common/pages/scheduledTasks/modals/common/frequency/lib/config/frequencyOptions'
 
-const model = defineModel<UI_I_ScheduleNewTasksForm>({ required: true })
 const props = defineProps<{
   target: string
-  formValidationFields: UI_I_InitialValidationFields
-  taskNameErrorText: string
-  frequencyMethodOptions: UI_I_SelectInputItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'init-validation', value: string[]): void
 }>()
+const model = defineModel<UI_I_ScheduleNewTasksForm>({ required: true })
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
+const initValidationFields = ref<UI_I_InitialValidationFields>({
+  taskName: false,
+})
 const onInitValidation = (types: string[]): void => {
-  emits('init-validation', types)
+  types.forEach((type) => (initValidationFields.value[type] = true))
+}
+const userNameErrorText = computed<string>(() => {
+  if (!initValidationFields.value.taskName) return ''
+
+  model.value.task_name = model.value.task_name.replace(/^\s+/, '')
+
+  return !model.value.task_name ? localization.value.common.fieldRequired : ''
+})
+
+const frequencyMethodOptions = computed<UI_I_SelectInputItem[]>(() =>
+  frequencyMethodFunc(localization.value)
+)
+
+watch(
+  model,
+  (newValue: UI_I_ScheduleNewTasksForm) => {
+    newValue.cron = generateCronExpression(newValue.frequency, newValue)
+  },
+  { deep: true }
+)
+
+const generateCronExpression = (
+  runType: UI_T_FrequencyType,
+  interval: UI_I_ScheduleNewTasksForm
+): string => {
+  let cronExpression
+
+  // Генерируем cron-выражение на основе runType
+  switch (runType) {
+    case 'once':
+      const timestamp = Math.floor(
+        new Date(interval.frg_on_time).getTime() / 1000
+      )
+      cronExpression = `* * * * * ${timestamp}:0-0-0-0:once`
+      break
+    case 'after-startup':
+      const suffixDelay =
+        interval.frg_after_startup === 0 ? '' : `-${interval.frg_after_startup}`
+      cronExpression = `* * * * * after_procurator_startup${suffixDelay}` // Выполняется после запуска procurator_startup с задержой N минут
+      break
+    case 'hour':
+      cronExpression = cron.generateHourlyCronExpression(interval)
+      break
+    case 'day':
+      cronExpression = cron.generateDailyCronExpression(interval)
+      break
+    case 'week':
+      cronExpression = cron.generateWeeklyCronExpression(interval)
+      break
+    case 'month':
+      cronExpression = cron.generateMonthlyCronExpression(interval)
+      break
+    default:
+      cronExpression = '* * * * *'
+  }
+
+  return cronExpression
 }
 </script>
 

package/components/common/pages/scheduledTasks/table/Table.vue

@@ -1,39 +1,93 @@
 <template>
-  <!-- Аргументы (:selected-scheduler) используется только для нового интерфейса -->
-  <component
-    :is="currentComponent"
-    v-model="selectedScheduledTaskLocal"
-    :table-items="props.schedulerData?.items || []"
-    :total-items="props.schedulerData?.total_items || 0"
-    :total-pages="props.schedulerData?.total_pages || 1"
-    :selected-scheduler="props.selectedScheduler"
-    :is-loading="props.isLoading"
-  />
+  <div class="data-table-view">
+    <atoms-table-data-grid
+      v-model:selected-row="selectedScheduledTaskLocal"
+      v-model:page-size="pagination.pageSize"
+      v-model:page="pagination.page"
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="props.totalItems"
+      :total-pages="props.totalPages"
+      :items-per-page="itemsPerPage"
+      :z-index-header-shift="2"
+      :loading="loading"
+      type="radio"
+      class="data-table"
+      test-id="scheduled-tasks-table"
+      hide-pagination
+      hide-page-size
+      off-select-by-row
+      server-off
+    >
+      <template #icon="{ item }">
+        <atoms-the-icon :name="item.data.iconClassName" class="icon" />
+        <span :title="item.text" class="text-ellipsis">
+          {{ item.text }}
+        </span>
+      </template>
+
+      <template #toggleBlock="{ item }">
+        <common-pages-scheduled-tasks-table-expand-details
+          :data="item[0].data.expandData"
+        />
+      </template>
+    </atoms-table-data-grid>
+  </div>
 </template>
 
 <script lang="ts" setup>
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import { itemsPerPage } from '~/components/atoms/table/dataGrid/lib/config/itemsPerPage'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ScheduledTasks } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
+import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
+import * as scheduledTaskTable from '~/components/common/pages/scheduledTasks/table/lib/config/scheduledTasksTable'
 
+const props = defineProps<{
+  dataTable: UI_I_ScheduledTasksTableItem[]
+  loading: boolean
+  totalItems: number
+  totalPages: number
+}>()
 const selectedScheduledTaskLocal = defineModel<string | null>()
-const props = withDefaults(
-  defineProps<{
-    schedulerData: UI_I_ScheduledTasks
-    selectedScheduler?: UI_I_ScheduledTasks['items'][number] // используется только в новом виде
-    isLoading: boolean
-  }>(),
-  {
-    selectedScheduler: undefined,
-  }
-)
 
 const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
 
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./new/New.vue'))
-    : defineAsyncComponent(() => import('./old/Old.vue'))
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 100,
+})
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  scheduledTaskTable.headItems(localization.value)
 )
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  return scheduledTaskTable.bodyItems(props.dataTable || [])
+})
 </script>
+
+<style lang="scss" scoped>
+.data-table-view {
+  overflow: hidden;
+  height: inherit;
+  margin-bottom: 10px;
+  :deep(.data-table) {
+    height: inherit;
+    .datagrid-outer-wrapper {
+      height: inherit;
+      padding-top: 0;
+      //.datagrid {
+      //  margin-top: 0;
+      //}
+    }
+  }
+  .icon {
+    width: 18px;
+    min-width: 18px;
+    margin-right: 3px;
+  }
+}
+</style>

package/components/common/pages/scheduledTasks/table/expandDetails/ExpandDetails.vue

@@ -5,7 +5,7 @@
 <script lang="ts" setup>
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
-import type { UI_I_ScheduleTableExpandDetails } from '~/components/common/pages/scheduledTasks/table/expandDetails/lib/models/interfaces'
+import type { UI_I_ScheduleTableRowDetails } from '~/components/common/pages/scheduledTasks/table/lib/models/interfaces'
 import { detailsListFunc } from '~/components/common/pages/scheduledTasks/table/expandDetails/lib/config/expandDetails'
 
 const props = defineProps<{
@@ -22,7 +22,7 @@ const currentComponent = computed(() =>
     : defineAsyncComponent(() => import('./Old.vue'))
 )
 
-const normalizedSchedulerDetails = computed<UI_I_ScheduleTableExpandDetails[]>(
+const normalizedSchedulerDetails = computed<UI_I_ScheduleTableRowDetails[]>(
   () => {
     return detailsListFunc(props.data, localization.value)
   }

package/components/common/pages/scheduledTasks/table/expandDetails/New.vue

@@ -1,50 +1,14 @@
 <template>
-  <div class="expand-details">
-    <div
-      v-for="(item, key) in props.expandData"
-      :key="key"
-      class="expand-details__row"
-      :class="item.lastChild && 'history-run'"
-    >
-      <!-- Обычные строки -->
-      <template v-if="!item.lastChild">
-        <span class="expand-details__label"> {{ item.text }}: </span>
-
-        <span :class="['expand-details__value', { disabled: item.disabled }]">
-          <ui-icon
-            v-if="item.iconClassName"
-            :name="item.iconClassName"
-            width="18"
-            height="18"
-            class="mr-1"
-          />
-          {{ item.value }}
-        </span>
-      </template>
-
-      <!-- History -->
-      <template v-else>
-        <div class="expand-details__label">
-          {{ item.text }}
-        </div>
-
-        <div class="expand-details__value">
-          <common-pages-scheduled-tasks-table-expand-details-history-run
-            v-else
-            :history-run-data="item.value"
-          />
-        </div>
-      </template>
-    </div>
-  </div>
+  <div class="expand-details" />
 </template>
 
 <script lang="ts" setup>
-import type { UI_I_DataTableBodyData } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+// import type { UI_I_DataTableBodyData } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+
+// const props = defineProps<{
+//   expandData: UI_I_DataTableBodyData[]
+// }>()
 
-const props = defineProps<{
-  expandData: UI_I_DataTableBodyData[]
-}>()
 </script>
 
 <style lang="scss" scoped>
@@ -69,10 +33,9 @@ const props = defineProps<{
     @extend %properties;
     color: #9da6ad;
     text-transform: capitalize;
-    .history-run & {
-      color: var(--title-form-first-color);
-      grid-column: 1 / -1; /* 🔥 ВАЖНО */
-      margin-top: 12px;
+
+    &.events {
+      height: 18px;
     }
   }
   &__value {
@@ -84,9 +47,15 @@ const props = defineProps<{
     .icon {
       margin-right: 4px;
     }
-    .history-run & {
-      grid-column: 1 / -1; /* 🔥 ВАЖНО */
+  }
+  &__status {
+    @include flex($align: center);
+    .ui-chip {
+      width: max-content;
     }
   }
+  &__tooltip {
+    margin-left: 6px;
+  }
 }
 </style>

package/components/common/pages/scheduledTasks/table/expandDetails/Old.vue

@@ -35,7 +35,9 @@
 
         <common-pages-scheduled-tasks-table-expand-details-history-run
           v-else
-          :history-run-data="item.value"
+          :data-table="item.value"
+          :total-items="item.value.length"
+          :total-pages="1"
           class="details-list__table"
         />
       </div>

package/components/common/pages/scheduledTasks/table/expandDetails/historyRun/HistoryRun.vue

@@ -1,29 +1,67 @@
 <template>
-  <component
-    :is="currentComponent"
-    :table-items="props.historyRunData || []"
-    :total-items="props.historyRunData?.length || 0"
-    :total-pages="1"
-    :is-loading="false"
-  />
+  <atoms-table-data-grid
+    :selected-row="null"
+    :page-size="1"
+    :page="1"
+    :head-items="headItems"
+    :body-items="bodyItems"
+    :total-items="props.totalItems"
+    :total-pages="props.totalPages"
+    :loading="false"
+    test-id="scheduled-tasks-history-runs-table"
+    class="history-runs-table"
+    off-select-by-row
+    hide-footer
+  >
+    <template #icon="{ item }">
+      <atoms-the-icon :name="item.data.iconClassName" class="icon" />
+      <span :title="item.text" class="text-ellipsis">
+        {{ item.text }}
+      </span>
+    </template>
+  </atoms-table-data-grid>
 </template>
 
 <script setup lang="ts">
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/compact/lib/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
+import * as historyRunTable from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/lib/config/historyRunsTable'
 
 const props = defineProps<{
-  historyRunData: UI_I_ScheduledTasksTableItem['last_5_run']
+  dataTable: UI_I_ScheduledTasksTableItem['last_5_run']
+  totalItems: number
+  totalPages: number
 }>()
 
-const { $store }: any = useNuxtApp()
+const localization = computed<UI_I_Localization>(() => useLocal())
 
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./new/New.vue'))
-    : defineAsyncComponent(() => import('./old/Old.vue'))
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  historyRunTable.headItems(localization.value)
 )
-
-const localization = computed<UI_I_Localization>(() => useLocal())
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  return historyRunTable.bodyItems(props.dataTable || [])
+})
 </script>
+
+<style lang="scss" scoped>
+.history-runs-table {
+  height: inherit;
+  :deep(.datagrid-outer-wrapper) {
+    height: inherit;
+    padding-top: 0;
+  }
+  :deep(.datagrid-row-scrollable) {
+    flex-direction: row;
+  }
+
+  .icon {
+    width: 18px;
+    min-width: 18px;
+    margin-right: 3px;
+  }
+}
+</style>

package/components/common/pages/scheduledTasks/table/expandDetails/historyRun/{old/lib → lib}/config/historyRunsTable.ts

@@ -9,8 +9,8 @@ import {
   UI_E_RecentTaskStatus,
 } from '~/lib/models/store/tasks/enums'
 import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
-import { historyLastRunTableKeys } from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/old/lib/config/tableKeys'
-import { UI_E_SchedulerRunStatus } from '~/components/common/pages/scheduledTasks/table/lib/models/enums'
+import { historyLastRunTableKeys } from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/lib/config/tableKeys'
+import { schedulerRunStatus } from '~/components/common/pages/scheduledTasks/table/lib/config/schedulerStatus'
 
 const getItems = (
   localization: UI_I_Localization
@@ -68,9 +68,9 @@ export const bodyItems = (
     const statusData = {
       iconClassName:
         UI_E_IconNameByRecentTaskStatus[
-          event?.result.toLowerCase() === UI_E_SchedulerRunStatus.SUCCESS
+          event?.result.toLowerCase() === schedulerRunStatus.SUCCESS
             ? 2
-            : event?.result === UI_E_SchedulerRunStatus.RUNNING
+            : event?.result === schedulerRunStatus.RUNNING
             ? 1
             : 3
         ],

package/components/common/pages/scheduledTasks/table/expandDetails/historyRun/{old/lib → lib}/config/tableKeys.ts

@@ -1,4 +1,4 @@
-import type { UI_T_HistoryLastRunTableTuple } from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/old/lib/models/types'
+import type { UI_T_HistoryLastRunTableTuple } from '~/components/common/pages/scheduledTasks/table/expandDetails/historyRun/lib/models/types'
 
 export const historyLastRunTableKeys: UI_T_HistoryLastRunTableTuple = [
   'start',

package/components/common/pages/scheduledTasks/table/expandDetails/lib/config/expandDetails.ts

@@ -1,18 +1,18 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ScheduleTableExpandDetails } from '~/components/common/pages/scheduledTasks/table/expandDetails/lib/models/interfaces'
+import type { UI_I_ScheduleTableRowDetails } from '~/components/common/pages/scheduledTasks/table/lib/models/interfaces'
 import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
 
 export const detailsListFunc = (
   data: UI_I_ScheduledTasksTableItem,
   localization: UI_I_Localization
-): UI_I_ScheduleTableExpandDetails[] => {
+): UI_I_ScheduleTableRowDetails[] => {
   const { $formattedDatetime }: any = useNuxtApp()
 
   return [
     {
       id: 1,
       text: localization.scheduledTasks.scheduledDescription,
-      value: data?.description || '--',
+      value: data.description,
       testId: 'scheduled-tasks-description',
     },
 
@@ -25,15 +25,13 @@ export const detailsListFunc = (
     {
       id: 3,
       text: localization.scheduledTasks.emailNotification,
-      value: data?.notify_emails || localization.common.none,
-      disabled: !data?.notify_emails,
+      value: data.notify_emails,
       testId: 'scheduled-tasks-email-notification',
     },
     {
       id: 4,
       text: localization.common.initiator,
-      value: data?.initiator || '--',
-      iconClassName: data?.initiator ? 'user-icon' : '',
+      value: data.initiator,
       testId: 'scheduled-tasks-initiator',
     },
     {

package/components/common/pages/scheduledTasks/table/{old/lib → lib}/config/scheduledTasksTable.ts

@@ -9,8 +9,8 @@ import {
 } from '~/lib/models/store/tasks/enums'
 import * as defaultSettings from '~/components/atoms/table/dataGrid/lib/config/settingsTable'
 import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
-import { UI_E_SchedulerRunStatus } from '~/components/common/pages/scheduledTasks/table/lib/models/enums'
-import { scheduledTaskTableItemsKeys } from '~/components/common/pages/scheduledTasks/table/old/lib/config/tableKeys'
+import { scheduledTaskTableItemsKeys } from '~/components/common/pages/scheduledTasks/table/lib/config/tableKeys'
+import { schedulerRunStatus } from '~/components/common/pages/scheduledTasks/table/lib/config/schedulerStatus'
 
 const getItems = (
   localization: UI_I_Localization
@@ -67,20 +67,16 @@ export const bodyItems = (
     const statusText =
       historyLastRun &&
       UI_E_RecentTaskStatus[
-        historyLastRun?.result?.toLowerCase() ===
-        UI_E_SchedulerRunStatus.SUCCESS
-          ? 2
-          : -1
+        historyLastRun?.result?.toLowerCase() === 'success' ? 2 : -1
       ]
 
     const statusData = {
       iconClassName:
         historyLastRun &&
         UI_E_IconNameByRecentTaskStatus[
-          historyLastRun?.result.toLowerCase() ===
-          UI_E_SchedulerRunStatus.SUCCESS
+          historyLastRun?.result.toLowerCase() === schedulerRunStatus.SUCCESS
             ? 2
-            : historyLastRun?.result === UI_E_SchedulerRunStatus.RUNNING
+            : historyLastRun?.result === schedulerRunStatus.RUNNING
             ? 1
             : 3
         ],
@@ -117,8 +113,8 @@ export const bodyItems = (
         id: task.rid,
         testId: `adapter-table-${key}-row-item`,
         data: {
-          sortValue: lastRun || 0,
-        },
+          sortValue: lastRun || 0
+        }
       },
       {
         key: 'icon',
@@ -133,8 +129,8 @@ export const bodyItems = (
         id: task.rid,
         testId: `adapter-table-${key}-row-item`,
         data: {
-          sortValue: task[scheduledTaskTableItemsKeys[4]],
-        },
+          sortValue: task[scheduledTaskTableItemsKeys[4]]
+        }
       },
     ])
   })

package/components/common/pages/scheduledTasks/table/lib/config/schedulerStatus.ts

@@ -0,0 +1,4 @@
+export const schedulerRunStatus = {
+  RUNNING: 'this task has been started',
+  SUCCESS: 'success',
+}

package/components/common/pages/scheduledTasks/table/{old/lib → lib}/config/tableKeys.ts

@@ -1,4 +1,4 @@
-import type { UI_T_ScheduledTaskTableItemsTuple } from '~/components/common/pages/scheduledTasks/table/old/lib/models/types'
+import type { UI_T_ScheduledTaskTableItemsTuple } from '~/components/common/pages/scheduledTasks/table/lib/models/types'
 
 export const scheduledTaskTableItemsKeys: UI_T_ScheduledTaskTableItemsTuple = [
   'name',

package/components/common/pages/scheduledTasks/table/lib/models/interfaces.ts

@@ -0,0 +1,11 @@
+import { UI_I_TableRowDropDetails } from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_ScheduledTasksTableItem } from '~/components/common/pages/scheduledTasks/lib/models/interfaces'
+
+export interface UI_I_ScheduleTableRowDetails
+  extends UI_I_TableRowDropDetails<
+    string | UI_I_ScheduledTasksTableItem['last_5_run']
+  > {}
+
+// export interface I_ScheduledTaskTableItem extends API_I_ScheduledTaskTableItem {
+//   type: T_ScheduledTasksActionsType
+// }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.921",
+  "version": "1.5.923",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/components/common/pages/scheduledTasks/modals/common/frequency/afterStartup/New.vue

@@ -1,43 +0,0 @@
-<template>
-  <div class="frequency-after-startup">
-    <h2>{{ localization.scheduledTasks.delayMinutes }}</h2>
-    <ui-input
-      id="ip-address"
-      v-model="afterStartupModel"
-      :error="props.timeIntervalErrorText"
-      :placeholder="localization.scheduledTasks.delayMinutes"
-      test-id="scheduler-frequency-delay-minute-field"
-      autocomplete="off"
-      type="number"
-      @input="onInitValidation"
-    ></ui-input>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const afterStartupModel = defineModel<number>({ required: true })
-const props = defineProps<{
-  timeIntervalErrorText: string
-}>()
-const emits = defineEmits<{
-  (event: 'init-validation'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onInitValidation = (): void => emits('init-validation')
-</script>
-
-<style lang="scss" scoped>
-.frequency-after-startup {
-  h2 {
-    font-family: 'Inter', sans-serif;
-    color: var(--title-form-first-color);
-    font-size: 14px;
-    font-weight: 500;
-    margin-bottom: 12px;
-  }
-}
-</style>