bfg-common 1.4.311 → 1.4.313

package/components/common/layout/theHeader/userMenu/UserMenu.vue

@@ -12,11 +12,10 @@
 
   <Teleport to="body">
     <common-layout-the-header-user-menu-modals-change-password
-      v-if="isShowChangePasswordModal"
-      v-model="isShowChangePasswordModal"
-      :new-view="props.newView"
+      :show="isChangePassword"
       :hostname="props.hostname"
       :project="props.project"
+      @hide="isChangePassword = false"
     />
 
     <common-layout-the-header-user-menu-modals-preferences
@@ -75,7 +74,7 @@ const emits = defineEmits<{
 
 const { $store }: any = useNuxtApp()
 
-const isShowChangePasswordModal = ref<boolean>(false)
+const isChangePassword = ref<boolean>(false)
 
 const onLogout = async (): Promise<void> => {
   await $store.dispatch('auth/A_LOGOUT', null)
@@ -84,7 +83,7 @@ const onLogout = async (): Promise<void> => {
 const onSelectDropdown = (value: string): void => {
   switch (value) {
     case 'changePassword':
-      isShowChangePasswordModal.value = true
+      isChangePassword.value = true
       break
     case 'preferences':
       emits('show-preference')

package/components/common/layout/theHeader/userMenu/modals/changePassword/ChangePassword.vue

@@ -1,20 +1,88 @@
 <template>
-  <common-layout-the-header-user-menu-modals-change-password-new
-    v-if="newView"
-    v-model="form"
-    :subtitle="props.hostname"
-    :project="props.project"
+  <atoms-modal
+    width="580px"
+    test-id="change-password"
+    :show="props.show"
+    :title="localization.common.changePassword"
+    :second-title="props.hostname"
+    :disabled-submit="buttonDisabled"
     @hide="onHideModal"
-    @apply="onChangePassword"
-  />
-
-  <common-layout-the-header-user-menu-modals-change-password-old
-    v-else
-    :hostname="props.hostname"
-    :project="props.project"
-    @hide="onHideModal"
-    @apply="onChangePassword"
-  />
+    @submit="onChangePassword"
+  >
+    <template #modalBody>
+      <form id="change-password-form" class="compact" @submit.prevent>
+        <section class="form-block">
+          <div class="form-group">
+            <label for="current-password-field"
+              >{{ localization.common.currentPassword }}:</label
+            >
+            <input
+              id="current-password-field"
+              v-model="form.password.value"
+              data-id="change-password-input"
+              type="password"
+            />
+          </div>
+
+          <div class="form-group">
+            <label for="new-password-field"
+              >{{ localization.common.newPassword }}:</label
+            >
+
+            <div class="form-group__input">
+              <atoms-tooltip-error
+                :has-error="isValid"
+                selector="#new-password-field"
+              >
+                <template #elem>
+                  <input
+                    id="new-password-field"
+                    v-model="form.newPassword.value"
+                    data-id="new-password-input"
+                    type="password"
+                  />
+                </template>
+                <template #content>{{ errorText }}</template>
+              </atoms-tooltip-error>
+              <atoms-the-icon
+                v-show="isValid"
+                class="is-error tooltip-trigger"
+                name="info"
+              />
+            </div>
+          </div>
+
+          <div class="form-group">
+            <label for="confirm-password-field"
+              >{{ localization.common.confirmPassword }}:</label
+            >
+
+            <div class="form-group__input">
+              <atoms-tooltip-error
+                :has-error="isValid"
+                selector="#confirm-password-field"
+              >
+                <template #elem>
+                  <input
+                    id="confirm-password-field"
+                    v-model="form.confirmPassword.value"
+                    data-id="confirm-password-input"
+                    type="password"
+                  />
+                </template>
+                <template #content>{{ errorText }}</template>
+              </atoms-tooltip-error>
+              <atoms-the-icon
+                v-show="isValid"
+                class="is-error tooltip-trigger"
+                name="info"
+              />
+            </div>
+          </div>
+        </section>
+      </form>
+    </template>
+  </atoms-modal>
 </template>
 
 <script setup lang="ts">
@@ -28,11 +96,13 @@ import type { UI_T_Project } from '~/lib/models/types'
 import { defaultFormFunc } from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/config/form'
 
 const props = defineProps<{
-  newView: boolean
+  show: boolean
   hostname: string
   project: UI_T_Project
 }>()
-const isShowModalLocal = defineModel<boolean>({ required: true })
+const emits = defineEmits<{
+  (event: 'hide'): void
+}>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 const { $store, $validation }: any = useNuxtApp()
@@ -50,6 +120,15 @@ const setForm = (): void => {
 }
 setForm()
 
+const buttonDisabled = computed<boolean>(() => {
+  const { password, confirmPassword, newPassword } = form.value
+  return (
+    password.value &&
+    confirmPassword.value &&
+    newPassword.value !== confirmPassword.value
+  )
+})
+
 const onChangePassword = async (): Promise<void> => {
   const valid = validation.touch()
   const { newPassword, password } = form.value
@@ -105,8 +184,27 @@ const showValidationErrors = (text: string): void => {
 }
 
 const onHideModal = (): void => {
-  isShowModalLocal.value = false
+  emits('hide')
   setForm()
   isValid.value = false
 }
 </script>
+
+<style lang="scss" scoped>
+.form-block {
+  .form-group {
+    &:not(:first-child) input {
+      width: 100%;
+    }
+    &__input {
+      display: flex;
+      width: 100%;
+    }
+  }
+
+  svg {
+    width: 24px;
+    height: 24px;
+  }
+}
+</style>

package/components/common/pages/scheduledTasks/modals/common/frequency/end/End.vue

@@ -62,6 +62,8 @@ watch(
   ([newValue1, newValue2]: [string, 'never' | 'on']) => {
     modelFrequencyLocal.value.isValid =
       newValue2 === 'never' ? false : !!newValue1
+
+    newValue2 === 'never' && (modelFrequencyLocal.value.frg_end_time = '')
   }
 )
 </script>

package/components/common/pages/scheduledTasks/modals/common/frequency/lib/utils.ts

@@ -62,7 +62,8 @@ const getCorrectRuForm = (value: number | string, type: string): string => {
 export const validateField = (
   localization: UI_I_Localization,
   value: string,
-  checkZero: boolean = false
+  checkZero: boolean = false,
+  checkDayRange: boolean = false // параметр для проверки диапазона дней
 ): string => {
   // Если поле пустое
   if (!value) {
@@ -74,7 +75,7 @@ export const validateField = (
     return localization.common.theValueTooSmall
   }
 
-  if (value.length > 3) {
+  if (value.length > 3 ) {
     return localization.common.theValueTooLarge
   }
   // Если значение не является цифрой
@@ -82,6 +83,10 @@ export const validateField = (
     return localization.common.inputContainsInvalidCharacters
   }
 
+  if (checkDayRange && !/^([1-9]|[1-2][0-9]|3[0-1])$/.test(value)) {
+    return localization.common.theValueTooLarge
+  }
+
   return ''
 }
 export const validateDate = (

package/components/common/pages/scheduledTasks/modals/common/frequency/on/On.vue

@@ -9,11 +9,11 @@
       v-model="model"
     />
 
-    <div v-if="props.type === 'month'" class="">
+    <div v-if="props.type === 'month'">
       <div class="on-time__radio radio">
         <input
           id="on-time-monthly-by-day"
-          v-model="selectedTimeMode"
+          v-model="model.frg_monthly_mode"
           data-id="on-time-monthly-by-day"
           type="radio"
           value="day"
@@ -49,7 +49,7 @@
       <div class="on-time__radio radio">
         <input
           id="on-time-monthly-by-week"
-          v-model="selectedTimeMode"
+          v-model="model.frg_monthly_mode"
           data-id="on-time-monthly-by-week"
           type="radio"
           value="week"
@@ -115,8 +115,6 @@ const model = defineModel<UI_I_ScheduleNewTasksForm>({ required: true })
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const selectedTimeMode = ref<'day' | 'week'>('day')
-
 const frequencyOnWeeksDays = computed<UI_I_SelectInputItem[]>(() => {
   return frequencyOnWeeksDaysFunc(localization.value)
 })
@@ -125,7 +123,7 @@ const frequencyOnOrdinalNumber = computed<UI_I_SelectInputItem[]>(() => {
 })
 
 const isDisabledMonthlyDayField = computed<boolean>(
-  () => selectedTimeMode.value === 'week'
+  () => model.value.frg_monthly_mode === 'week'
 )
 
 const isInitTimeIntervalValidation = ref<boolean>(false)
@@ -136,7 +134,12 @@ const schedulerOnDayErrorText = computed<string>(() => {
   if (!isInitTimeIntervalValidation.value || isDisabledMonthlyDayField.value)
     return ''
 
-  return validateField(localization.value, model.value.frg_monthly_day, true)
+  return validateField(
+    localization.value,
+    model.value.frg_monthly_day,
+    true,
+    true
+  )
 })
 watch(
   schedulerOnDayErrorText,

package/components/common/pages/scheduledTasks/modals/common/frequency/on/lib/config/options.ts

@@ -7,31 +7,31 @@ export const frequencyOnWeeksDaysFunc = (
   return [
     {
       label: localization.common.sunday,
-      value: 'sunday',
+      value: 6,
     },
     {
       label: localization.common.monday,
-      value: 'monday',
+      value: 1,
     },
     {
       label: localization.common.tuesday,
-      value: 'tuesday',
+      value: 2,
     },
     {
       label: localization.common.wednesday,
-      value: 'wednesday',
+      value: 3,
     },
     {
       label: localization.common.thursday,
-      value: 'thursday',
+      value: 4,
     },
     {
       label: localization.common.friday,
-      value: 'friday',
+      value: 5,
     },
     {
       label: localization.common.saturday,
-      value: 'saturday',
+      value: 0,
     },
   ]
 }
@@ -42,23 +42,23 @@ export const frequencyOnOrdinalNumberFunc = (
   return [
     {
       label: localization.scheduledTasks.first,
-      value: '',
+      value: 1,
     },
     {
       label: localization.scheduledTasks.second,
-      value: 'once',
+      value: 2,
     },
     {
       label: localization.scheduledTasks.third,
-      value: 'after-startup',
+      value: 3,
     },
     {
       label: localization.scheduledTasks.fourth,
-      value: 'hour',
+      value: 4,
     },
     {
       label: localization.common.last,
-      value: 'day',
+      value: 5,
     },
   ]
 }

package/components/common/pages/scheduledTasks/modals/common/newTaskForm/NewTaskForm.vue

@@ -101,6 +101,7 @@ import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/
 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/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 props = defineProps<{
@@ -133,57 +134,6 @@ watch(
   },
   { deep: true }
 )
-/* TODO рефакторинг все методы надо рефакторить */
-const generateOnceCronExpression = (date: Date): any => {
-  if (!date) return
-
-  const minutes = date.getMinutes()
-  const hours = date.getHours()
-  const day = date.getDate()
-  const month = date.getMonth() + 1 // В cron месяцы начинаются с 1 (январь = 1)
-  const dayOfWeek = '*' // Для одноразовой задачи день недели неважен
-
-  // Генерируем cron-выражение
-  return `${minutes} ${hours} ${day} ${month} ${dayOfWeek} once`
-}
-const generateHourlyCronExpression = (delay: string, date: Date): any => {
-  if (!date) return
-
-  const minutes = date.getMinutes()
-  const hours = date.getHours()
-
-  // Генерируем cron-выражение
-  return `${minutes} ${hours}/${delay} * * *`
-}
-const generateDaylyCronExpression = (delay: string, date: Date): string => {
-  if (!date) return
-
-  const minutes = date.getMinutes()
-  const hours = date.getHours()
-  const day = date.getDate()
-
-  // Генерируем cron-выражение
-  return `${minutes} ${hours} ${day}/${delay} * *`
-}
-const generateWeeklyCronExpression = (
-  data: UI_I_ScheduleNewTasksForm
-): string => {
-  const { frg_on_week_days } = data
-
-  // Генерируем cron-выражение
-  return `* * * * ${frg_on_week_days.join(',')}`
-}
-const generateMonthlyCronExpression = (delay: string, date: Date): string => {
-  if (!date) return
-
-  const minutes = date.getMinutes()
-  const hours = date.getHours()
-  const day = date.getDate()
-  const month = date.getMonth() + 1
-
-  // Генерируем cron-выражение
-  return `${minutes} ${hours} ${day} ${month}/${delay} *`
-}
 
 const generateCronExpression = (
   runType: UI_T_FrequencyType,
@@ -194,40 +144,27 @@ const generateCronExpression = (
   // Генерируем cron-выражение на основе runType
   switch (runType) {
     case 'once':
-      cronExpression = generateOnceCronExpression(
-        new Date(interval.frg_on_time)
+      const timestamp = Math.floor(
+        new Date(interval.frg_on_time).getTime() / 1000
       )
+      cronExpression = `* * * * * ${timestamp}:0-0-0-0:once`
       break
     case 'after-startup':
-      const delay =
-        interval.frg_after_startup === 0
-          ? '*'
-          : `*/${interval.frg_after_startup}`
-      cronExpression = `${delay} * * * * after_procurator_startup` // Выполняется каждые N минут после запуска  procurator_startup
+      const suffixDelay =
+        interval.frg_after_startup === 0 ? '' : `-${interval.frg_after_startup}`
+      cronExpression = `* * * * * after_procurator_startup${suffixDelay}` // Выполняется после запуска procurator_startup с задержой N минут
       break
     case 'hour':
-      const hourlyDelay = interval.frg_interval
-      cronExpression = generateHourlyCronExpression(
-        hourlyDelay,
-        new Date(interval.frg_start_on_time)
-      )
+      cronExpression = cron.generateHourlyCronExpression(interval)
       break
     case 'day':
-      const dayDelay = interval.frg_interval
-      cronExpression = generateDaylyCronExpression(
-        dayDelay,
-        new Date(interval.frg_start_on_time)
-      )
+      cronExpression = cron.generateDailyCronExpression(interval)
       break
     case 'week':
-      cronExpression = generateWeeklyCronExpression(interval)
+      cronExpression = cron.generateWeeklyCronExpression(interval)
       break
     case 'month':
-      const monthDelay = interval.frg_interval
-      cronExpression = generateMonthlyCronExpression(
-        monthDelay,
-        new Date(interval.frg_start_on_time)
-      )
+      cronExpression = cron.generateMonthlyCronExpression(interval)
       break
     default:
       cronExpression = '* * * * *'

package/components/common/pages/scheduledTasks/modals/common/newTaskForm/lib/utils.ts

@@ -0,0 +1,67 @@
+import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
+
+export const generateHourlyCronExpression = (
+  data: UI_I_ScheduleNewTasksForm
+): string => {
+  const startTimestamp = Math.floor(
+    new Date(data.frg_start_on_time).getTime() / 1000
+  )
+  const endTimestamp = Math.floor(new Date(data.frg_end_time).getTime() / 1000)
+
+  // Генерируем cron-выражение
+  return endTimestamp
+    ? `* * * * * ${startTimestamp}-${endTimestamp}:${data.frg_interval}-0-0-0`
+    : `* * * * * ${startTimestamp}:${data.frg_interval}-0-0-0`
+}
+export const generateWeeklyCronExpression = (
+  data: UI_I_ScheduleNewTasksForm
+): string => {
+  const { frg_on_week_days } = data
+
+  const startTimestamp = Math.floor(
+    new Date(data.frg_start_on_time).getTime() / 1000
+  )
+  const endTimestamp = Math.floor(new Date(data.frg_end_time).getTime() / 1000)
+  const daysOfWeek = frg_on_week_days.join(',')
+
+  return endTimestamp
+    ? `* * * * ${daysOfWeek} ${startTimestamp}-${endTimestamp}:0-0-0-${data.frg_interval}`
+    : `* * * * ${daysOfWeek} ${startTimestamp}:0-0-0-${data.frg_interval}`
+}
+
+export const generateDailyCronExpression = (
+  data: UI_I_ScheduleNewTasksForm
+): string => {
+  const startTimestamp = Math.floor(
+    new Date(data.frg_start_on_time).getTime() / 1000
+  )
+  const endTimestamp = Math.floor(new Date(data.frg_end_time).getTime() / 1000)
+
+  // Генерируем cron-выражение
+  return endTimestamp
+    ? `* * * * * ${startTimestamp}-${endTimestamp}:0-${data.frg_interval}-0-0`
+    : `* * * * * ${startTimestamp}:0-${data.frg_interval}-0-0`
+}
+
+export const generateMonthlyCronExpression = (
+  data: UI_I_ScheduleNewTasksForm
+): string => {
+  const { frg_interval, frg_monthly_day, frq_week_day, frq_ordinal_number } =
+    data
+
+  const startTimestamp = Math.floor(
+    new Date(data.frg_start_on_time).getTime() / 1000
+  )
+  const endTimestamp = Math.floor(new Date(data.frg_end_time).getTime() / 1000)
+
+  const daysOfWeek = `${frq_week_day}#${frq_ordinal_number}`
+
+  const timestamp = endTimestamp
+    ? `${startTimestamp}-${endTimestamp}`
+    : startTimestamp
+
+  // Генерируем cron-выражение
+  return data.frg_monthly_mode === 'week'
+    ? `* * * * * ${timestamp}:0-0-${frg_interval}-${daysOfWeek}`
+    : `* * ${frg_monthly_day} */${frg_interval} * ${timestamp}:0-0-0-0`
+}

package/components/common/pages/scheduledTasks/modals/lib/config/createScheduledTask.ts

@@ -11,12 +11,13 @@ export const scheduledTaskDefaultFormFunc = (): UI_I_ScheduleNewTasksForm => {
     frequency: '',
     frg_after_startup: 0,
     frg_interval: 1,
-    frg_end_time: null,
-    frg_start_on_time: null,
-    frg_monthly_day: 0,
+    frg_end_time: '',
+    frg_start_on_time: '',
+    frg_monthly_mode: 'day',
+    frg_monthly_day: 1,
     frq_week_day: '',
     frq_ordinal_number: '',
-    frg_on_time: null,
+    frg_on_time: '',
     frg_on_week_days: [],
   }
 }

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

@@ -9,12 +9,13 @@ export interface UI_I_ScheduleNewTasksForm {
   toggle: boolean
   frg_after_startup: number
   frg_interval: number
-  frg_end_time: number | null
-  frg_start_on_time: number | null
+  frg_end_time: string
+  frg_start_on_time: string
+  frg_monthly_mode: 'day' | 'week'
   frg_monthly_day: number
   frq_ordinal_number: string
   frq_week_day: UI_T_FrequencyWeeksDays
-  frg_on_time: number | null
+  frg_on_time: string
   frg_on_week_days: number[]
   cron: string
 }

package/package.json

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

package/components/common/layout/theHeader/userMenu/modals/changePassword/ChangePasswordNew.vue

@@ -1,103 +0,0 @@
-<template>
-  <ui-modal
-    test-id="change-password-modal"
-    width="560px"
-    :title="localization.common.changePassword"
-    :subtitle="props.subtitle"
-    class="change-password"
-    @reset="emits('reset')"
-    @submit="onSubmit"
-  >
-    <template #content>
-      <ui-modal-block-standard>
-        <p class="change-password__description">
-          To keep your account secure, please make sure that your new password
-          is different from any of your previous passwords.
-        </p>
-
-        <div class="change-password__form">
-          <ui-input
-            v-model="modelLocal.current_password"
-            test-id="sign-in-username-field"
-            :label="localization.auth.password"
-            :error="errorText"
-            type="password"
-          ></ui-input>
-
-          <ui-input
-            v-model="modelLocal.new_password"
-            test-id="sign-in-username-field"
-            :label="localization.common.newPassword"
-            :error="errorText"
-            type="password"
-          ></ui-input>
-
-          <ui-input
-            v-model="modelLocal.confirm_password"
-            test-id="sign-in-username-field"
-            :label="localization.common.confirmPassword"
-            :error="errorText"
-            type="password"
-          ></ui-input>
-        </div>
-      </ui-modal-block-standard>
-    </template>
-
-    <template #footerLeftContent><span /></template>
-  </ui-modal>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~//lib/models/interfaces'
-import type { UI_I_FormChangePassword } from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-
-const props = defineProps<{
-  project: UI_T_Project
-  subtitle: string
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'reset'): void
-  (event: 'submit'): void
-}>()
-const modelLocal = defineModel<UI_I_FormChangePassword>({ required: true })
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-// const isValid = ref<boolean>(false)
-const errorText = ref<string>('')
-
-// const showValidationErrors = (text: string): void => {
-//   isValid.value = true
-//   errorText.value = text
-// }
-
-// const onHideModal = (): void => {
-//   emits('hide')
-//   setForm()
-//   isValid.value = false
-// }
-
-const onSubmit = (): void => {
-  // const {  } = modelLocal.value
-  errorText.value = 'asdaldjlkdjkadj'
-}
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.change-password {
-  &__description {
-    color: #9da6ad;
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 14.52px;
-    margin-bottom: 20px;
-  }
-  &__form {
-    @include flex($dir: column);
-    row-gap: 18px;
-  }
-}
-</style>

package/components/common/layout/theHeader/userMenu/modals/changePassword/ChangePasswordOld.vue

@@ -1,209 +0,0 @@
-<template>
-  <atoms-modal
-    width="580px"
-    test-id="change-password"
-    show
-    :title="localization.common.changePassword"
-    :second-title="props.hostname"
-    :disabled-submit="buttonDisabled"
-    @hide="onHideModal"
-    @submit="onChangePassword"
-  >
-    <template #modalBody>
-      <form id="change-password-form" class="compact" @submit.prevent>
-        <section class="form-block">
-          <div class="form-group">
-            <label for="current-password-field"
-              >{{ localization.common.currentPassword }}:</label
-            >
-            <input
-              id="current-password-field"
-              v-model="form.password.value"
-              data-id="change-password-input"
-              type="password"
-            />
-          </div>
-
-          <div class="form-group">
-            <label for="new-password-field"
-              >{{ localization.common.newPassword }}:</label
-            >
-
-            <div class="form-group__input">
-              <atoms-tooltip-error
-                :has-error="isValid"
-                selector="#new-password-field"
-              >
-                <template #elem>
-                  <input
-                    id="new-password-field"
-                    v-model="form.newPassword.value"
-                    data-id="new-password-input"
-                    type="password"
-                  />
-                </template>
-                <template #content>{{ errorText }}</template>
-              </atoms-tooltip-error>
-              <atoms-the-icon
-                v-show="isValid"
-                class="is-error tooltip-trigger"
-                name="info"
-              />
-            </div>
-          </div>
-
-          <div class="form-group">
-            <label for="confirm-password-field"
-              >{{ localization.common.confirmPassword }}:</label
-            >
-
-            <div class="form-group__input">
-              <atoms-tooltip-error
-                :has-error="isValid"
-                selector="#confirm-password-field"
-              >
-                <template #elem>
-                  <input
-                    id="confirm-password-field"
-                    v-model="form.confirmPassword.value"
-                    data-id="confirm-password-input"
-                    type="password"
-                  />
-                </template>
-                <template #content>{{ errorText }}</template>
-              </atoms-tooltip-error>
-              <atoms-the-icon
-                v-show="isValid"
-                class="is-error tooltip-trigger"
-                name="info"
-              />
-            </div>
-          </div>
-        </section>
-      </form>
-    </template>
-  </atoms-modal>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { API_UI_I_Error } from '~/lib/models/store/interfaces'
-import type {
-  UI_I_ChangePasswordBodyRequest,
-  UI_I_FormChangePassword,
-} from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import { defaultFormFunc } from '~/components/common/layout/theHeader/userMenu/modals/changePassword/lib/config/form'
-
-const props = defineProps<{
-  hostname: string
-  project: UI_T_Project
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store, $validation }: any = useNuxtApp()
-const validation = $validation.call({})
-
-const isValid = ref<boolean>(false)
-const errorText = ref<string>('')
-const form = ref<UI_I_FormChangePassword>(
-  useDeepCopy(defaultFormFunc(localization.value))
-)
-
-const setForm = (): void => {
-  form.value = useDeepCopy(defaultFormFunc(localization.value))
-  validation.setForm(form)
-}
-setForm()
-
-const buttonDisabled = computed<boolean>(() => {
-  const { password, confirmPassword, newPassword } = form.value
-  return (
-    password.value &&
-    confirmPassword.value &&
-    newPassword.value !== confirmPassword.value
-  )
-})
-
-const onChangePassword = async (): Promise<void> => {
-  const valid = validation.touch()
-  const { newPassword, password } = form.value
-
-  if (newPassword.value === password.value) {
-    showValidationErrors(localization.value.common.newPasswordMustDifferentOld)
-    return
-  }
-  if (!valid.isValid) {
-    showValidationErrors(valid.errors.confirmPassword[0])
-    return
-  }
-
-  onHideModal()
-
-  const sendData: UI_I_ChangePasswordBodyRequest = {
-    current_password: password.value,
-    new_password: newPassword.value,
-  }
-
-  let url = ''
-  if (props.project === 'sphere') {
-    const { id } = useLocalStorage('userData')
-
-    url = `ui/users/${id}/passwd`
-  } else if (props.project === 'procurator') {
-    url = '/ui/passwd'
-  }
-
-  const { error } = await useMyFetch<never, API_UI_I_Error>(url, {
-    method: 'POST',
-    body: sendData,
-    key: Date.now().toString(),
-  })
-
-  if (error.value?.data && error.value.data.error_code !== 0) {
-    $store.dispatch('main/A_SHOW_NOTIFICATION', {
-      status: 'error',
-      headline: localization.value.common.operationFailed,
-      messages: [
-        {
-          title: 'Error',
-          descriptions: [error.value.data.error_message],
-        },
-      ],
-    })
-  }
-}
-
-const showValidationErrors = (text: string): void => {
-  isValid.value = true
-  errorText.value = text
-}
-
-const onHideModal = (): void => {
-  emits('hide')
-  setForm()
-  isValid.value = false
-}
-</script>
-
-<style lang="scss" scoped>
-.form-block {
-  .form-group {
-    &:not(:first-child) input {
-      width: 100%;
-    }
-    &__input {
-      display: flex;
-      width: 100%;
-    }
-  }
-
-  svg {
-    width: 24px;
-    height: 24px;
-  }
-}
-</style>