@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/src/shared/ui/Providers/Bank/Bank.vue

@@ -5,7 +5,8 @@ import type {
 } from 'src/shared/lib/types/payments';
 import { onMounted, onBeforeUnmount, ref, computed } from 'vue';
 import QRCode from 'qrcode';
-import { copyToClipboard, Notify } from 'quasar';
+import { copyToClipboard } from 'quasar';
+import { SuccessAlert } from 'src/shared/api';
 
 // Определяем интерфейс для orderData
 interface IOrderData {
@@ -98,12 +99,7 @@ const copyAll = () => {
 
 const copy = (data: any) => {
   copyToClipboard(data)
-    .then(() =>
-      Notify.create({
-        message: 'Реквизиты скопированы в буфер обмена',
-        type: 'positive',
-      }),
-    )
+    .then(() => SuccessAlert('Реквизиты скопированы в буфер обмена'))
     .catch(console.log);
 };
 
@@ -186,11 +182,15 @@ div
         flat
       )
 
-  .full-width.text-center
+  .full-width.text-center.q-mt-md
     canvas#qr
-  .full-width.text-center
-    q-btn(@click='copyAll', flat, icon='fas fa-copy', size='sm') скопировать реквизиты
-    q-btn(@click='downloadQR', flat, icon='download', size='sm') скачать QR
+  .full-width.text-center.q-gutter-sm
+    q-btn(@click='copyAll', push size='sm' color="secondary")
+      i.fa.fa-copy
+      span.q-ml-sm скопировать реквизиты
+    q-btn(@click='downloadQR', push size='sm' color="secondary")
+      i.fa.fa-download
+      span.q-ml-sm скачать QR
 </template>
 
 <style>

package/src/shared/ui/RouteMenuButton/RouteMenuButton.vue

@@ -0,0 +1,47 @@
+<template lang="pug">
+q-btn(
+  size="md"
+  :flat="!isActive",
+  color="secondary",
+  :class="{'route-menu-button-active': isActive}",
+  :label="label"
+  @click="handleClick"
+
+)
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+const props = defineProps<{
+  routeName: string;
+  label: string;
+  routeParams?: Record<string, any>;
+}>();
+
+const route = useRoute();
+const router = useRouter();
+
+// Определяем, активен ли маршрут
+const isActive = computed(() => {
+  return route.name === props.routeName;
+});
+
+// Обработчик клика
+const handleClick = () => {
+  router.push({
+    name: props.routeName,
+    params: props.routeParams || {},
+  });
+};
+</script>
+
+<style lang="sass" scoped>
+@import 'src/app/styles/variables'
+
+.route-menu-button-active
+  background: $secondary-gradient-dark !important
+
+
+</style>

package/src/shared/ui/RouteMenuButton/index.ts

@@ -0,0 +1 @@
+export { default as RouteMenuButton } from './RouteMenuButton.vue';

package/src/shared/ui/TitleStyles/index.scss

@@ -0,0 +1,38 @@
+// Стили для ограничения ширины заголовков в таблицах
+.title-container {
+  // На больших экранах ограничиваем ширину и разрешаем перенос
+  max-width: 300px;
+  min-width: 150px;
+  line-height: 1.4;
+
+  // Агрессивный перенос для очень длинных слов
+  word-break: break-all;
+  overflow-wrap: anywhere;
+  hyphens: auto;
+  white-space: normal;
+
+  // Запасной вариант - обрезание с многоточием
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  line-clamp: 3;
+
+  // На мобильных устройствах убираем ограничение ширины
+  @media (max-width: 1023px) {
+    max-width: none;
+    word-break: normal;
+    overflow-wrap: break-word;
+    -webkit-line-clamp: none;
+    line-clamp: none;
+    text-overflow: initial;
+  }
+
+  // На очень маленьких экранах дополнительно ограничиваем
+  @media (max-width: 599px) {
+    max-width: 200px;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+  }
+}

package/src/shared/ui/TitleStyles/index.ts

@@ -0,0 +1,5 @@
+// Импорт стилей для ограничения ширины заголовков
+import './index.scss';
+
+// Экспорт для использования в компонентах
+export {};

package/src/shared/ui/ToogleDarkLight/ToogleDarkLight.vue

@@ -1,37 +1,52 @@
 <template lang="pug">
-q-item(flat clickable @click="toggleTheme")
+// Вариант для хедера (кнопка)
+q-btn(
+  v-if='asButton',
+  flat,
+  stretch,
+  :icon='isDark ? "brightness_7" : "brightness_3"',
+  @click='toggleTheme',
+  :size='isMobile ? "sm" : "md"'
+)
+  q-tooltip {{ isDark ? 'Светлая тема' : 'Темная тема' }}
+
+// Вариант для списка (элемент списка)
+q-item(v-else, flat, clickable, @click='toggleTheme')
   q-item-section
     q-item-label
-      q-icon(:name="isDark ? 'brightness_7' : 'brightness_3'").q-mr-sm
-      span(v-if="showText").btn-font {{ isDark ? 'ДНЕВНОЙ РЕЖИМ' : 'НОЧНОЙ РЕЖИМ' }}
-
-
+      q-icon.q-mr-sm(:name='isDark ? "brightness_7" : "brightness_3"')
+      span.btn-font(v-if='showText') {{ isDark ? 'ДНЕВНОЙ РЕЖИМ' : 'НОЧНОЙ РЕЖИМ' }}
 </template>
 <script setup lang="ts">
-
 import { useQuasar } from 'quasar';
 import { computed } from 'vue';
-import { saveThemeToStorage } from 'src/shared/lib/utils';
+import { saveThemeToStorage, updatePWAThemeColor } from 'src/shared/lib/utils';
 
-const $q = useQuasar()
-const isDark = computed(() => $q.dark.isActive)
+const $q = useQuasar();
+const isDark = computed(() => $q.dark.isActive);
 
 defineProps({
   isMobile: {
     type: Boolean,
     default: false,
-    required: false
+    required: false,
   },
   showText: {
     type: Boolean,
     default: false,
-    required: false
-  }
-})
+    required: false,
+  },
+  asButton: {
+    type: Boolean,
+    default: false,
+    required: false,
+  },
+});
 
 function toggleTheme() {
   $q.dark.toggle();
   saveThemeToStorage($q.dark.isActive);
+  updatePWAThemeColor($q.dark.isActive);
 }
 </script>
 <style scoped>

package/src/shared/ui/UserDataForm/CreateEntrepreneurDataForm/CreateEntrepreneurDataForm.vue

@@ -0,0 +1,124 @@
+<template lang="pug">
+.q-gutter-sm.q-mt-md
+  q-input(ref="firstInput" autofocus v-model="data.last_name" standout="bg-teal text-white" label="Фамилия" :rules="[val => notEmpty(val), val => validatePersonalName(val)]" autocomplete="off")
+  q-input(v-model="data.first_name" standout="bg-teal text-white" label="Имя" :rules="[val => notEmpty(val), val => validatePersonalName(val)]" autocomplete="off")
+  q-input(v-model="data.middle_name" standout="bg-teal text-white" label="Отчество" :rules="[val => validatePersonalName(val)]" autocomplete="off")
+
+  q-input(
+    standout="bg-teal text-white"
+    v-model="data.birthdate"
+    mask="date"
+    label="Дата рождения (год/месяц/день)"
+    :rules="['date', val => notEmpty(val)]"
+    autocomplete="off"
+  )
+    template(v-slot:append)
+      q-icon(name="event" class="cursor-pointer")
+        q-popup-proxy(cover transition-show="scale" transition-hide="scale")
+          q-date(v-model="data.birthdate")
+            .row.items-center.justify-end
+              q-btn(v-close-popup label="Close" color="primary" flat)
+
+  q-input(v-model="data.phone" standout="bg-teal text-white" mask="+7 (###) ###-##-##" fill-mask label="Номер телефона" :rules="[val => notEmpty(val), val => notEmptyPhone(val)]" autocomplete="off")
+
+  q-select(v-model="data.country" standout="bg-teal text-white" map-options emit-value option-label="label" option-value="value" label="Страна" :options="[{ label: 'Россия', value: 'Russia' }]" :rules="[val => notEmpty(val)]" autocomplete="off")
+
+  q-input(v-model="data.city" standout="bg-teal text-white" label="Город" :rules="[val => notEmpty(val)]" autocomplete="off")
+  q-input(v-model="data.full_address" standout="bg-teal text-white" label="Адрес регистрации (как в паспорте)" :rules="[val => notEmpty(val)]" autocomplete="off")
+
+  q-input(
+    v-model="data.details.inn"
+    standout="bg-teal text-white"
+    mask="############"
+    label="ИНН предпринимателя (10 или 12 цифр)"
+    :rules="[val => notEmpty(val), val => (val.length === 10 || val.length === 12) || 'ИНН должен содержать 10 или 12 цифр']"
+    autocomplete="off"
+  )
+  q-input(
+    v-model="data.details.ogrn"
+    standout="bg-teal text-white"
+    mask="###############"
+    label="ОГРНИП (13 или 15 цифр)"
+    :rules="[val => notEmpty(val), val => (val.length === 13 || val.length === 15) || 'ОГРНИП должен содержать 13 или 15 цифр']"
+    autocomplete="off"
+  )
+
+  q-input(
+    v-model="data.bank_account.bank_name"
+    standout="bg-teal text-white"
+    label="Наименование банка"
+    :rules="[val => notEmpty(val)]"
+    autocomplete="off"
+  )
+
+  q-input(
+    v-model="data.bank_account.details.corr"
+    standout="bg-teal text-white"
+    mask="####################"
+    label="Корреспондентский счёт (20 цифр)"
+    :rules="[val => notEmpty(val), val => val.length === 20 || 'Корреспондентский счёт должен содержать 20 цифр']"
+    autocomplete="off"
+  )
+
+  q-input(
+    v-model="data.bank_account.details.bik"
+    standout="bg-teal text-white"
+    mask="#########"
+    label="БИК (9 цифр)"
+    :rules="[val => notEmpty(val), val => val.length === 9 || 'БИК должен содержать 9 цифр']"
+  )
+
+  q-input(
+    v-model="data.bank_account.details.kpp"
+    standout="bg-teal text-white"
+    mask="#########"
+    label="КПП (банка) (9 цифр)"
+    :rules="[val => notEmpty(val), val => val.length === 9 || 'КПП должен содержать 9 цифр']"
+    autocomplete="off"
+  )
+
+  q-select(v-model="data.bank_account.currency"
+    label="Валюта счёта"
+    standout="bg-teal text-white"
+    :options="[{ label: 'RUB', value: 'RUB' }]"
+    emit-value
+    map-options
+  )
+
+  q-input(
+    v-model="data.bank_account.account_number"
+    standout="bg-teal text-white"
+    mask="####################"
+    label="Номер счёта (20 цифр)"
+    :rules="[val => notEmpty(val), val => val.length === 20 || 'Номер счёта должен содержать 20 цифр']"
+    autocomplete="off"
+  )
+</template>
+
+<script setup lang="ts">
+import { validatePersonalName, notEmpty, notEmptyPhone } from 'src/shared/lib/utils';
+import { Zeus } from '@coopenomics/sdk';
+import { ref, onMounted, nextTick } from 'vue';
+
+// Типы на основе CreateEntrepreneurDataInput из бэкенда
+export type ICreateEntrepreneurData = Omit<Zeus.ModelTypes['CreateEntrepreneurDataInput'], 'email'> & {
+  email?: string;
+};
+
+const props = defineProps<{
+  data: ICreateEntrepreneurData;
+  readonly?: boolean;
+}>();
+
+defineEmits<{
+  'update:data': [data: ICreateEntrepreneurData];
+}>();
+
+const data = ref<ICreateEntrepreneurData>(props.data);
+const firstInput = ref<any>();
+
+onMounted(async () => {
+  await nextTick();
+  firstInput.value?.$el?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+});
+</script>

package/src/shared/ui/UserDataForm/CreateEntrepreneurDataForm/index.ts

@@ -0,0 +1,2 @@
+export { default as CreateEntrepreneurDataForm } from './CreateEntrepreneurDataForm.vue';
+export type { ICreateEntrepreneurData } from './CreateEntrepreneurDataForm.vue';

package/src/shared/ui/UserDataForm/CreateIndividualDataForm/CreateIndividualDataForm.vue

@@ -0,0 +1,57 @@
+<template lang="pug">
+.q-gutter-sm.q-mt-md
+  slot(name="top")
+  q-input(ref="firstInput" :autofocus="!slots.top" v-model="data.last_name" standout="bg-teal text-white" label="Фамилия" :rules="[val => notEmpty(val), val => validatePersonalName(val)]" autocomplete="off")
+  q-input(v-model="data.first_name" standout="bg-teal text-white" label="Имя" :rules="[val => notEmpty(val), val => validatePersonalName(val)]" autocomplete="off")
+  q-input(v-model="data.middle_name" standout="bg-teal text-white" label="Отчество" :rules="[val => validatePersonalName(val)]" autocomplete="off")
+
+  q-input(v-model="data.full_address" standout="bg-teal text-white" label="Адрес регистрации (как в паспорте)" :rules="[val => notEmpty(val)]" autocomplete="off")
+
+  q-input(
+    standout="bg-teal text-white"
+    v-model="data.birthdate"
+    mask="date"
+    label="Дата рождения (год/месяц/день)"
+    :rules="['date', val => notEmpty(val)]"
+    autocomplete="off"
+  )
+    template(v-slot:append)
+      q-icon(name="event" class="cursor-pointer")
+        q-popup-proxy(cover transition-show="scale" transition-hide="scale")
+          q-date(v-model="data.birthdate")
+            .row.items-center.justify-end
+              q-btn(v-close-popup label="Close" color="primary" flat)
+
+  q-input(v-model="data.phone" standout="bg-teal text-white" mask="+7 (###) ###-##-##" fill-mask label="Номер телефона" :rules="[val => notEmpty(val), val => notEmptyPhone(val)]" autocomplete="off")
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, nextTick, useSlots } from 'vue'
+import { validatePersonalName, notEmpty, notEmptyPhone } from 'src/shared/lib/utils';
+import { Zeus } from '@coopenomics/sdk';
+
+// Типы на основе CreateIndividualDataInput из бэкенда
+export type ICreateIndividualData = Omit<Zeus.ModelTypes['CreateIndividualDataInput'], 'email'> & {
+  email?: string;
+};
+
+const props = defineProps<{
+  data: ICreateIndividualData;
+  readonly?: boolean;
+}>();
+
+const slots = useSlots();
+
+defineEmits<{
+  'update:data': [data: ICreateIndividualData];
+}>();
+
+const data = ref<ICreateIndividualData>(props.data);
+const firstInput = ref<any>();
+
+onMounted(async () => {
+  await nextTick();
+  console.log(firstInput.value)
+  firstInput.value?.$el?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+});
+</script>

package/src/shared/ui/UserDataForm/CreateIndividualDataForm/index.ts

@@ -0,0 +1,2 @@
+export { default as CreateIndividualDataForm } from './CreateIndividualDataForm.vue';
+export type { ICreateIndividualData } from './CreateIndividualDataForm.vue';