@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/src/pages/Union/InstallCooperative/ui/InstallCooperativePage.vue

@@ -1,9 +1,63 @@
 <template lang="pug">
-div.row.justify-center.q-pt-lg
-  div.col-md-4.col-sm-6.col-xs-12
-    InstallCooperativeWidgetBase
+div.row.justify-center
+  div.col-md-12.col-sm-6.col-xs-12
+    div
+      q-card(flat).q-pa-md.q-mb-lg
+        div(v-if="!installStore.is_finish")
+
+          //- Индикатор шагов
+          q-stepper.q-mb-md(v-model="installStore.current_step" vertical flat dense)
+            q-step(:name="'key'" title="Ключ доступа" icon="key" :done="isStepDone('key')")
+              span Для начала установки введите ключ аккаунта Кооператива, который был выдан Вам при регистрации:
+              RequestKeyForm.q-mt-md
+
+            q-step(:name="'init'" title="Инициализация системы" icon="business" :done="isStepDone('init')")
+              SetInitForm.q-mt-md
+
+            q-step(:name="'soviet'" title="Члены совета" icon="people" :done="isStepDone('soviet')")
+              span Введите данные председателя и членов совета. Всем им будут созданы аккаунты пайщиков и отправлены приглашения на электронную почту:
+              SetSovietForm.q-mt-md
+
+            q-step(:name="'vars'" title="Переменные документов" icon="settings" :done="isStepDone('vars')")
+              span Установите переменные для документов кооператива, которые будут использоваться при генерации документов:
+              SetVariablesForm.q-mt-md
+        div(v-else)
+          p.text-h6.full-width.text-center Установка завершена
+          p.q-mb-md Всем членам совета отправлены приглашения на электронные почты со ссылками для генерации цифровых подписей. Перейдите по своей ссылке из письма, получите ключ председателя, и используйте его для входа в свою систему.
+
+          div.flex.justify-center.q-mt-lg
+            q-btn(
+              @click="goToSignin"
+              color="primary"
+              label="Войти"
+              icon="login"
+            )
+          //- p.text-grey Ключ установки, который ранее вводился здесь, теперь используется только для входа в кабинет оператора, пайщиком которого вы стали при подключении к системе. В вашей же системе у вас новый ключ, который вы выпускаете себе сами.
 </template>
 
 <script setup lang="ts">
-import { InstallCooperativeWidgetBase } from 'src/widgets/Cooperative/Install/InstallWidgetBase';
+import { useInstallCooperativeStore } from 'src/entities/Installer/model';
+import { RequestKeyForm, SetInitForm, SetSovietForm, SetVariablesForm } from 'src/features/Installer';
+import { computed } from 'vue';
+import { useRouter } from 'vue-router';
+import { useSystemStore } from 'src/entities/System/model';
+
+const router = useRouter();
+const systemStore = useSystemStore();
+const installStore = useInstallCooperativeStore()
+
+const stepOrder = ['key', 'init', 'soviet', 'vars'] as const;
+
+const isStepDone = computed(() => (step: typeof stepOrder[number]) => {
+  const currentIndex = stepOrder.indexOf(installStore.current_step);
+  const stepIndex = stepOrder.indexOf(step);
+  return stepIndex < currentIndex;
+});
+
+const goToSignin = () => {
+  router.push({
+    name: 'signin',
+    params: { coopname: systemStore.info.coopname }
+  });
+};
 </script>

package/src/pages/User/PaymentMethodsPage/ui/PaymentMethods.vue

@@ -1,13 +1,28 @@
 <template lang="pug">
 PaymentMethodsCard(:username='username')
 </template>
+
 <script lang="ts" setup>
 import { PaymentMethodsCard } from 'src/widgets/User/PaymentMethods';
-
-import { computed } from 'vue';
+import { AddPaymentButton } from 'src/features/PaymentMethod/AddPaymentMethod';
+import { computed, onMounted } from 'vue';
 import { useCurrentUser } from 'src/entities/Session';
+import { useHeaderActions } from 'src/shared/hooks';
 
 const currentUser = useCurrentUser();
-
 const username = computed(() => currentUser.username);
+
+// Инжектим кнопку добавления реквизитов в заголовок
+const { registerAction } = useHeaderActions();
+
+onMounted(() => {
+  registerAction({
+    id: 'add-payment-method',
+    component: AddPaymentButton,
+    props: {
+      username: username.value,
+    },
+    order: 1,
+  });
+});
 </script>

package/src/pages/User/ProfilePage/ui/ProfilePage.vue

@@ -153,7 +153,8 @@ import type {
 } from 'src/shared/lib/types/user/IUserData';
 import { computed } from 'vue';
 import { useDisplayName } from 'src/shared/lib/composables/useDisplayName';
-import { copyToClipboard, Notify } from 'quasar';
+import { copyToClipboard } from 'quasar';
+import { SuccessAlert, FailAlert } from 'src/shared/api';
 import 'src/shared/ui/CardStyles/index.scss';
 
 const currentUser = useCurrentUser();
@@ -243,17 +244,9 @@ const copyUsername = async () => {
   const username = currentUser.username || '';
   try {
     await copyToClipboard(username);
-    Notify.create({
-      message: 'Имя аккаунта скопировано в буфер обмена',
-      type: 'positive',
-      position: 'top',
-    });
+    SuccessAlert('Имя аккаунта скопировано в буфер обмена');
   } catch (err) {
-    Notify.create({
-      message: 'Ошибка при копировании',
-      type: 'negative',
-      position: 'top',
-    });
+    FailAlert('Ошибка при копировании');
   }
 };
 

package/src/pages/User/WalletPage/ui/WalletPage.vue

@@ -1,298 +1,23 @@
 <template lang="pug">
 .q-pa-md
   .row
-    // Левая колонка - Цифровой кошелек (основной)
-    .col-md-5.col-xs-12.q-pa-sm
-      q-card.main-wallet-card.q-pa-lg(flat)
-        .wallet-header
-          .wallet-icon
-            q-icon(name='account_balance_wallet', size='32px', color='primary')
-          .wallet-title
-            .title {{ walletStore.program_wallets[0]?.program_details?.title || 'Цифровой кошелек' }}
-
-        .wallet-balance
-          .main-balance
-            .balance-label Доступно
-            .balance-value {{ walletStore.program_wallets[0]?.available || '0' }}
-
-          .blocked-balance(
-            v-if='walletStore.program_wallets[0]?.blocked && walletStore.program_wallets[0]?.blocked !== "0"'
-          )
-            .balance-label Заблокировано
-            .balance-value {{ walletStore.program_wallets[0]?.blocked }}
-
-        .wallet-actions
-          .row
-            .col-6.q-pa-sm
-              DepositButton.full-width.action-btn
-            .col-6.q-pa-sm
-              WithdrawButton.full-width.action-btn
-
-    // Правая колонка - Целевые программы
     .col-md-7.col-xs-12.q-pa-sm
-      q-card.programs-card.q-pa-lg(flat)
-        .programs-header
-          .programs-icon
-            q-icon(name='savings', size='24px', color='teal')
-          .programs-title Целевые потребительские программы
-
-        .programs-list(v-if='otherPrograms.length > 0')
-          .program-item(v-for='program in otherPrograms', :key='program.id')
-            .program-info
-              .program-name {{ program.program_details.title }}
-              .program-balances
-                .balance-item
-                  .label Доступно
-                  .value {{ program.available || '0' }}
-                .balance-item(
-                  v-if='program.blocked && program.blocked !== "0"'
-                )
-                  .label Заблокировано
-                  .value {{ program.blocked }}
-
-        .empty-programs(v-else)
-          .empty-icon
-            q-icon(name='inbox', size='48px', color='grey-5')
-          .empty-text Целевые программы пока не подключены
+      WalletWidget
 
-  // Минимальный неснижаемый остаток (в конце)
-  .row.q-mt-md(v-if='currentUser.participantAccount.value?.minimum_amount')
-    .col-12
-      q-card.minimum-balance-card.q-pa-md(flat)
-        .minimum-balance-info
-          .info-icon
-            q-icon(name='lock', size='16px', color='orange')
-          .info-content
-            .info-label Минимальный неснижаемый остаток
-            .info-value {{ currentUser.participantAccount.value?.minimum_amount }}
+  .row
+    .col-md-7.col-xs-12.q-pa-sm
+      WalletProgramWidget
 </template>
 
 <script lang="ts" setup>
-import { DepositButton } from 'src/features/Wallet/DepositToWallet';
-import { WithdrawButton } from 'src/features/Wallet/WithdrawFromWallet';
-import { useWalletStore } from 'src/entities/Wallet';
-import { useCurrentUser } from 'src/entities/Session';
-import { computed } from 'vue';
+import { WalletWidget, WalletProgramWidget } from 'src/widgets/Wallet';
+// import { useCurrentUser } from 'src/entities/Session';
 import 'src/shared/ui/CardStyles';
 
-const walletStore = useWalletStore();
-const currentUser = useCurrentUser();
-
-// Остальные программы (кроме первой - цифрового кошелька)
-const otherPrograms = computed(() => {
-  return walletStore.program_wallets.slice(1);
-});
+// const currentUser = useCurrentUser();
 </script>
 
 <style lang="scss" scoped>
-// Основные карточки
-.main-wallet-card,
-.programs-card,
-.minimum-balance-card {
-  border-radius: 16px;
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
-
-  .q-dark & {
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-  }
-}
-
-// Основной кошелек
-.main-wallet-card {
-  .wallet-header {
-    display: flex;
-    align-items: center;
-    margin-bottom: 24px;
-
-    .wallet-icon {
-      margin-right: 16px;
-    }
-
-    .wallet-title {
-      .title {
-        font-size: 20px;
-        font-weight: 600;
-        margin-bottom: 4px;
-      }
-
-      .subtitle {
-        font-size: 14px;
-      }
-    }
-  }
-
-  .wallet-balance {
-    margin-bottom: 32px;
-
-    .main-balance {
-      border-radius: 12px;
-      padding: 20px;
-      margin-bottom: 12px;
-      background: rgba(25, 118, 210, 0.08);
-      border-left: 4px solid #1976d2;
-      transition: all 0.2s ease;
-
-      .q-dark & {
-        background: rgba(25, 118, 210, 0.15);
-      }
-
-      &:hover {
-        background: rgba(25, 118, 210, 0.12);
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(25, 118, 210, 0.2);
-
-        .q-dark & {
-          background: rgba(25, 118, 210, 0.22);
-        }
-      }
-
-      .balance-label {
-        font-size: 14px;
-        margin-bottom: 6px;
-        opacity: 0.6;
-      }
-
-      .balance-value {
-        font-size: 24px;
-        font-weight: 700;
-      }
-    }
-
-    .blocked-balance {
-      border-radius: 12px;
-      padding: 16px;
-      margin-bottom: 12px;
-      background: rgba(255, 152, 0, 0.08);
-      border-left: 4px solid #ff9800;
-      transition: all 0.2s ease;
-
-      .q-dark & {
-        background: rgba(255, 152, 0, 0.15);
-      }
-
-      &:hover {
-        background: rgba(255, 152, 0, 0.12);
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(255, 152, 0, 0.2);
-
-        .q-dark & {
-          background: rgba(255, 152, 0, 0.22);
-        }
-      }
-
-      .balance-label {
-        font-size: 14px;
-        margin-bottom: 6px;
-        opacity: 0.6;
-      }
-
-      .balance-value {
-        font-size: 24px;
-        font-weight: 700;
-      }
-    }
-  }
-
-  .wallet-actions {
-    .action-btn {
-      border-radius: 10px;
-      padding: 12px 0;
-      font-weight: 500;
-    }
-  }
-}
-
-// Целевые программы
-.programs-card {
-  .programs-header {
-    display: flex;
-    align-items: center;
-    margin-bottom: 24px;
-
-    .programs-icon {
-      margin-right: 12px;
-    }
-
-    .programs-title {
-      font-size: 18px;
-      font-weight: 600;
-    }
-  }
-
-  .programs-list {
-    .program-item {
-      background-color: rgba(0, 0, 0, 0.03);
-      border-radius: 12px;
-      padding: 16px;
-      margin-bottom: 12px;
-      border: 1px solid rgba(0, 0, 0, 0.05);
-      transition: all 0.2s ease;
-
-      .q-dark & {
-        background-color: rgba(255, 255, 255, 0.05);
-        border: 1px solid rgba(255, 255, 255, 0.08);
-      }
-
-      &:hover {
-        background-color: rgba(0, 0, 0, 0.05);
-        transform: translateY(-2px);
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-
-        .q-dark & {
-          background-color: rgba(255, 255, 255, 0.08);
-        }
-      }
-
-      .program-name {
-        font-size: 16px;
-        font-weight: 500;
-        margin-bottom: 12px;
-      }
-
-      .program-balances {
-        display: flex;
-        gap: 24px;
-
-        .balance-item {
-          .label {
-            font-size: 12px;
-            margin-bottom: 4px;
-            opacity: 0.6;
-          }
-
-          .value {
-            font-size: 16px;
-            font-weight: 600;
-          }
-        }
-      }
-    }
-  }
-
-  .empty-programs {
-    text-align: center;
-    padding: 40px 20px;
-
-    .empty-icon {
-      margin-bottom: 16px;
-    }
-
-    .empty-text {
-      font-size: 18px;
-      font-weight: 500;
-      margin-bottom: 8px;
-      opacity: 0.7;
-    }
-
-    .empty-subtitle {
-      font-size: 14px;
-      opacity: 0.5;
-    }
-  }
-}
-
 // Минимальный остаток
 .minimum-balance-card {
   background: rgba(255, 152, 0, 0.05);
@@ -338,12 +63,4 @@ const otherPrograms = computed(() => {
     }
   }
 }
-
-// Адаптивность
-@media (max-width: 768px) {
-  .programs-card .programs-list .program-item .program-balances {
-    flex-direction: column;
-    gap: 8px;
-  }
-}
 </style>

package/src/processes/init-app/index.ts

@@ -1,37 +1,51 @@
-import { useDesktopStore } from 'src/entities/Desktop/model'
-import { useSystemStore } from 'src/entities/System/model'
-import { useInitWalletProcess } from 'src/processes/init-wallet'
-import type { Router } from 'vue-router'
-import { useBranchOverlayProcess } from '../watch-branch-overlay'
-import { setupNavigationGuard } from '../navigation-guard-setup'
-import { useInitExtensionsProcess } from 'src/processes/init-installed-extensions'
-import { applyThemeFromStorage } from 'src/shared/lib/utils'
-import { useSessionStore } from 'src/entities/Session'
+import { useDesktopStore } from 'src/entities/Desktop/model';
+import { useSystemStore } from 'src/entities/System/model';
+import { useInitWalletProcess } from 'src/processes/init-wallet';
+import type { Router } from 'vue-router';
+import { useBranchOverlayProcess } from '../watch-branch-overlay';
+import { setupNavigationGuard } from '../navigation-guard-setup';
+import { useInitExtensionsProcess } from 'src/processes/init-installed-extensions';
+import { applyThemeFromStorage } from 'src/shared/lib/utils';
+import { useSessionStore } from 'src/entities/Session';
 
 export async function useInitAppProcess(router: Router) {
-  applyThemeFromStorage()
-  const system = useSystemStore()
-  await system.loadSystemInfo()
+  applyThemeFromStorage();
+  const system = useSystemStore();
+
+  try {
+  await system.loadSystemInfo();
+  } catch (error) {
+    console.warn('Failed to load initial system info, backend might be unavailable:', error);
+    // Продолжаем инициализацию даже при недоступности бэкенда
+  }
+
+  // Запускаем мониторинг системной информации для отслеживания статуса
+  system.startSystemMonitoring();
 
-  const desktops = useDesktopStore()
-  await desktops.healthCheck()
-  await desktops.loadDesktop()
+  const desktops = useDesktopStore();
+
+  try {
+  await desktops.loadDesktop();
+  } catch (error) {
+    console.warn('Failed to load desktop configuration:', error);
+    // Продолжаем инициализацию даже при ошибках загрузки десктопа
+  }
 
   // Регистрируем маршруты рабочего стола до выбора активного рабочего стола
-  desktops.registerWorkspaceMenus(router)
+  desktops.registerWorkspaceMenus(router);
 
-  await useInitWalletProcess().run()
+  await useInitWalletProcess().run();
 
   // Выбираем рабочий стол на основе прав пользователя или сохраненного выбора
   // только если пользователь авторизован
-  const session = useSessionStore()
+  const session = useSessionStore();
   if (session.isAuth) {
-    desktops.selectDefaultWorkspace()
+    desktops.selectDefaultWorkspace();
   }
 
-  useBranchOverlayProcess()
+  useBranchOverlayProcess();
 
-  setupNavigationGuard(router)
+  setupNavigationGuard(router);
 
-  await useInitExtensionsProcess(router)
+  await useInitExtensionsProcess(router);
 }

package/src/processes/init-installed-extensions/index.ts

@@ -1,25 +1,99 @@
-import type { Router } from 'vue-router'
-import { useDesktopStore } from 'src/entities/Desktop/model'
+import type { Router } from 'vue-router';
+import { useDesktopStore } from 'src/entities/Desktop/model';
+import type { IWorkspaceConfig } from 'src/shared/lib/types/workspace';
 
 export async function useInitExtensionsProcess(router: Router) {
-  const store = useDesktopStore()
+  const store = useDesktopStore();
   // Загружаем все модули расширений
-  const modules = import.meta.glob('../../../extensions/**/install.{ts,js}')
+  const modules = import.meta.glob('../../../extensions/**/install.{ts,js}');
 
   for (const path in modules) {
-    const mod = await modules[path]()
+    const mod = await modules[path]();
     if (mod?.default) {
-      // Ожидаем, что расширение возвращает объект { workspace, routes }
-      const result = await mod.default()
-      if (result?.workspace && result?.routes?.length) {
-        // Записываем маршруты в соответствующий workspace
-        store.setRoutes(result.workspace, result.routes)
-        // Регистрируем маршруты в router, добавляя их в базовый родительский маршрут (например, "base")
-        const baseRoute = router.getRoutes().find(r => r.name === 'base')
-        if (baseRoute) {
-          result.routes.forEach((r: any) => router.addRoute('base', r))
+      // Ожидаем, что расширение возвращает массив IWorkspaceConfig[]
+      const result = await mod.default();
+
+      // Поддержка обоих форматов: массив или одиночный объект (для обратной совместимости)
+      const workspaceConfigs: IWorkspaceConfig[] = Array.isArray(result) ? result : [result];
+
+      // Обрабатываем каждый workspace из расширения
+      for (const config of workspaceConfigs) {
+        if (config?.workspace && config?.routes?.length) {
+          // Записываем маршруты в соответствующий workspace
+          store.setRoutes(config.workspace, config.routes as any);
+          // Регистрируем маршруты в router, добавляя их в базовый родительский маршрут
+          const baseRoute = router.getRoutes().find((r) => r.name === 'base');
+          if (baseRoute) {
+            config.routes.forEach((r: any) => router.addRoute('base', r));
+          }
+        }
+      }
+    }
+  }
+}
+
+// Функция для динамической загрузки маршрутов конкретного расширения
+export async function loadExtensionRoutes(
+  extensionName: string,
+  router: Router,
+) {
+  const store = useDesktopStore();
+
+  try {
+    // Получаем все доступные модули расширений
+    const allModules = import.meta.glob(
+      '../../../extensions/**/install.{ts,js}',
+    );
+
+    // Находим путь к модулю нужного расширения
+    const modulePath = Object.keys(allModules).find((path) => {
+      // Извлекаем имя расширения из пути: ../../../extensions/{extensionName}/install.{ts,js}
+      const pathParts = path.split('/');
+      const extName = pathParts[pathParts.length - 2]; // предпоследний элемент - имя папки
+      return extName === extensionName;
+    });
+
+    if (!modulePath) {
+      console.warn(`No module found for extension "${extensionName}"`);
+      return;
+    }
+
+    const module = await allModules[modulePath]();
+    if (module?.default) {
+      const result = await module.default();
+
+      // Поддержка обоих форматов: массив или одиночный объект (для обратной совместимости)
+      const workspaceConfigs: IWorkspaceConfig[] = Array.isArray(result) ? result : [result];
+
+      // Обрабатываем каждый workspace из расширения
+      for (const config of workspaceConfigs) {
+        if (config?.workspace && config?.routes?.length) {
+          // Записываем маршруты в соответствующий workspace
+          store.setRoutes(config.workspace, config.routes as any);
+          // Регистрируем маршруты в router
+          const baseRoute = router.getRoutes().find((r) => r.name === 'base');
+          if (baseRoute) {
+            config.routes.forEach((r: any) => {
+              // Проверяем, не зарегистрирован ли уже маршрут
+              const existingRoute = router
+                .getRoutes()
+                .find((route) => route.name === r.name);
+              if (!existingRoute) {
+                router.addRoute('base', r);
+              }
+            });
+          }
         }
       }
+
+      console.log(
+        `Routes for extension "${extensionName}" loaded successfully (${workspaceConfigs.length} workspace(s))`,
+      );
     }
+  } catch (error) {
+    console.error(
+      `Failed to load routes for extension "${extensionName}":`,
+      error,
+    );
   }
 }

package/src/processes/init-push-notifications/index.ts

@@ -0,0 +1,23 @@
+import { useWebPushNotifications } from 'src/features/WebPushNotifications';
+import { useSessionStore } from 'src/entities/Session';
+
+/**
+ * Процесс инициализации push уведомлений
+ */
+export async function useInitPushNotificationsProcess() {
+  const { initialize, autoSubscribeIfSupported } = useWebPushNotifications();
+  const session = useSessionStore();
+
+  try {
+    // Инициализируем систему push уведомлений
+    await initialize();
+
+    // Если пользователь авторизован, пробуем автоматически подписаться
+    if (session.isAuth) {
+      await autoSubscribeIfSupported();
+    }
+  } catch (error) {
+    console.error('Ошибка инициализации push уведомлений:', error);
+    // Не прерываем загрузку приложения из-за ошибки push уведомлений
+  }
+}