@coopenomics/desktop 2.2.10 → 2025.5.2

package/src/pages/Union/ConnectionAgreement/index.ts

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

package/src/pages/Union/ListOfCooperatives/ui/UnionPageListOfCooperatives.vue

@@ -1,8 +1,141 @@
 <template lang="pug">
-div
-  UnionListOfCooperatives
-</template>
+  div
+    q-table(
+      v-if="coops"
+      ref="tableRef" v-model:expanded="expanded"
+      flat
+      :rows="coops"
+      :columns="columns"
+      :table-colspan="9"
+      row-key="username"
+      :pagination="pagination"
+      virtual-scroll
+      :virtual-scroll-item-size="48"
+      :rows-per-page-options="[10]"
+      :loading="onLoading"
+      :no-data-label="'Нет кооперативов'"
+    ).full-height
+      template(#top)
 
-<script lang="ts" setup>
-import { UnionListOfCooperatives } from 'src/widgets/Union/ListOfCooperatives/ui';
-</script>
+
+      template(#header="props")
+
+        q-tr(:props="props")
+          q-th(auto-width)
+
+          q-th(
+            v-for="col in props.cols"
+            :key="col.name"
+            :props="props"
+          ) {{ col.label }}
+
+      template(#body="props")
+        q-tr(:key="`m_${props.row.username}`" :props="props")
+          q-td(auto-width)
+            q-btn(size="sm" color="primary" round dense :icon="props.expand ? 'remove' : 'add'" @click="props.expand = !props.expand")
+          q-td {{ props.row.username }}
+          q-td {{ props.row.announce }}
+
+          q-td
+            q-badge(v-if="props.row.status === 'active'" color="teal") активен
+            q-badge(v-if="props.row.status === 'pending'" color="orange") на рассмотрении
+            q-badge(v-if="props.row.status === 'blocked'" color="red") заблокирован
+
+          q-td {{ moment(props.row.created_at).format('DD.MM.YY HH:mm:ss') }}
+
+          q-td
+            q-btn-dropdown( label="действия" flat size="sm")
+              q-list
+                q-item(v-if="props.row.status !== 'active'" clickable v-close-popup @click="activate(props.row.username)")
+                  q-item-section
+                    q-item-label Активировать
+                q-item(v-if="props.row.status !== 'blocked'" clickable v-close-popup @click="block(props.row.username)")
+                  q-item-section
+                    q-item-label Заблокировать
+                //- q-item(clickable v-close-popup @click="deleteCoop(props.row.username)")
+                //-   q-item-section
+                //-     q-item-label Удалить
+
+        q-tr(v-show="props.expand" :key="`e_${props.row.username}`" :props="props" class="q-virtual-scroll--with-prev")
+          q-td(colspan="100%")
+            slot(:expand="props.expand" :receiver="props.row.username")
+            ListOfDocumentsWidget(
+              :username="props.row.username"
+              :filter="{data: getDataFilter(props.row.document.hash)}"
+              :expand="true"
+              :documentType="'newsubmitted'"
+            )
+
+  </template>
+  <script setup lang="ts">
+  import { useLoadCooperatives } from 'src/features/Union/LoadCooperatives';
+  const {loadCooperatives} = useLoadCooperatives()
+  import { useUnionStore } from 'src/entities/Union/model';
+  import { computed, ref } from 'vue';
+  import moment from 'moment-with-locales-es6'
+  import { useActivateCooperative } from 'src/features/Union/ActivateCooperative';
+  import { FailAlert, SuccessAlert } from 'src/shared/api/alerts';
+  import { useBlockCooperative } from 'src/features/Union/BlockCooperative';
+  const union = useUnionStore()
+
+  import { ListOfDocumentsWidget } from 'src/widgets/Cooperative/Documents/ListOfDocuments';
+  const getDataFilter = (hash: string) => {
+    return {
+      document: {
+        hash: hash.toUpperCase()
+      }
+    }
+  }
+
+  const coops = computed(() => union.coops)
+
+  loadCooperatives()
+
+  const activate = async (coopname: string) => {
+    const {activateCooperative} = useActivateCooperative()
+
+    try {
+      await activateCooperative(coopname)
+      loadCooperatives()
+      SuccessAlert('Кооператив активирован')
+    } catch(e: any) {
+      FailAlert(e.message)
+    }
+  }
+
+  const block = async (coopname: string) => {
+    const {blockCooperative} = useBlockCooperative()
+
+    try {
+      await blockCooperative(coopname)
+      loadCooperatives()
+      SuccessAlert('Кооператив заблокирован')
+    } catch(e: any) {
+      FailAlert(e.message)
+    }
+  }
+
+
+  const onLoading = ref(false)
+
+  const columns = [
+    { name: 'username', align: 'left', label: 'Аккаунт', field: 'username', sortable: true },
+    { name: 'announce', align: 'left', label: 'Сайт', field: 'announce', sortable: false },
+
+    { name: 'status', align: 'left', label: 'Статус', field: 'status', sortable: true },
+    {
+      name: 'created_at',
+      align: 'left',
+      label: 'Дата заявки',
+      field: 'created_at',
+      sortable: true,
+    },
+    { name: 'actions', align: 'center', label: '', field: 'actions', sortable: false },
+  ] as any
+
+  const expanded = ref([])
+  const tableRef = ref(null)
+  const pagination = ref({ rowsPerPage: 0 })
+
+
+  </script>

package/src/pages/User/DocumentsPage/UserDocumentsPage.vue

@@ -0,0 +1,23 @@
+<template lang="pug">
+q-page.padding
+  ListOfDocumentsWidget(
+    :username="username"
+    :filter="{}"
+    :showFilter="false"
+    :initialDocumentType="typeForToggle"
+  )
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { useSessionStore } from 'src/entities/Session'
+import { ListOfDocumentsWidget } from 'src/widgets/Cooperative/Documents/ListOfDocuments/ui'
+import type { DocumentType } from 'src/entities/Document/model/types'
+
+// Получаем системную информацию
+const session = useSessionStore()
+const username = computed(() => session.username)
+
+// Переменная для отслеживания типа в интерфейсе
+const typeForToggle = ref<DocumentType>('newsubmitted')
+</script>

package/src/pages/User/DocumentsPage/index.ts

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

package/src/pages/User/PaymentsPage/ui/UserPayments.vue

@@ -0,0 +1,11 @@
+<template lang="pug">
+ListOfPaymentsWidget(:username="username" :hideActions="true")
+</template>
+
+<script lang="ts" setup>
+import { ListOfPaymentsWidget } from 'src/widgets/Cooperative/Payments';
+import { useSessionStore } from 'src/entities/Session';
+
+const session = useSessionStore();
+const username = session.username;
+</script>

package/src/pages/User/PaymentsPage/ui/index.ts

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

package/src/pages/User/ProfilePage/index.ts

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

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

@@ -0,0 +1,114 @@
+<template lang="pug">
+div.q-pa-md
+  div.row
+    div.col-md-12.col-xs-12
+      q-card(flat class="card-container q-pa-md")
+        div.row
+          div.col-12.col-md-3.flex.justify-center.align-start
+            AutoAvatar(class="profile-avatar" :username="currentUser.userAccount?.username || 'user'")
+
+          div.col-12.col-md-9
+            div.row
+              div.col-12.info-card
+                div.row.q-mb-md
+                  div.col-12
+                    div.text-h4.q-mb-xs
+                      span(v-if="isIP").q-mr-sm ИП
+                      | {{displayName}}
+                    q-badge(color="primary" class="user-role") {{role}}
+
+
+
+                CopyableInput(
+                  label="Имя аккаунта"
+                  standout="bg-teal text-white"
+                  dense
+                  :model-value="currentUser.userAccount?.username || ''"
+                  input-class="q-mt-md"
+                ).q-mb-md
+
+                EditableIndividualCard(
+                  v-if="userType === 'individual' && individualProfile"
+                  :participantData="individualProfile"
+                  :readonly="true"
+                )
+                EditableEntrepreneurCard(
+                  v-if="userType === 'entrepreneur' && entrepreneurProfile"
+                  :participantData="entrepreneurProfile"
+                  :readonly="true"
+                )
+                EditableOrganizationCard(
+                  v-if="userType === 'organization' && organizationProfile"
+                  :participantData="organizationProfile"
+                  :readonly="true"
+                )
+</template>
+
+<script lang="ts" setup>
+import { AutoAvatar } from 'src/shared/ui/AutoAvatar';
+import { useCurrentUserStore } from 'src/entities/User';
+import type { IEntrepreneurData, IIndividualData, IOrganizationData } from 'src/shared/lib/types/user/IUserData';
+import { computed } from 'vue';
+import { EditableIndividualCard } from 'src/shared/ui/EditableIndividualCard';
+import { EditableEntrepreneurCard } from 'src/shared/ui/EditableEntrepreneurCard';
+import { EditableOrganizationCard } from 'src/shared/ui/EditableOrganizationCard';
+import { useDisplayName } from 'src/shared/lib/composables/useDisplayName';
+import { CopyableInput } from 'src/shared/ui/CopyableInput';
+import 'src/shared/ui/CardStyles/index.scss';
+
+const currentUser = useCurrentUserStore();
+
+const userType = computed(() => currentUser.userAccount?.type);
+
+const userProfile = computed(() => {
+  return currentUser.userAccount?.private_data as IEntrepreneurData | IIndividualData | IOrganizationData | null;
+});
+
+const individualProfile = computed(() => {
+  if (userType.value === 'individual') {
+    return userProfile.value as IIndividualData;
+  }
+  return null;
+});
+
+const entrepreneurProfile = computed(() => {
+  if (userType.value === 'entrepreneur') {
+    return userProfile.value as IEntrepreneurData;
+  }
+  return null;
+});
+
+const organizationProfile = computed(() => {
+  if (userType.value === 'organization') {
+    return userProfile.value as IOrganizationData;
+  }
+  return null;
+});
+
+const { displayName, isIP } = useDisplayName(userProfile.value);
+
+const role = computed(() => {
+  if (currentUser.userAccount?.role === 'user')
+    return 'Пайщик';
+  else if (currentUser.userAccount?.role === 'member')
+    return 'Член совета';
+  else if (currentUser.userAccount?.role === 'chairman')
+    return 'Председатель совета';
+  else return '';
+});
+
+</script>
+
+<style lang="scss" scoped>
+.profile-avatar {
+  width: 180px;
+  height: 180px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.user-role {
+  font-size: 14px;
+  padding: 4px 8px;
+}
+</style>

package/src/pages/User/ProfilePage/ui/index.ts

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

package/src/pages/User/SettingsPage/ui/index.ts

@@ -1 +1 @@
-export {default as UserSettingsPage} from './UserSettingsPage.vue'
+export { default as UserSettingsPage } from './UserSettingsPage.vue'

package/src/pages/User/WalletPage/index.ts

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

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

@@ -0,0 +1,72 @@
+<template lang="pug">
+div.q-pa-md
+  div.row
+    div.col-md-12.col-xs-12
+      q-card(flat class="card-container q-pa-md")
+        div.row.items-center.q-mb-md
+          div.col-12
+            div.text-h4.q-mb-xs Кошелёк
+            q-badge(color="primary" class="user-role") {{ role }}
+
+        div.row.q-mb-md
+          div.col-12
+            div.info-card
+              div.card-title Неснижаемый остаток
+              div.card-label Заблокировано
+              div.card-value {{ currentUser.participantAccount?.minimum_amount || '0' }}
+
+        div.row
+          div.col-12
+            div.text-h6.q-mb-sm Целевые Программы
+
+        div.row
+          div.col-6.q-pr-sm
+            DepositButton.full-width.card-action-btn
+          div.col-6.q-pl-sm
+            WithdrawButton.full-width.card-action-btn
+
+        div.row.q-mb-md
+          div.col-12
+            div
+              div.info-card.hover(v-for="program_wallet of walletStore.program_wallets" :key="program_wallet.id")
+                div.card-title {{ program_wallet.program_details.title }}
+                div.row
+                  div.col-6
+                    div.card-label Доступно
+                    div.card-value {{program_wallet.available || '0'}}
+                  div.col-6
+                    div.card-label Заблокировано
+                    div.card-value {{program_wallet.blocked || '0'}}
+
+</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 { useCurrentUserStore } from 'src/entities/User';
+import { computed } from 'vue';
+import 'src/shared/ui/CardStyles/index.scss';
+
+const walletStore = useWalletStore();
+const currentUser = useCurrentUserStore();
+
+
+
+const role = computed(() => {
+  if (currentUser.userAccount?.role === 'user')
+    return 'Пайщик';
+  else if (currentUser.userAccount?.role === 'member')
+    return 'Член совета';
+  else if (currentUser.userAccount?.role === 'chairman')
+    return 'Председатель совета';
+  else return '';
+});
+</script>
+
+<style lang="scss" scoped>
+.user-role {
+  font-size: 14px;
+  padding: 4px 8px;
+}
+</style>

package/src/pages/User/WalletPage/ui/index.ts

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

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

@@ -0,0 +1,28 @@
+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'
+
+export async function useInitAppProcess(router: Router) {
+  const system = useSystemStore()
+  await system.loadSystemInfo()
+
+  const desktops = useDesktopStore()
+  await desktops.healthCheck()
+  await desktops.loadDesktop()
+
+  // Выбираем активный рабочий стол (например, participant)
+  desktops.selectWorkspace('participant')
+
+  useBranchOverlayProcess()
+  await useInitWalletProcess().run()
+
+  // Регистрируем маршруты рабочего стола
+  desktops.registerWorkspaceMenus(router)
+  setupNavigationGuard(router)
+
+  await useInitExtensionsProcess(router)
+}

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

@@ -0,0 +1,25 @@
+import type { Router } from 'vue-router'
+import { useDesktopStore } from 'src/entities/Desktop/model'
+
+export async function useInitExtensionsProcess(router: Router) {
+  const store = useDesktopStore()
+  // Загружаем все модули расширений
+  const modules = import.meta.glob('../../../extensions/**/install.{ts,js}')
+
+  for (const path in modules) {
+    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))
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,40 @@
+// processes/init-wallet/index.ts
+import { useSessionStore } from 'src/entities/Session'
+import { useCurrentUserStore } from 'src/entities/User'
+import { useWalletStore } from 'src/entities/Wallet'
+import { useSystemStore } from 'src/entities/System/model'
+import { useAccountStore } from 'src/entities/Account/model'
+
+export function useInitWalletProcess() {
+  const session = useSessionStore()
+  const user = useCurrentUserStore()
+  const wallet = useWalletStore()
+  const { info } = useSystemStore()
+  const account = useAccountStore()
+
+  const run = async () => {
+    await session.init()
+
+    if (!session.isAuth) return
+
+    try {
+      await account.getAccount(session.username)
+
+      await user.loadProfile(session.username, info.coopname)
+
+      await wallet.loadUserWallet({
+        coopname: info.coopname,
+        username: session.username,
+      })
+
+      session.loadComplete = true
+    } catch (e) {
+      console.error(e)
+    }
+
+    // фоновая проверка каждые 10 сек
+    setTimeout(run, 10_000)
+  }
+
+  return { run }
+}

package/src/processes/navigation-guard-setup/index.ts

@@ -0,0 +1,45 @@
+import { Router } from 'vue-router'
+import { useSessionStore } from 'src/entities/Session'
+import { useCurrentUserStore } from 'src/entities/User'
+import { useDesktopStore } from 'src/entities/Desktop/model'
+import { useSystemStore } from 'src/entities/System/model'
+
+function hasAccess(to, userAccount) {
+  if (!to.meta?.roles || to.meta?.roles.length === 0) return true
+  return userAccount && to.meta?.roles.includes(userAccount.role)
+}
+
+export function setupNavigationGuard(router: Router) {
+  const desktops = useDesktopStore()
+  const session = useSessionStore()
+  const currentUser = useCurrentUserStore()
+  const { info } = useSystemStore()
+
+  router.beforeEach(async (to, from, next) => {
+    await desktops.healthCheck()
+
+    // если требуется установка
+    if (desktops.health?.status === 'install' && to.name !== 'install') {
+      next({ name: 'install', params: { coopname: info.coopname } })
+      return
+    }
+
+    // редирект с index
+    if (to.name === 'index') {
+      const homePage =
+        session.isAuth && currentUser.isRegistrationComplete
+          ? desktops.currentDesktop?.authorizedHome
+          : desktops.currentDesktop?.nonAuthorizedHome
+
+      next({ name: homePage, params: { coopname: info.coopname } })
+      return
+    }
+
+    // проверка по ролям
+    if (hasAccess(to, currentUser.userAccount)) {
+      next()
+    } else {
+      next({ name: 'permissionDenied' })
+    }
+  })
+}