@coopenomics/desktop 2.2.10 → 2025.5.2

package/src/widgets/Meets/MeetDetailsVoting/model.ts

@@ -0,0 +1,117 @@
+import { computed, type Ref } from 'vue'
+import type { IMeet } from 'src/entities/Meet'
+import { useMeetStore } from 'src/entities/Meet'
+import { useSessionStore } from 'src/entities/Session'
+import { FailAlert, SuccessAlert } from 'src/shared/api'
+import { voteOnMeet, type IVoteOnMeetInput } from 'src/features/Meet/VoteOnMeet'
+import { generateBallot } from 'src/features/Meet/GenerateBallot'
+import { useSignDocument } from 'src/shared/lib/document'
+import moment from 'moment-with-locales-es6'
+
+moment.locale('ru')
+
+export const useMeetDetailsVoting = (
+  meet: IMeet,
+  coopname: string,
+  meetHash: string,
+  votes: Ref<Record<number, 'for' | 'against' | 'abstained'>>,
+  isVoting: Ref<boolean>
+) => {
+  const meetStore = useMeetStore()
+  const sessionStore = useSessionStore()
+  const { signDocument } = useSignDocument()
+
+  const meetAgendaItems = computed(() => {
+    if (!meet) return []
+    return meet.processing?.questions || []
+  })
+
+  const canVote = computed(() => {
+    if (!meet?.processing?.meet) return false
+
+    const isAuthorized = meet.processing.meet.status === 'authorized'
+    
+    const now = moment()
+    const openAt = moment(meet.processing.meet.open_at)
+    const closeAt = moment(meet.processing.meet.close_at)
+    
+    const isWithinTimeframe = now.isAfter(openAt) && now.isBefore(closeAt)
+
+    return isAuthorized && isWithinTimeframe
+  })
+
+  const allVotesSelected = computed(() => {
+    if (!meetAgendaItems.value.length) return false
+    return meetAgendaItems.value.every((_, index) => votes.value[index] !== undefined)
+  })
+
+  const isVotingNotStarted = computed(() => {
+    if (!meet?.processing?.meet?.open_at) return false
+    const now = moment()
+    const openAt = moment(meet.processing.meet.open_at)
+    return now.isBefore(openAt)
+  })
+
+  const isVotingEnded = computed(() => {
+    if (!meet?.processing?.meet?.close_at) return false
+    const now = moment()
+    const closeAt = moment(meet.processing.meet.close_at)
+    return now.isAfter(closeAt)
+  })
+
+  const formattedOpenDate = computed(() => {
+    if (!meet?.processing?.meet?.open_at) return ''
+    return moment(meet.processing.meet.open_at).format('DD.MM.YYYY HH:mm')
+  })
+
+  const formattedCloseDate = computed(() => {
+    if (!meet?.processing?.meet?.close_at) return ''
+    return moment(meet.processing.meet.close_at).format('DD.MM.YYYY HH:mm')
+  })
+
+  const submitVote = async () => {
+    if (!meet || !allVotesSelected.value || !canVote.value) return
+
+    isVoting.value = true
+    try {
+      const votesData = meetAgendaItems.value.map((item, index) => ({
+        question_id: item.id,
+        vote: votes.value[index]
+      }))
+
+      const generatedBallot = await generateBallot({
+        coopname,
+        username: sessionStore.username,
+      })
+
+      const signedBallot = await signDocument(generatedBallot)
+
+      const vote: IVoteOnMeetInput = {
+        coopname,
+        hash: meetHash,
+        ballot: signedBallot,
+        username: sessionStore.username,
+        votes: votesData
+      }
+
+      await voteOnMeet(vote)
+      SuccessAlert('Ваш голос успешно отправлен')
+      await meetStore.loadMeet({ coopname, hash: meetHash })
+    } catch (error: any) {
+      FailAlert(error)
+    } finally {
+      isVoting.value = false
+    }
+  }
+
+  return {
+    canVote,
+    meetAgendaItems,
+    allVotesSelected,
+    isVotingNotStarted,
+    isVotingEnded,
+    formattedOpenDate,
+    formattedCloseDate,
+    submitVote
+  }
+} 

package/src/widgets/Meets/MeetInfoCard/ui/MeetInfoCard.vue

@@ -0,0 +1,38 @@
+<template lang="pug">
+div.row.q-pa-md
+  div.col-12
+    q-card(flat)
+      q-card-section
+        div.text-h6 Информация о собрании
+        div.q-mt-sm
+          div.row
+            div.col-2.text-weight-bold Статус:
+            div.col {{ meet.processing?.meet?.status }}
+
+          div.row
+            div.col-2.text-weight-bold Инициатор:
+            div.col {{ meet.processing?.meet?.initiator }}
+          div.row
+            div.col-2.text-weight-bold Председатель:
+            div.col {{ meet.processing?.meet?.presider }}
+          div.row
+            div.col-2.text-weight-bold Секретарь:
+            div.col {{ meet.processing?.meet?.secretary }}
+          div.row
+            div.col-2.text-weight-bold Кворум:
+            div.col {{ meet.processing?.meet?.quorum_percent }}%
+          div.row
+            div.col-2.text-weight-bold Текущий кворум:
+            div.col {{ meet.processing?.meet?.current_quorum_percent }}%
+          div.row
+            div.col-2.text-weight-bold Кворум достигнут:
+            div.col {{ meet.processing?.meet?.quorum_passed ? 'Да' : 'Нет' }}
+</template>
+
+<script setup lang="ts">
+import type { IMeet } from 'src/entities/Meet'
+
+defineProps<{
+  meet: IMeet
+}>()
+</script>

package/src/widgets/Meets/MeetInfoCard/ui/index.ts

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

package/src/widgets/Meets/MeetsTable/ui/MeetsTable.vue

@@ -0,0 +1,118 @@
+<template lang="pug">
+
+q-table(
+  ref="tableRef"
+  flat
+  :grid="isMobile"
+  :rows="meets"
+  :columns="columns"
+  :pagination="pagination"
+  virtual-scroll
+  :virtual-scroll-item-size="48"
+  :rows-per-page-options="[10]"
+  :loading='loading'
+  :no-data-label="'Собрания не найдены'"
+).full-height
+  template(#header="props")
+    q-tr(:props="props")
+      q-th(
+        v-for="col in props.cols"
+        :key="col.name"
+        :props="props"
+      ) {{ col.label }}
+
+  template(#body="props")
+    q-tr(:key="`m_${props.row?.hash}`" :props="props")
+      q-td {{ props.row.hash.substring(0, 10) }}
+      q-td {{ props.row.processing?.meet?.type }}
+      q-td {{ props.row.processing?.meet?.status }}
+      q-td {{ formatDate(props.row.processing?.meet?.open_at) }}
+      q-td {{ formatDate(props.row.processing?.meet?.close_at) }}
+      q-td
+        q-btn(
+          v-if="canVote(props.row)"
+          size="sm"
+          color="primary"
+          icon="fa-solid fa-check-to-slot"
+          flat
+          @click="() => $emit('vote', props.row)"
+        ) Голосовать
+        q-btn(
+          v-if="canVote(props.row)"
+          size="sm"
+          color="secondary"
+          icon="fa-solid fa-eye"
+          flat
+          @click="() => $emit('view', props.row)"
+        ) Участвовать
+        q-btn(
+          size="sm"
+          color="accent"
+          icon="fa-solid fa-arrow-right"
+          flat
+          @click="navigateToMeetDetails(props.row)"
+        ) Подробнее
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { date } from 'quasar'
+import type { IMeet } from 'src/entities/Meet'
+import type { QTableColumn } from 'quasar'
+import { useRouter } from 'vue-router'
+import { useWindowSize } from 'src/shared/hooks'
+import { useDesktopStore } from 'src/entities/Desktop/model'
+
+defineProps<{
+  meets: IMeet[],
+  loading: boolean
+}>()
+
+defineEmits<{
+  (e: 'vote', meet: IMeet): void
+  (e: 'view', meet: IMeet): void
+}>()
+
+const router = useRouter()
+const { isMobile } = useWindowSize()
+const desktop = useDesktopStore()
+
+// Колонки для таблицы
+const columns: QTableColumn<IMeet>[] = [
+  { name: 'hash', align: 'left', label: 'ID', field: (row: IMeet) => row.hash, sortable: true },
+  { name: 'type', align: 'left', label: 'Тип', field: (row: IMeet) => row.processing?.meet?.type, sortable: true },
+  { name: 'status', align: 'left', label: 'Статус', field: (row: IMeet) => row.processing?.meet?.status, sortable: true },
+  { name: 'open_at', align: 'left', label: 'Дата открытия', field: (row: IMeet) => row.processing?.meet?.open_at, sortable: true },
+  { name: 'close_at', align: 'left', label: 'Дата закрытия', field: (row: IMeet) => row.processing?.meet?.close_at, sortable: true },
+  { name: 'actions', align: 'left', label: 'Действия', field: () => '', sortable: false },
+]
+
+const tableRef = ref(null)
+const pagination = ref({ rowsPerPage: 10 })
+
+// Форматирование даты
+const formatDate = (dateString: string) => {
+  if (!dateString) return '';
+  return date.formatDate(dateString, 'DD.MM.YYYY HH:mm')
+}
+
+const canVote = (meet: IMeet) => {
+  return meet.processing?.meet?.status === 'open'
+}
+
+// Определение текущего воркспейса и подходящего маршрута для деталей собрания
+const navigateToMeetDetails = (meet: IMeet) => {
+  const currentWorkspace = desktop.activeWorkspaceName
+  const isSoviet = currentWorkspace === 'soviet'
+  
+  const routeName = isSoviet ? 'meet-details' : 'user-meet-details'
+  
+  router.push({ 
+    name: routeName, 
+    params: { 
+      hash: meet.hash,
+      coopname: router.currentRoute.value.params.coopname
+    } 
+  })
+}
+</script>

package/src/widgets/Meets/MeetsTable/ui/index.ts

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

package/src/widgets/Participants/index.ts

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

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

@@ -0,0 +1,89 @@
+<template lang="pug">
+div.q-pa-xs.col-xs-12.col-sm-6.col-md-4.col-lg-3.q-mt-md
+  q-card.full-height
+    q-card-section
+      div.text-h6 {{ getName(participant) }}
+      q-separator.q-my-md
+      div
+        div.text-caption Е-почта:
+        div.text-subtitle1.q-mb-xs {{ participant.provider_account?.email || 'Не указана' }}
+        div.text-caption Аккаунт:
+        div.text-subtitle1.q-mb-xs {{ participant.username }}
+        div.text-caption Зарегистрирован:
+        div.text-subtitle1 {{ formatDate(participant.blockchain_account?.created) }}
+    q-card-actions(align="right")
+      q-btn(
+        color="primary"
+        :icon="isExpanded ? 'remove' : 'add'"
+        label="Подробнее"
+        @click="toggleExpand"
+      )
+    q-slide-transition
+      div.q-pa-md(v-if="isExpanded")
+        q-separator
+        ParticipantDetails(
+          :participant="participant"
+          :tab-name="currentTab"
+          @update="onUpdate"
+        )
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import moment from 'moment-with-locales-es6'
+import ParticipantDetails from './ParticipantDetails.vue'
+import {
+  AccountTypes,
+  type IAccount,
+  type IIndividualData,
+  type IOrganizationData,
+  type IEntrepreneurData
+} from 'src/entities/Account/types'
+
+// Props
+const props = defineProps<{
+  participant: IAccount
+  expanded: Map<string, boolean>
+}>()
+
+// Emits
+const emit = defineEmits<{
+  (e: 'toggle-expand', id: string): void
+  (e: 'update', account: IAccount, newData: IIndividualData | IOrganizationData | IEntrepreneurData): void
+}>()
+
+// Локальное состояние
+const currentTab = ref('info')
+
+// Computed
+const isExpanded = computed(() => props.expanded.get(props.participant.username))
+
+// Функция для получения имени участника
+const getName = (account: IAccount) => {
+  const d = account.private_account
+  if (!d) return ''
+  switch (d.type) {
+    case AccountTypes.Individual:
+      return `${d.individual_data?.last_name} ${d.individual_data?.first_name} ${d.individual_data?.middle_name}`
+    case AccountTypes.Entrepreneur:
+      return `ИП ${d.entrepreneur_data?.last_name} ${d.entrepreneur_data?.first_name} ${d.entrepreneur_data?.middle_name}`
+    case AccountTypes.Organization:
+      return d.organization_data?.short_name
+    default:
+      return ''
+  }
+}
+
+// Форматирование даты
+const formatDate = (date?: string) =>
+  date ? moment(date).format('DD.MM.YY HH:mm:ss') : ''
+
+// События
+const toggleExpand = () => {
+  emit('toggle-expand', props.participant.username)
+}
+
+const onUpdate = (newData: IIndividualData | IOrganizationData | IEntrepreneurData) => {
+  emit('update', props.participant, newData)
+}
+</script>

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

@@ -0,0 +1,79 @@
+<template lang="pug">
+div
+  q-tabs.compact-tabs(
+    v-model="currentTab"
+    align="justify"
+    stretch
+    dense
+    indicator-color="black"
+  )
+    q-tab(name="info" label="Данные" class="bg-primary text-white compact-tab")
+    q-tab(name="document" label="Документы" class="bg-primary text-white compact-tab")
+
+  q-tab-panels.q-mt-sm.tab-panels-card(v-model="currentTab" animated)
+    q-tab-panel.q-pa-none(name="info")
+      component(:is="useComponent(participant)" :participantData="usePrivateData(participant)" @update="onUpdate")
+
+    q-tab-panel.q-pa-none(name="document")
+      ListOfDocumentsWidget(:username="participant.username" :filter="{}")
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import { EditableEntrepreneurCard } from 'src/shared/ui/EditableEntrepreneurCard'
+import { EditableIndividualCard } from 'src/shared/ui/EditableIndividualCard'
+import { EditableOrganizationCard } from 'src/shared/ui/EditableOrganizationCard'
+import { ListOfDocumentsWidget } from 'src/widgets/Cooperative/Documents/ListOfDocuments'
+import 'src/shared/ui/TabStyles/index.scss'
+import {
+  AccountTypes,
+  type IAccount,
+  type IIndividualData,
+  type IOrganizationData,
+  type IEntrepreneurData
+} from 'src/entities/Account/types'
+
+// Props
+const props = defineProps<{
+  participant: IAccount
+  tabName?: string
+}>()
+
+// Emits
+const emit = defineEmits<{
+  (e: 'update', newData: IIndividualData | IOrganizationData | IEntrepreneurData): void
+}>()
+
+// Локальное состояние
+const currentTab = ref(props.tabName || 'info')
+
+// Отслеживание изменения tabName в props
+watch(() => props.tabName, (newVal) => {
+  if (newVal) {
+    currentTab.value = newVal
+  }
+})
+
+// Компонент для редактирования данных
+const useComponent = (account: IAccount) => {
+  switch (account.private_account?.type) {
+    case AccountTypes.Individual: return EditableIndividualCard
+    case AccountTypes.Entrepreneur: return EditableEntrepreneurCard
+    case AccountTypes.Organization: return EditableOrganizationCard
+  }
+}
+
+// Получение данных участника
+const usePrivateData = (account: IAccount) => {
+  switch (account.private_account?.type) {
+    case AccountTypes.Individual: return account.private_account.individual_data
+    case AccountTypes.Entrepreneur: return account.private_account.entrepreneur_data
+    case AccountTypes.Organization: return account.private_account.organization_data
+  }
+}
+
+// События
+const onUpdate = (newData: IIndividualData | IOrganizationData | IEntrepreneurData) => {
+  emit('update', newData)
+}
+</script>

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

@@ -0,0 +1,129 @@
+<template lang="pug">
+q-table(
+  flat
+  :grid="isMobile"
+  :rows="accounts"
+  :columns="columns"
+  row-key="username"
+  :pagination="pagination"
+  virtual-scroll
+  :virtual-scroll-item-size="48"
+  :rows-per-page-options="[10]"
+  :loading="loading"
+  :no-data-label="'У кооператива нет пайщиков'"
+).full-height
+  template(#top)
+    slot(name="top")
+
+  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="expanded.get(props.row.username) ? 'remove' : 'add'"
+          @click="onToggleExpand(props.row.username)"
+        )
+      q-td(style="max-width: 150px; word-wrap: break-word; white-space: normal;") {{ getName(props.row) }}
+      q-td {{ props.row.provider_account?.email }}
+      q-td {{ props.row.username }}
+      q-td {{ formatDate(props.row.blockchain_account?.created) }}
+    q-tr(
+      v-if="expanded.get(props.row.username)"
+      :key="`e_${props.row.username}`"
+      :props="props"
+      class="q-virtual-scroll--with-prev"
+    )
+      q-td(colspan="100%")
+        ParticipantDetails(
+          :participant="props.row"
+          :tab-name="currentTab[props.row.username]"
+          @update="newData => onUpdate(props.row, newData)"
+        )
+
+  template(#item="props")
+    ParticipantCard(
+      :participant="props.row"
+      :expanded="expanded"
+      @toggle-expand="onToggleExpand"
+      @update="onUpdate"
+    )
+</template>
+
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import { useWindowSize } from 'src/shared/hooks'
+import moment from 'moment-with-locales-es6'
+import { ParticipantCard, ParticipantDetails } from '.'
+import {
+  AccountTypes,
+  type IAccount,
+  type IIndividualData,
+  type IOrganizationData,
+  type IEntrepreneurData
+} from 'src/entities/Account/types'
+
+// Props
+defineProps<{
+  accounts: IAccount[]
+  loading: boolean
+}>()
+
+// Emits
+const emit = defineEmits<{
+  (e: 'toggle-expand', id: string): void
+  (e: 'update', account: IAccount, newData: IIndividualData | IOrganizationData | IEntrepreneurData): void
+}>()
+
+// Локальное состояние
+const expanded = reactive(new Map<string, boolean>())
+const currentTab = reactive<Record<string, string>>({})
+const pagination = ref({ rowsPerPage: 10 })
+const { isMobile } = useWindowSize()
+
+// Колонки таблицы
+const columns: any[] = [
+  { name: 'name', align: 'left', label: 'ФИО / Наименование', field: 'name', sortable: true },
+  { name: 'email', align: 'left', label: 'Е-почта', field: 'email', sortable: true },
+  { name: 'username', align: 'left', label: 'Аккаунт', field: 'username', sortable: true },
+  { name: 'created_at', align: 'left', label: 'Зарегистрирован', field: 'created_at', sortable: true },
+]
+
+// Функция для получения имени участника
+const getName = (account: IAccount) => {
+  const d = account.private_account
+  if (!d) return ''
+  switch (d.type) {
+    case AccountTypes.Individual:
+      return `${d.individual_data?.last_name} ${d.individual_data?.first_name} ${d.individual_data?.middle_name}`
+    case AccountTypes.Entrepreneur:
+      return `ИП ${d.entrepreneur_data?.last_name} ${d.entrepreneur_data?.first_name} ${d.entrepreneur_data?.middle_name}`
+    case AccountTypes.Organization:
+      return d.organization_data?.short_name
+    default:
+      return ''
+  }
+}
+
+// Форматирование даты
+const formatDate = (date?: string) =>
+  date ? moment(date).format('DD.MM.YY HH:mm:ss') : ''
+
+// События
+const onToggleExpand = (id: string) => {
+  expanded.set(id, !expanded.get(id))
+  if (!currentTab[id]) currentTab[id] = 'info'
+  emit('toggle-expand', id)
+}
+
+const onUpdate = (account: IAccount, newData: IIndividualData | IOrganizationData | IEntrepreneurData) => {
+  emit('update', account, newData)
+}
+</script>

package/src/widgets/Participants/ui/index.ts

@@ -0,0 +1,4 @@
+export { default as ParticipantsTable } from './ParticipantsTable.vue'
+export { default as ParticipantCard } from './ParticipantCard.vue'
+export { default as ParticipantDetails } from './ParticipantDetails.vue'
+

package/src/widgets/Questions/index.ts

@@ -0,0 +1,3 @@
+export { QuestionsTable } from './ui/QuestionsTable'
+export { QuestionCard } from './ui/QuestionCard'
+export { VotingButtons } from './ui/VotingButtons'