@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/extensions/capital/pages/ProjectsListPage/ui/ProjectsListPage.vue

@@ -0,0 +1,204 @@
+<template lang="pug">
+div
+  q-card(flat)
+    div
+      // Виджет фильтрации
+      ListFilterWidget.mb-4(
+        @filters-changed='handleFiltersChanged'
+      )
+
+      // Виджет списка проектов
+      ProjectsListWidget(
+        :key='projectsListKey',
+        :expanded='expanded',
+        :has-issues-with-statuses='hasIssuesWithStatuses',
+        :has-issues-with-priorities='hasIssuesWithPriorities',
+        :has-issues-with-creators='hasIssuesWithCreators',
+        :master='master',
+        @toggle-expand='handleProjectToggleExpand',
+        @data-loaded='handleProjectsDataLoaded',
+        @open-project='handleOpenProject'
+        @pagination-changed='handlePaginationChanged'
+      )
+        template(#project-content='{ project }')
+          ComponentsListWidget(
+            :components='project.components',
+            :expanded='expandedComponents',
+            @open-component='(componentHash) => router.push({ name: "component-description", params: { project_hash: componentHash }, query: { _backRoute: "projects-list" } })',
+            @toggle-component='handleComponentToggle'
+          )
+            template(#component-content='{ component }')
+              IssuesListWidget(
+                :project-hash='component.project_hash',
+                :statuses='componentStatuses',
+                :priorities='componentPriorities',
+                :creators='componentCreators',
+                :master='componentMaster',
+                @issue-click='(issue) => router.push({ name: "component-issue", params: { project_hash: issue.project_hash, issue_hash: issue.issue_hash }, query: { _backRoute: "projects-list" } })'
+              )
+
+  // Floating Action Button для создания проекта
+  Fab(v-if='currentUser.isChairman || currentUser.isMember')
+    template(#actions)
+      CreateProjectFabAction
+</template>
+
+<script lang="ts" setup>
+import { onMounted, onBeforeUnmount, ref } from 'vue';
+import { useRouter } from 'vue-router';
+import { useExpandableState, useDataPoller } from 'src/shared/lib/composables';
+import { POLL_INTERVALS } from 'src/shared/lib/consts';
+import 'src/shared/ui/TitleStyles';
+import { Fab } from 'src/shared/ui';
+import { CreateProjectFabAction } from 'app/extensions/capital/features/Project/CreateProject';
+import { ProjectsListWidget, ComponentsListWidget, IssuesListWidget, ListFilterWidget } from 'app/extensions/capital/widgets';
+import { useProjectFilters } from 'app/extensions/capital/widgets/ListFilterWidget/useProjectFilters';
+import { useCurrentUser } from 'src/entities/Session';
+import { useProjectStore } from 'app/extensions/capital/entities/Project/model';
+
+const router = useRouter();
+const currentUser = useCurrentUser();
+const projectStore = useProjectStore();
+
+// Используем композабл для управления фильтрами
+const {
+  hasIssuesWithStatuses,
+  hasIssuesWithPriorities,
+  hasIssuesWithCreators,
+  master,
+  componentStatuses,
+  componentPriorities,
+  componentCreators,
+  componentMaster,
+  projectsListKey,
+  handleFiltersChanged,
+} = useProjectFilters();
+
+// Ключи для сохранения состояния в LocalStorage
+const PROJECTS_EXPANDED_KEY = 'capital_projects_expanded';
+const COMPONENTS_EXPANDED_KEY = 'capital_project_components_expanded';
+
+// Управление развернутостью проектов
+const {
+  expanded,
+  loadExpandedState: loadProjectsExpandedState,
+  cleanupExpandedByKeys: cleanupProjectsExpanded,
+  toggleExpanded: toggleProjectExpanded,
+} = useExpandableState(PROJECTS_EXPANDED_KEY);
+
+// Управление развернутостью компонентов
+const {
+  expanded: expandedComponents,
+  loadExpandedState: loadComponentsExpandedState,
+  toggleExpanded: toggleComponentExpanded,
+} = useExpandableState(COMPONENTS_EXPANDED_KEY);
+
+// Состояние для подсчета общего количества элементов
+const totalProjectsCount = ref(0);
+const totalComponentsCount = ref(0);
+
+// Текущее состояние пагинации для poll обновлений
+const currentPage = ref(1);
+const currentRowsPerPage = ref(25);
+const currentSortBy = ref('_created_at');
+const currentDescending = ref(true);
+
+// Количество компонентов теперь подсчитывается в handleProjectsDataLoaded
+
+
+const handleProjectToggleExpand = (projectHash: string) => {
+  toggleProjectExpanded(projectHash);
+};
+
+const handleComponentToggle = (componentHash: string) => {
+  toggleComponentExpanded(componentHash);
+};
+
+const handleOpenProject = (projectHash: string) => {
+  router.push({ name: 'project-description', params: { project_hash: projectHash }, query: { _backRoute: 'projects-list' } });
+};
+
+const handleProjectsDataLoaded = (projectHashes: string[], totalComponents?: number) => {
+  // Очищаем устаревшие записи expanded проектов после загрузки данных
+  cleanupProjectsExpanded(projectHashes);
+
+  // Сохраняем количество проектов для indeterminate логики
+  totalProjectsCount.value = projectHashes.length;
+
+  // Сохраняем общее количество компонентов
+  if (totalComponents !== undefined) {
+    totalComponentsCount.value = totalComponents;
+  }
+};
+
+const handlePaginationChanged = (paginationData: { page: number; rowsPerPage: number; sortBy: string; descending: boolean }) => {
+  // Сохраняем текущую пагинацию для poll обновлений
+  currentPage.value = paginationData.page;
+  currentRowsPerPage.value = paginationData.rowsPerPage;
+  currentSortBy.value = paginationData.sortBy;
+  currentDescending.value = paginationData.descending;
+};
+
+/**
+ * Функция для перезагрузки данных проектов с текущими фильтрами
+ * Используется для poll обновлений
+ */
+const reloadProjects = async () => {
+  try {
+    const filter: any = {
+      coopname: '',
+      parent_hash: '',
+    };
+
+    // Добавляем текущие фильтры
+    if (hasIssuesWithStatuses.value?.length) {
+      filter.has_issues_with_statuses = hasIssuesWithStatuses.value;
+    }
+    if (hasIssuesWithPriorities.value?.length) {
+      filter.has_issues_with_priorities = hasIssuesWithPriorities.value;
+    }
+    if (master.value) {
+      filter.master = master.value;
+    }
+
+    await projectStore.loadProjects({
+      filter,
+      pagination: {
+        page: currentPage.value,
+        limit: currentRowsPerPage.value,
+        sortBy: currentSortBy.value,
+        descending: currentDescending.value,
+      },
+    });
+  } catch (error) {
+    console.warn('Ошибка при перезагрузке проектов в poll:', error);
+  }
+};
+
+// Настраиваем poll обновление данных
+const { start: startProjectsPoll, stop: stopProjectsPoll } = useDataPoller(
+  reloadProjects,
+  { interval: POLL_INTERVALS.MEDIUM, immediate: false }
+);
+
+// Инициализация
+onMounted(async () => {
+  // Загружаем сохраненное состояние expanded из LocalStorage
+  loadProjectsExpandedState();
+  loadComponentsExpandedState();
+
+  // Запускаем poll обновление данных
+  startProjectsPoll();
+});
+
+// Останавливаем poll при уходе со страницы
+onBeforeUnmount(() => {
+  stopProjectsPoll();
+});
+</script>
+
+<style lang="scss" scoped>
+.q-chip {
+  font-weight: 500;
+}
+</style>

package/extensions/capital/pages/ProjectsListPage/ui/index.ts

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

package/extensions/capital/pages/ProjectsResultsPage/index.ts

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

package/extensions/capital/pages/ProjectsResultsPage/ui/ProjectsResultsPage.vue

@@ -0,0 +1,147 @@
+<template lang="pug">
+div
+  WindowLoader(v-show='isInitialLoading', text='Загрузка данных результатов...')
+  q-card(v-show='!isInitialLoading', flat)
+    div
+      // Виджет списка проектов для результатов
+      ListResultProjectsWidget(
+        :coopname='info.coopname',
+        :expanded='expandedProjects',
+        @toggle-expand='handleProjectToggleExpand',
+        @project-click='handleProjectClick',
+        @data-loaded='handleProjectsDataLoaded'
+      )
+        template(#project-content='{ project }')
+          // Виджет сегментов пользователя для результатов
+          ResultSubmissionSegmentsWidget(
+            :project-hash='project.project_hash',
+            :coopname='info.coopname',
+            :expanded='expandedSegments',
+            :project='project',
+            :segments-to-reload='segmentsToReload',
+            @toggle-expand='handleSegmentToggleExpand',
+            @segment-click='handleSegmentClick',
+            @data-loaded='handleSegmentsDataLoaded',
+            @results-changed='handleResultsChanged'
+          )
+            template(#actions='{ segment }')
+              ResultSubmissionActionsWidget(:segment='segment')
+</template>
+
+<script lang="ts" setup>
+import { onMounted, onBeforeUnmount, ref } from 'vue';
+import { useSystemStore } from 'src/entities/System/model';
+import { useExpandableState, useDataPoller } from 'src/shared/lib/composables';
+import { POLL_INTERVALS } from 'src/shared/lib/consts';
+import 'src/shared/ui/TitleStyles';
+import { WindowLoader } from 'src/shared/ui/Loader';
+import { ListResultProjectsWidget, ResultSubmissionSegmentsWidget, ResultSubmissionActionsWidget } from 'app/extensions/capital/widgets';
+
+const { info } = useSystemStore();
+
+// Ключи для сохранения состояния в LocalStorage
+const PROJECTS_EXPANDED_KEY = 'capital_results_projects_expanded';
+const SEGMENTS_EXPANDED_KEY = 'capital_results_segments_expanded';
+
+// Состояние первичной загрузки (WindowLoader)
+const isInitialLoading = ref(true);
+
+// Состояние для отслеживания сегментов, которые нужно обновить
+const segmentsToReload = ref<Record<string, number>>({});
+
+// Управление развернутостью проектов
+const {
+  expanded: expandedProjects,
+  loadExpandedState: loadProjectsExpandedState,
+  cleanupExpandedByKeys: cleanupProjectsExpanded,
+  toggleExpanded: toggleProjectExpanded,
+} = useExpandableState(PROJECTS_EXPANDED_KEY);
+
+// Управление развернутостью сегментов (участников)
+const {
+  expanded: expandedSegments,
+  loadExpandedState: loadSegmentsExpandedState,
+  cleanupExpandedByKeys: cleanupSegmentsExpanded,
+  toggleExpanded: toggleSegmentExpanded,
+} = useExpandableState(SEGMENTS_EXPANDED_KEY);
+
+const handleProjectClick = (projectHash: string) => {
+  // Клик на строку проекта приводит к развороту/свертыванию
+  toggleProjectExpanded(projectHash);
+};
+
+const handleProjectToggleExpand = (projectHash: string) => {
+  toggleProjectExpanded(projectHash);
+};
+
+const handleSegmentToggleExpand = (username: string) => {
+  toggleSegmentExpanded(username);
+};
+
+const handleProjectsDataLoaded = (projectHashes: string[]) => {
+  // Очищаем устаревшие записи expanded проектов после загрузки данных
+  cleanupProjectsExpanded(projectHashes);
+
+  // Отключаем WindowLoader после завершения первичной загрузки
+  isInitialLoading.value = false;
+};
+
+const handleSegmentsDataLoaded = (usernames: string[]) => {
+  // Очищаем устаревшие записи expanded сегментов после загрузки данных
+  cleanupSegmentsExpanded(usernames);
+};
+
+const handleSegmentClick = (username: string) => {
+  // Клик на строку сегмента приводит к развороту/свертыванию
+  toggleSegmentExpanded(username);
+};
+
+const handleResultsChanged = (data: { projectHash: string; username: string }) => {
+  // Помечаем сегмент для перезагрузки (используем timestamp как уникальный ключ)
+  segmentsToReload.value[data.username] = Date.now();
+};
+
+/**
+ * Функция для перезагрузки данных результатов
+ * Используется для poll обновлений
+ */
+const reloadResultsData = async () => {
+  try {
+    // Для результатов используем принудительную перезагрузку через timestamp
+    const timestamp = Date.now();
+
+    // Обновляем все сегменты для перезагрузки
+    Object.keys(segmentsToReload.value).forEach(key => {
+      segmentsToReload.value[key] = timestamp;
+    });
+
+    // Если нет сегментов, добавляем специальный ключ для принудительной перезагрузки
+    if (Object.keys(segmentsToReload.value).length === 0) {
+      segmentsToReload.value['__force_reload__'] = timestamp;
+    }
+  } catch (error) {
+    console.warn('Ошибка при перезагрузке данных результатов в poll:', error);
+  }
+};
+
+// Настраиваем poll обновление данных
+const { start: startResultsPoll, stop: stopResultsPoll } = useDataPoller(
+  reloadResultsData,
+  { interval: POLL_INTERVALS.SLOW, immediate: false }
+);
+
+// Инициализация
+onMounted(async () => {
+  // Загружаем сохраненное состояние expanded из LocalStorage
+  loadProjectsExpandedState();
+  loadSegmentsExpandedState();
+
+  // Запускаем poll обновление данных
+  startResultsPoll();
+});
+
+// Останавливаем poll при уходе со страницы
+onBeforeUnmount(() => {
+  stopResultsPoll();
+});
+</script>

package/extensions/capital/pages/ProjectsResultsPage/ui/index.ts

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

package/extensions/capital/pages/ProjectsVotingPage/index.ts

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

package/extensions/capital/pages/ProjectsVotingPage/ui/ProjectsVotingPage.vue

@@ -0,0 +1,170 @@
+<template lang="pug">
+div
+  WindowLoader(v-show='isInitialLoading', text='Загрузка данных голосования...')
+  q-card(v-show='!isInitialLoading', flat)
+    div
+      // Виджет списка проектов на голосовании
+      ListVotingProjectWidget(
+        :coopname='info.coopname',
+        :expanded='expandedProjects',
+        @toggle-expand='handleProjectToggleExpand',
+        @project-click='handleProjectClick',
+        @data-loaded='handleProjectsDataLoaded'
+        @projects-loaded='handleProjectsLoaded'
+      )
+        template(#project-content='{ project }')
+          // Виджет участников голосования
+          ProjectVotingSegmentsWidget(
+            :project-hash='project.project_hash',
+            :coopname='info.coopname',
+            :expanded='expandedSegments',
+            :project='project',
+            :current-username='username',
+            :segments-to-reload='segmentsToReload',
+            @toggle-expand='handleSegmentToggleExpand',
+            @segment-click='handleSegmentClick',
+            @data-loaded='handleSegmentsDataLoaded',
+            @votes-changed='handleVotesChanged'
+          )
+            template(#segment-content='{ segment, segmentsToReload }')
+              // Виджет голосов участника
+              SegmentVotesWidget(
+                :project-hash='project.project_hash',
+                :coopname='info.coopname',
+                :segment-username='segment.username',
+                :segment-display-name='segment.display_name',
+                :force-reload='segmentsToReload[segment.username]'
+              )
+</template>
+
+<script lang="ts" setup>
+import { onMounted, onBeforeUnmount, ref } from 'vue';
+import { useSystemStore } from 'src/entities/System/model';
+import { useExpandableState, useDataPoller } from 'src/shared/lib/composables';
+import { POLL_INTERVALS } from 'src/shared/lib/consts';
+import 'src/shared/ui/TitleStyles';
+import { WindowLoader } from 'src/shared/ui/Loader';
+import { ListVotingProjectWidget, ProjectVotingSegmentsWidget, SegmentVotesWidget } from 'app/extensions/capital/widgets';
+import { useSessionStore } from 'src/entities/Session';
+import { Zeus } from '@coopenomics/sdk';
+
+const { info } = useSystemStore();
+
+const { username } = useSessionStore();
+// Ключи для сохранения состояния в LocalStorage
+const PROJECTS_EXPANDED_KEY = 'capital_voting_projects_expanded';
+const SEGMENTS_EXPANDED_KEY = 'capital_voting_segments_expanded';
+
+// Состояние первичной загрузки (WindowLoader)
+const isInitialLoading = ref(true);
+
+// Состояние для отслеживания сегментов, которые нужно обновить
+const segmentsToReload = ref<Record<string, number>>({});
+
+// Управление развернутостью проектов
+const {
+  expanded: expandedProjects,
+  loadExpandedState: loadProjectsExpandedState,
+  cleanupExpandedByKeys: cleanupProjectsExpanded,
+  toggleExpanded: toggleProjectExpanded,
+} = useExpandableState(PROJECTS_EXPANDED_KEY);
+
+// Управление развернутостью сегментов (участников)
+const {
+  expanded: expandedSegments,
+  loadExpandedState: loadSegmentsExpandedState,
+  cleanupExpandedByKeys: cleanupSegmentsExpanded,
+  toggleExpanded: toggleSegmentExpanded,
+} = useExpandableState(SEGMENTS_EXPANDED_KEY);
+
+const handleProjectClick = (projectHash: string) => {
+  // Клик на строку проекта приводит к развороту/свертыванию
+  toggleProjectExpanded(projectHash);
+};
+
+const handleProjectToggleExpand = (projectHash: string) => {
+  toggleProjectExpanded(projectHash);
+};
+
+const handleSegmentToggleExpand = (username: string) => {
+  toggleSegmentExpanded(username);
+};
+
+const handleProjectsDataLoaded = (projectHashes: string[]) => {
+  // Очищаем устаревшие записи expanded проектов после загрузки данных
+  cleanupProjectsExpanded(projectHashes);
+
+  // Отключаем WindowLoader после завершения первичной загрузки
+  isInitialLoading.value = false;
+};
+
+const handleProjectsLoaded = (projects: any[]) => {
+  // Автоматически раскрываем все активные голосования
+  projects.forEach(project => {
+    const status = String(project.status);
+    if (status === Zeus.ProjectStatus.VOTING) {
+      expandedProjects.value[project.project_hash] = true;
+    }
+  });
+};
+
+const handleSegmentsDataLoaded = (usernames: string[]) => {
+  // Очищаем устаревшие записи expanded сегментов после загрузки данных
+  cleanupSegmentsExpanded(usernames);
+};
+
+const handleSegmentClick = (username: string) => {
+  // Клик на строку сегмента приводит к развороту/свертыванию
+  toggleSegmentExpanded(username);
+};
+
+const handleVotesChanged = (data: { projectHash: string; voter: string }) => {
+  // Помечаем сегмент для перезагрузки (используем timestamp как уникальный ключ)
+  segmentsToReload.value[data.voter] = Date.now();
+};
+
+/**
+ * Функция для перезагрузки данных голосования
+ * Используется для poll обновлений
+ */
+const reloadVotingData = async () => {
+  try {
+    // Для голосований используем принудительную перезагрузку через timestamp
+    // Это заставит виджеты перезагрузить данные
+    const timestamp = Date.now();
+
+    // Обновляем все сегменты для перезагрузки
+    Object.keys(segmentsToReload.value).forEach(key => {
+      segmentsToReload.value[key] = timestamp;
+    });
+
+    // Если нет сегментов, добавляем специальный ключ для принудительной перезагрузки
+    if (Object.keys(segmentsToReload.value).length === 0) {
+      segmentsToReload.value['__force_reload__'] = timestamp;
+    }
+  } catch (error) {
+    console.warn('Ошибка при перезагрузке данных голосования в poll:', error);
+  }
+};
+
+// Настраиваем poll обновление данных
+const { start: startVotingPoll, stop: stopVotingPoll } = useDataPoller(
+  reloadVotingData,
+  { interval: POLL_INTERVALS.FAST, immediate: false }
+);
+
+// Инициализация
+onMounted(async () => {
+  // Загружаем сохраненное состояние expanded из LocalStorage
+  loadProjectsExpandedState();
+  loadSegmentsExpandedState();
+
+  // Запускаем poll обновление данных
+  startVotingPoll();
+});
+
+// Останавливаем poll при уходе со страницы
+onBeforeUnmount(() => {
+  stopVotingPoll();
+});
+</script>

package/extensions/capital/pages/ProjectsVotingPage/ui/index.ts

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

package/extensions/capital/pages/TrackerPage/index.ts

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