@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/src/widgets/NotificationCenter/NotificationCenter.vue

@@ -1,80 +1,214 @@
 <template lang="pug">
-div
-</template>
-<!-- NotificationCenter.vue
-<template lang="pug">
-div#notification-inbox.notification-container
+#notification-inbox.notification-container
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, watch } from 'vue'
-import { NovuUI } from '@novu/js/ui'
-import { dark } from '@novu/js/themes'
-import { useCurrentUser } from 'src/entities/Session'
-import { useQuasar } from 'quasar'
-import { env } from 'src/shared/config'
-const currentUser = useCurrentUser()
-
-const $q = useQuasar()
-const isDark = computed(() => $q.dark.isActive)
-let novu: any = null
-
-function mountNovu() {
-  const subscriberId = currentUser.username || '68481006a874d6592b28c530'
-  const el = document.getElementById('notification-inbox')
-
-  if (el) el.innerHTML = ''
-  novu = new NovuUI({
-    options: {
+import { useCurrentUser } from 'src/entities/Session';
+import { useQuasar } from 'quasar';
+import { env } from 'src/shared/config';
+import { NotifyAlert } from 'src/shared/api';
+import { computed, onMounted, onBeforeUnmount, watch, ref } from 'vue';
+
+const currentUser = useCurrentUser();
+const $q = useQuasar();
+const isDark = computed(() => $q.dark.isActive);
+
+// Определяем роль пользователя
+const userRole = computed((): string => {
+  if (currentUser.isChairman) {
+    return 'chairman';
+  }
+  if (currentUser.isMember) {
+    return 'member';
+  }
+  return 'user';
+});
+
+// Создаем статические табы с правильными фильтрами
+function createNotificationTabs() {
+  return [
+    {
+      label: 'Пайщик',
+      filter: {
+        // Вкладка "Пользователь" показывает все уведомления
+        tags: ['user', 'member', 'chairman'],
+      },
+    },
+    {
+      label: 'Член совета',
+      filter: {
+        // Вкладка "Член совета" показывает только member воркфлоу
+        tags: ['member'],
+      },
+    },
+    {
+      label: 'Председатель',
+      filter: {
+        // Вкладка "Председатель" показывает только chairman воркфлоу
+        tags: ['chairman'],
+      },
+    },
+  ];
+}
+
+let novuUI: any = null;
+let novu: any = null;
+const unsubscribeFunctions = ref<Array<() => void>>([]);
+
+async function mountNovu() {
+  try {
+    // Отписываемся от предыдущих подписок при перемонтировании
+    unsubscribeFromNotifications();
+
+    // Динамический импорт только на клиенте
+    const { NovuUI } = await import('@novu/js/ui');
+    const { Novu } = await import('@novu/js');
+    const { dark } = await import('@novu/js/themes');
+
+    // Получаем данные подписчика из providerAccount
+    const providerAccount = currentUser.providerAccount.value;
+
+    if (!providerAccount?.subscriber_id || !providerAccount?.subscriber_hash) {
+      console.error(
+        'Не удалось получить данные подписчика NOVU из providerAccount. Повторите попытку.',
+      );
+      return;
+    }
+
+    const { subscriber_id, subscriber_hash } = providerAccount;
+
+    // Создаем базовый экземпляр Novu для работы с API и событиями
+    novu = new Novu({
       applicationIdentifier: env.NOVU_APP_ID,
-      subscriberId,
-      backendUrl: env.NOVU_BACKEND_URL,
+      subscriber: subscriber_id,
+      subscriberHash: subscriber_hash,
+      apiUrl: env.NOVU_BACKEND_URL,
       socketUrl: env.NOVU_SOCKET_URL,
+    });
+
+    // Создаем статические табы с правильными фильтрами
+    const tabs = createNotificationTabs();
+
+    console.log(
+      'Текущая роль пользователя:',
+      userRole.value,
+      'Созданные табы:',
+      tabs.map((tab) => tab.label),
+    );
+
+    const el = document.getElementById('notification-inbox');
+    if (el) el.innerHTML = '';
+
+    // Создаем экземпляр NovuUI и передаем в него экземпляр Novu
+    novuUI = new NovuUI({
+      novu: novu, // Передаем готовый экземпляр Novu
+      options: {
+        applicationIdentifier: env.NOVU_APP_ID,
+        subscriber: subscriber_id,
+        subscriberHash: subscriber_hash,
+        apiUrl: env.NOVU_BACKEND_URL,
+        socketUrl: env.NOVU_SOCKET_URL,
+      },
+      tabs: tabs, // Добавляем tabs для фильтрации по ролям
+      appearance: {
+        baseTheme: isDark.value ? dark : undefined,
+      },
+      localization: {
+        'inbox.filters.dropdownOptions.unread': 'Только непрочитанные',
+        'inbox.filters.dropdownOptions.default': 'Все сообщения',
+        'inbox.filters.dropdownOptions.archived': 'Архив',
+        'inbox.filters.labels.unread': 'Непрочитанные',
+        'inbox.filters.labels.default': 'Входящие',
+        'inbox.filters.labels.archived': 'Архив',
+        'notifications.emptyNotice': 'Здесь пока тихо. Загляните позже.',
+        'notifications.actions.readAll': 'Прочитать все',
+        'notifications.actions.archiveAll': 'Архивировать все',
+        'notifications.actions.archiveRead': 'Архивировать прочитанные',
+        'notifications.newNotifications': ({
+          notificationCount,
+        }: {
+          notificationCount: number;
+        }) => `Новых уведомлений: ${notificationCount}`,
+        'notification.actions.read.tooltip': 'Отметить как прочитанное',
+        'notification.actions.unread.tooltip': 'Отметить как непрочитанное',
+        'notification.actions.archive.tooltip': 'В архив',
+        'notification.actions.unarchive.tooltip': 'Из архива',
+        'preferences.title': 'Настройки',
+        'preferences.emptyNotice': 'Пока нет настроек уведомлений.',
+        'preferences.global': 'Общие настройки',
+        'preferences.workflow.disabled.notice':
+          'Обратитесь к администратору для управления подпиской на это важное уведомление.',
+        'preferences.workflow.disabled.tooltip':
+          'Для изменения обратитесь к администратору',
+        locale: 'ru-RU',
+        dynamic: {
+          'comment-on-post': 'Комментарии к записи',
+          'new-agenda-item': 'Новый вопрос на повестке',
+        },
+      },
+    });
+
+    novuUI.mountComponent({
+      name: 'Inbox',
+      props: {},
+      element: el as HTMLDivElement,
+    });
+
+    // Подписываемся на события уведомлений через базовый экземпляр Novu
+    subscribeToNotifications();
+  } catch (error) {
+    console.error('Ошибка при монтировании NOVU:', error);
+  }
+}
+
+function subscribeToNotifications() {
+  if (!novu) return;
+
+  // Подписываемся на получение новых уведомлений
+  const unsubscribeNotificationReceived = novu.on(
+    'notifications.notification_received',
+    (event: any) => {
+      console.log('🔔 Получено новое уведомление от NOVU:', event);
+      console.log('📄 Тело уведомления:', event.result);
+
+      const notification = event.result;
+
+      // Показываем всплывающее уведомление
+      NotifyAlert(
+        notification.subject || 'Новое уведомление',
+        notification.body || '',
+        notification.avatar,
+      );
     },
-    appearance: {
-      baseTheme: isDark.value ? dark : undefined,
-    },
-    localization: {
-      'inbox.filters.dropdownOptions.unread': 'Только непрочитанные',
-      'inbox.filters.dropdownOptions.default': 'Все сообщения',
-      'inbox.filters.dropdownOptions.archived': 'Архив',
-      'inbox.filters.labels.unread': 'Непрочитанные',
-      'inbox.filters.labels.default': 'Входящие',
-      'inbox.filters.labels.archived': 'Архив',
-      'notifications.emptyNotice': 'Здесь пока тихо. Загляните позже.',
-      'notifications.actions.readAll': 'Прочитать все',
-      'notifications.actions.archiveAll': 'Архивировать все',
-      'notifications.actions.archiveRead': 'Архивировать прочитанные',
-      'notifications.newNotifications': '{{notificationCount}} новое уведомление(ий)',
-      'notification.actions.read.tooltip': 'Отметить как прочитанное',
-      'notification.actions.unread.tooltip': 'Отметить как непрочитанное',
-      'notification.actions.archive.tooltip': 'В архив',
-      'notification.actions.unarchive.tooltip': 'Из архива',
-      'preferences.title': 'Настройки',
-      'preferences.emptyNotice': 'Пока нет настроек уведомлений.',
-      'preferences.global': 'Общие настройки',
-      'preferences.workflow.disabled.notice': 'Обратитесь к администратору для управления подпиской на это важное уведомление.',
-      'preferences.workflow.disabled.tooltip': 'Для изменения обратитесь к администратору',
-      'locale': 'ru-RU',
-      'dynamic': {
-        'comment-on-post': 'Комментарии к записи'
-      }
+  );
+
+  // Сохраняем все функции отписки
+  unsubscribeFunctions.value = [unsubscribeNotificationReceived];
+}
+
+function unsubscribeFromNotifications() {
+  // Отписываемся от всех событий
+  unsubscribeFunctions.value.forEach((unsubscribe) => {
+    if (typeof unsubscribe === 'function') {
+      unsubscribe();
     }
-  })
-  novu.mountComponent({
-    name: 'Inbox',
-    props: {},
-    element: el as HTMLDivElement,
-  })
+  });
+  unsubscribeFunctions.value = [];
 }
 
 onMounted(() => {
-  mountNovu()
-})
+  if (process.env.CLIENT) {
+    mountNovu();
+  }
+});
+
+onBeforeUnmount(() => {
+  unsubscribeFromNotifications();
+});
 
 watch(isDark, () => {
-  mountNovu()
-})
+  mountNovu();
+});
 </script>
 
 <style scoped>
@@ -89,4 +223,4 @@ watch(isDark, () => {
   height: 24px;
   width: 24px;
 }
-</style> -->
+</style>

package/src/widgets/Participants/ui/ParticipantCard.vue

@@ -1,7 +1,10 @@
 <template lang="pug">
 .participant-card__container
   q-card.participant-card(flat)
-    q-card-section.participant-card__header-section
+    q-card-section.participant-card__header-section(
+      :class='{ "cursor-pointer": $q.screen.lt.md }',
+      @click='$q.screen.lt.md ? $emit("toggle-expand") : undefined'
+    )
       .participant-header
         .participant-icon
           q-icon(name='fa-solid fa-user', size='24px', color='primary')
@@ -26,21 +29,21 @@
             @update='onUpdate'
           )
 
-    q-separator
-
-    q-card-actions.card-actions(align='right')
-      q-btn(
-        flat,
-        size='sm',
-        :icon='expanded ? "expand_less" : "expand_more"',
-        @click='$emit("toggle-expand")',
-        :label='expanded ? "Скрыть" : "Подробнее"',
-        color='primary'
-      )
+  .card-actions-external
+    q-btn(
+      flat,
+      dense,
+      size='sm',
+      :icon='expanded ? "expand_less" : "expand_more"',
+      @click.stop='$emit("toggle-expand")',
+      color='primary',
+      round
+    )
 </template>
 
 <script setup lang="ts">
 import { ref } from 'vue';
+import { useQuasar } from 'quasar';
 import moment from 'moment-with-locales-es6';
 import ParticipantDetails from './ParticipantDetails.vue';
 import 'src/shared/ui/CardStyles/index.scss';
@@ -52,6 +55,8 @@ import {
   type IEntrepreneurData,
 } from 'src/entities/Account/types';
 
+const $q = useQuasar();
+
 const props = defineProps<{
   participant: IAccount;
   expanded?: boolean;
@@ -139,7 +144,9 @@ const onUpdate = (
   margin-top: 4px;
 }
 
-.card-actions {
-  padding: 4px 8px;
+.card-actions-external {
+  display: flex;
+  justify-content: center;
+  padding: 4px;
 }
 </style>

package/src/widgets/Questions/ui/QuestionCard/QuestionCard.vue

@@ -1,7 +1,10 @@
 <template lang="pug">
 .question-card__container
   q-card.question-card(flat)
-    q-card-section.question-card__header-section
+    q-card-section.question-card__header-section(
+      :class='{ "cursor-pointer": $q.screen.lt.md }',
+      @click='$q.screen.lt.md ? $emit("toggle-expand") : undefined'
+    )
       .question-header
         .question-icon
           q-icon(
@@ -46,21 +49,22 @@
                   push
                 ) Утвердить
           ComplexDocument(:documents='agenda.documents')
-    q-separator
-
-    q-card-actions.card-actions(align='right')
-      q-btn(
-        flat,
-        size='sm',
-        :icon='expanded ? "expand_less" : "expand_more"',
-        @click='$emit("toggle-expand")',
-        :label='expanded ? "Скрыть" : "Подробнее"',
-        color='primary'
-      )
+
+  .card-actions-external
+    q-btn(
+      flat,
+      dense,
+      size='sm',
+      :icon='expanded ? "expand_less" : "expand_more"',
+      @click.stop='$emit("toggle-expand")',
+      color='primary',
+      round
+    )
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue';
+import { useQuasar } from 'quasar';
 import { ComplexDocument } from 'src/shared/ui/ComplexDocument';
 import { formatToFromNow } from 'src/shared/lib/utils/dates/formatToFromNow';
 import { getShortNameFromCertificate } from 'src/shared/lib/utils/getNameFromCertificate';
@@ -70,6 +74,8 @@ import type { IAgenda } from 'src/entities/Agenda/model';
 import { Cooperative } from 'cooptypes';
 import 'src/shared/ui/CardStyles/index.scss';
 
+const $q = useQuasar();
+
 const props = defineProps({
   agenda: {
     type: Object as () => IAgenda,
@@ -149,8 +155,8 @@ const getStatusText = () => {
 
   try {
     if (props.isVotedAny(props.agenda.table)) {
-      if (props.isVotedFor(props.agenda.table)) return 'Голос ЗА';
-      if (props.isVotedAgainst(props.agenda.table)) return 'Голос ПРОТИВ';
+      if (props.isVotedFor(props.agenda.table)) return 'Вы ЗА';
+      if (props.isVotedAgainst(props.agenda.table)) return 'Вы ПРОТИВ';
     }
   } catch (error) {
     console.warn('Ошибка при проверке статуса голосования:', error);
@@ -244,8 +250,10 @@ const getStatusTextColor = () => {
   margin-bottom: 16px;
 }
 
-.card-actions {
-  padding: 4px 8px;
+.card-actions-external {
+  display: flex;
+  justify-content: center;
+  padding: 4px;
   gap: 8px;
 }
 </style>

package/src/widgets/Questions/ui/QuestionsTable/QuestionsTable.vue

@@ -84,6 +84,12 @@
       )
         q-td(colspan='100%')
           ComplexDocument(:documents='props.row.documents')
+          // Компонент дополнительной информации для решения
+          component(
+            v-if='getDecisionInfoComponent(props.row)',
+            :is='getDecisionInfoComponent(props.row)',
+            :agenda='props.row'
+          )
 </template>
 
 <script setup lang="ts">
@@ -96,6 +102,7 @@ import { VotingButtons } from '../VotingButtons';
 import { useWindowSize } from 'src/shared/hooks';
 import type { IAgenda } from 'src/entities/Agenda/model';
 import { getShortNameFromCertificate } from 'src/shared/lib/utils/getNameFromCertificate';
+import { decisionFactory } from 'src/shared/lib/decision-factory';
 
 const props = defineProps({
   decisions: {
@@ -153,6 +160,12 @@ function getDecisionTitle(row: IAgenda) {
   return 'Вопрос на голосование';
 }
 
+// Получение компонента дополнительной информации для решения
+function getDecisionInfoComponent(row: IAgenda) {
+  if (!row.table?.type) return null;
+  return decisionFactory.getInfoComponent(row.table.type);
+}
+
 // Настройка таблицы
 const columns = [
   {

package/src/widgets/Registrator/Invite/index.ts

@@ -0,0 +1 @@
+export * from './ui'

package/src/widgets/Registrator/Invite/ui/Invite.vue

@@ -0,0 +1,89 @@
+<template lang="pug">
+div
+  q-card(flat).q-pa-md
+    div(v-if="token")
+      p.text-subtitle1.text-center СОХРАНИТЕ КЛЮЧ
+      span.q-mt-md Новый приватный ключ доступа сгенерирован для вас. Пожалуйста, подтвердите надёжное сохранение. Мы рекомендуем сохранить его в бесплатном менеджере паролей, таком как
+        a(href="https://bitwarden.com/download" target="_bank").q-ml-xs Bitwarden
+        | . После сохранения ключа нажмите кнопку "Установить ключ", чтобы активировать его.
+
+      q-input.q-mt-lg(
+        v-if='account && account.private_key',
+        v-model='account.private_key',
+        label='Приватный ключ',
+        :readonly='true'
+      )
+
+
+      q-checkbox(v-model="i_save", label="Я сохранил ключ")
+      div.row.q-mt-md
+        q-btn.col-md-6.col-xs-12(flat, @click='copyMnemonic')
+          i.fa.fa-copy
+          span.q-ml-md скопировать
+
+
+        q-btn(:disabled="!i_save" @click="finish" color="primary" :loading="loading").col-md-6.col-xs-12 установить ключ
+
+    div(v-else)
+      p.text-subtitle1.text-center ПРИГЛАШЕНИЕ
+      span.q-mt-md Вы получили приглашение на подключение к кооперативу. Для завершения регистрации, пожалуйста, сохраните приватный ключ доступа.
+
+</template>
+<script lang="ts" setup>
+import { copyToClipboard } from 'quasar';
+import { useCreateUser } from 'src/features/User/CreateUser';
+import { useResetKey } from 'src/features/User/ResetKey/model';
+import { FailAlert, SuccessAlert } from 'src/shared/api';
+import { type IGeneratedAccount } from 'src/shared/lib/types/user';
+import { ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+const route = useRoute()
+const router = useRouter()
+
+const { generateAccount } = useCreateUser()
+const account = ref<IGeneratedAccount | undefined>()
+
+const i_save = ref(false)
+const token = ref(route.query.token)
+const loading = ref(false)
+
+const { resetKey } = useResetKey()
+
+account.value = generateAccount()
+
+
+const copyMnemonic = () => {
+  const toCopy = `${account.value?.private_key}`
+
+  copyToClipboard(toCopy)
+    .then(() => {
+      SuccessAlert('Ключ был скопирован в буфер обмена')
+    })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+
+const finish = async () => {
+  try {
+
+    if (!account.value) {
+      FailAlert('Возникла ошибка при генерации приватного ключа')
+      return
+    }
+    loading.value = true
+    await resetKey({ token: token.value as string, public_key: account.value.public_key })
+
+    SuccessAlert('Ключ доступа успешно установлен')
+    loading.value = false
+
+    router.push({ name: 'signin' })
+
+  } catch (e: any) {
+    loading.value = false
+    FailAlert(e)
+  }
+}
+
+</script>

package/src/widgets/Registrator/Invite/ui/index.ts

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

package/src/widgets/Registrator/LostKey/ui/LostKey.vue

@@ -35,7 +35,7 @@ import { useRouter } from 'vue-router';
 const email = ref('')
 const loading = ref(false)
 
-const { lostKeyRequest } = useLostKey()
+const { startResetKey } = useLostKey()
 const { emailIsValid } = useCreateUser()
 const isValidEmail = computed(() => emailIsValid(email.value))
 
@@ -50,7 +50,7 @@ const router = useRouter()
 const submit = async () => {
   try {
     loading.value = true
-    await lostKeyRequest(email.value)
+    await startResetKey({ email: email.value })
     router.push({ name: 'resetkey' })
     loading.value = false
   } catch (e: any) {

package/src/widgets/Registrator/ResetKey/ui/ResetKey.vue

@@ -5,7 +5,7 @@ div
       p.text-subtitle1.text-center СОХРАНИТЕ КЛЮЧ
       span.q-mt-md Новый приватный ключ доступа сгенерирован для вас. Пожалуйста, подтвердите надёжное сохранение. Мы рекомендуем сохранить его в бесплатном менеджере паролей, таком как
         a(href="https://bitwarden.com/download" target="_bank").q-ml-xs Bitwarden
-        | .
+        | . После сохранения ключа нажмите кнопку "Установить ключ", чтобы активировать его.
 
       q-input.q-mt-lg(
         v-if='account && account.private_key',
@@ -22,11 +22,11 @@ div
           span.q-ml-md скопировать
 
 
-        q-btn(:disabled="!i_save" @click="finish" color="primary" :loading="loading").col-md-6.col-xs-12 продолжить
+        q-btn(:disabled="!i_save" @click="finish" color="primary" :loading="loading").col-md-6.col-xs-12 установить ключ
 
     div(v-else)
       p.text-subtitle1.text-center ПРОВЕРЬТЕ ПОЧТУ
-      span.q-mt-md На вашу электронную почту отправлено письмо со ссылкой для перевыпуска ключа. Пожалуйста, перейдите по ссылке для продолжения. Время действия ссылки - 10 минут. Эту страницу можно закрыть.
+      span.q-mt-md На вашу электронную почту отправлено письмо со ссылкой для перевыпуска ключа. Пожалуйста, перейдите по ссылке для продолжения.
 
 </template>
 <script lang="ts" setup>
@@ -73,7 +73,7 @@ const finish = async () => {
       return
     }
     loading.value = true
-    await resetKey(token.value as string, account.value.public_key)
+    await resetKey({ token: token.value as string, public_key: account.value.public_key })
 
     SuccessAlert('Ключ доступа успешно установлен')
     loading.value = false

package/src/widgets/RequireAgreements/ui/RequireAgreements.vue

@@ -58,6 +58,12 @@ const required_agreements = computed(() => {
 });
 
 const init = async () => {
+  console.log('on init: ', info)
+  // Не загружаем данные если кооператив в режиме установки
+  if (info.system_status === 'install') {
+    return
+  }
+
   agreementer.loadCooperativeAgreements(info.coopname)
   agreementer.loadAgreementTemplates(info.coopname)
 }

package/src/widgets/User/PaymentMethods/ui/PaymentMethods.vue

@@ -11,10 +11,6 @@
     .q-mb-lg
       p.text-body2 Указанные реквизиты используются при платежах от кооператива в пользу пайщика
 
-    // Кнопка добавления
-    .q-mb-lg
-      AddPaymentMethodButton.full-width.card-action-btn(:username='username')
-
     // Список способов оплаты
     .profile-section
       .info-content(v-if='wallet.methods && wallet.methods.length > 0')
@@ -85,7 +81,6 @@
 import { useWalletStore } from 'src/entities/Wallet';
 import { useSystemStore } from 'src/entities/System/model';
 import { computed } from 'vue';
-import { AddPaymentMethodButton } from 'src/features/PaymentMethod/AddPaymentMethod';
 import type {
   IBankTransferData,
   ISBPData,

package/src/widgets/Wallet/MicroWallet/index.ts

@@ -0,0 +1,2 @@
+export * from './ui';
+