@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/extensions/capital/widgets/ProjectsListWidget/ProjectsListWidget.vue

@@ -0,0 +1,322 @@
+<template lang="pug">
+q-card(flat)
+  // Лоадер загрузки проектов
+  WindowLoader(v-if='loading', text='')
+
+  q-table(
+    :rows='projects?.items || []',
+    :columns='columns',
+    row-key='project_hash',
+    :pagination='pagination',
+    @request='onRequest',
+    flat,
+    square,
+    hide-header,
+    hide-pagination,
+    :no-data-label='hasFiltersApplied ? "Нет результатов по фильтрам" : "Нет проектов"'
+  )
+    template(#body='props')
+      q-tr(
+        :props='props'
+      )
+        q-td
+          .row.items-center(style='padding: 12px; min-height: 48px')
+            // Кнопка раскрытия (55px)
+            .col-auto(style='width: 55px; flex-shrink: 0')
+              q-btn(
+                size='sm',
+                color='primary',
+                dense,
+                round,
+                :icon='expanded[props.row.project_hash] ? "expand_more" : "chevron_right"',
+                @click.stop='handleToggleExpand(props.row.project_hash)'
+              )
+
+            // ID с иконкой (100px + отступ 0px)
+            .col-auto(style='width: 100px; padding-left: 0px; flex-shrink: 0')
+              q-icon(name='work', size='xs').q-mr-xs
+              span.list-item-title(
+                v-if='props.row.prefix'
+                @click.stop='handleOpenProject(props.row.project_hash)'
+              ) {{ '#' + props.row.prefix }}
+
+            // Title со статусом (400px + отступ 0px)
+            .col(style='width: 400px; padding-left: 0px')
+              .list-item-title(
+                @click.stop='handleOpenProject(props.row.project_hash)'
+                style='display: inline-block; vertical-align: top; word-wrap: break-word; white-space: normal'
+              )
+                q-icon(
+                  :name='getProjectStatusIcon(props.row.status)',
+                  :color='getProjectStatusDotColor(props.row.status)',
+                  size='xs'
+                ).q-mr-sm
+                span {{ props.row.title }}
+
+            // Actions - CreateComponentButton и кнопка перехода (120px, выравнивание по правому краю)
+            .col-auto.ml-auto(style='width: 120px')
+              .row.items-center.justify-end.q-gutter-xs
+                CreateComponentButton(
+                  :project='props.row',
+                  :mini='true',
+                  @click.stop
+                )
+
+                q-btn(
+                  size='xs',
+                  flat,
+                  icon='arrow_forward',
+                  @click.stop='handleOpenProject(props.row.project_hash)'
+                )
+
+      // Слот для дополнительного контента проекта (ComponentsListWidget)
+      q-tr.q-virtual-scroll--with-prev(
+        no-hover,
+        v-if='expanded[props.row.project_hash]',
+        :key='`e_${props.row.project_hash}`'
+      )
+        q-td(colspan='100%', style='padding: 0px !important')
+          slot(name='project-content', :project='props.row')
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, computed, watch } from 'vue';
+import { useSystemStore } from 'src/entities/System/model';
+import { FailAlert } from 'src/shared/api';
+import { WindowLoader } from 'src/shared/ui/Loader';
+import { useProjectStore } from 'app/extensions/capital/entities/Project/model';
+import { CreateComponentButton } from 'app/extensions/capital/features/Project/CreateComponent';
+import { getProjectStatusIcon, getProjectStatusDotColor } from 'app/extensions/capital/shared/lib/projectStatus';
+
+const props = defineProps<{
+  coopname?: string;
+  expanded: Record<string, boolean>;
+
+  statuses?: string[];
+  priorities?: string[];
+  hasIssuesWithStatuses?: string[];
+  hasIssuesWithPriorities?: string[];
+  master?: string;
+}>();
+
+const { info } = useSystemStore();
+const emit = defineEmits<{
+  toggleExpand: [projectHash: string];
+  dataLoaded: [projectHashes: string[], totalComponents?: number];
+  openProject: [projectHash: string];
+  paginationChanged: [pagination: { page: number; rowsPerPage: number; sortBy: string; descending: boolean }];
+}>();
+
+const projectStore = useProjectStore();
+
+const projects = ref<any>(null);
+const loading = ref(false);
+
+// Следим за изменениями в projectStore и обновляем локальные данные
+watch(() => projectStore.projects, (newProjects) => {
+  if (newProjects) {
+    projects.value = newProjects;
+
+    // Обновляем пагинацию
+    pagination.value.rowsNumber = newProjects.totalCount;
+
+    // Эмитим событие загрузки данных с актуальными ключами проектов
+    const projectHashes = newProjects.items.map(
+      (project: any) => project.project_hash,
+    );
+
+    // Подсчитываем общее количество компонентов
+    const totalComponents = newProjects.items.reduce(
+      (sum: number, project: any) => {
+        return sum + (project.components?.length || 0);
+      },
+      0,
+    );
+
+    emit('dataLoaded', projectHashes, totalComponents);
+  }
+}, { deep: true });
+
+// Проверяем, применены ли фильтры
+const hasFiltersApplied = computed(() => {
+  return (
+    (props.statuses?.length ?? 0) > 0 ||
+    (props.priorities?.length ?? 0) > 0 ||
+    (props.hasIssuesWithStatuses?.length ?? 0) > 0 ||
+    (props.hasIssuesWithPriorities?.length ?? 0) > 0 ||
+    !!props.master
+  );
+});
+
+// Пагинация
+const pagination = ref({
+  sortBy: '_created_at',
+  descending: true,
+  page: 1,
+  rowsPerPage: 0,
+  rowsNumber: 0,
+});
+
+// Загрузка проектов
+const loadProjects = async (paginationData?: any) => {
+  const paginationToUse = paginationData || pagination.value;
+  loading.value = true;
+
+  try {
+    const filter: any = {
+      coopname: props.coopname || info.coopname,
+      parent_hash: '',
+    };
+
+    // Добавляем дополнительные фильтры, если они переданы
+    if (props.statuses?.length) {
+      filter.statuses = props.statuses;
+    }
+    if (props.priorities?.length) {
+      filter.priorities = props.priorities;
+    }
+    if (props.hasIssuesWithStatuses?.length) {
+      filter.has_issues_with_statuses = props.hasIssuesWithStatuses;
+    }
+    if (props.hasIssuesWithPriorities?.length) {
+      filter.has_issues_with_priorities = props.hasIssuesWithPriorities;
+    }
+    if (props.master) {
+      filter.master = props.master;
+    }
+
+    await projectStore.loadProjects({
+      filter,
+      pagination: {
+        page: paginationToUse.page,
+        limit: paginationToUse.rowsPerPage,
+        sortBy: paginationToUse.sortBy,
+        descending: paginationToUse.descending,
+      },
+    });
+
+    projects.value = projectStore.projects;
+    pagination.value.rowsNumber = projectStore.projects.totalCount;
+
+    // Эмитим событие загрузки данных с актуальными ключами проектов
+    const projectHashes = projectStore.projects.items.map(
+      (project: any) => project.project_hash,
+    );
+
+    // Подсчитываем общее количество компонентов
+    const totalComponents = projectStore.projects.items.reduce(
+      (sum: number, project: any) => {
+        return sum + (project.components?.length || 0);
+      },
+      0,
+    );
+
+    emit('dataLoaded', projectHashes, totalComponents);
+  } catch (error) {
+    console.error('Ошибка при загрузке проектов:', error);
+    FailAlert('Не удалось загрузить список проектов');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// Обработчик запросов пагинации и сортировки
+const onRequest = async (requestProps: any) => {
+  const { page, rowsPerPage, sortBy, descending } = requestProps.pagination;
+
+  pagination.value.page = page;
+  pagination.value.rowsPerPage = rowsPerPage;
+  pagination.value.sortBy = sortBy;
+  pagination.value.descending = descending;
+
+  // Эмитим изменение пагинации для родительской страницы
+  emit('paginationChanged', {
+    page,
+    rowsPerPage,
+    sortBy,
+    descending,
+  });
+
+  await loadProjects(pagination.value);
+};
+
+const handleToggleExpand = (projectHash: string) => {
+  emit('toggleExpand', projectHash);
+};
+
+const handleOpenProject = (projectHash: string) => {
+  emit('openProject', projectHash);
+};
+
+
+// Загружаем данные при монтировании
+onMounted(async () => {
+  await loadProjects();
+});
+
+// Определяем столбцы таблицы
+const columns = [
+  {
+    name: 'expand',
+    label: '',
+    align: 'center' as const,
+    field: '' as const,
+    sortable: false,
+  },
+  {
+    name: 'prefix',
+    label: 'Префикс',
+    align: 'left' as const,
+    field: 'prefix' as const,
+    sortable: true,
+  },
+  {
+    name: 'name',
+    label: 'Название',
+    align: 'left' as const,
+    field: 'title' as const,
+    sortable: true,
+  },
+  {
+    name: 'master',
+    label: '',
+    align: 'right' as const,
+    field: '' as const,
+    sortable: false,
+  },
+  {
+    name: 'actions',
+    label: '',
+    align: 'right' as const,
+    field: '' as const,
+    sortable: false,
+  },
+];
+</script>
+
+<style lang="scss" scoped>
+.q-table {
+  tr {
+    min-height: 48px;
+  }
+
+  .q-td {
+    padding: 0; // Убираем padding таблицы, так как теперь используем внутренний padding
+  }
+}
+
+.q-chip {
+  font-weight: 500;
+}
+
+// Импорт глобального стиля для подсветки
+:deep(.list-item-title) {
+  font-weight: 500;
+  cursor: pointer;
+  transition: color 0.2s ease;
+
+  &:hover {
+    color: var(--q-accent);
+  }
+}
+</style>

package/extensions/capital/widgets/ProjectsListWidget/index.ts

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

package/extensions/capital/widgets/RequirementsListWidget/index.ts

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

package/extensions/capital/widgets/RequirementsListWidget/ui/RequirementsListWidget.vue

@@ -0,0 +1,272 @@
+<template lang="pug">
+div
+
+  q-card(flat)
+    q-card-section(style='padding: 0px')
+      q-table(
+        :rows='requirements?.items || []',
+        :columns='columns',
+        :pagination='{ rowsPerPage: 0 }',
+        row-key='_id',
+        :loading='loading',
+        flat,
+        square,
+        hide-header,
+        hide-pagination
+        no-data-label="Нет требований"
+      )
+        template(#body='props')
+          q-tr(
+            :props='props'
+          )
+            q-td
+              .row.items-center(style='padding: 12px; min-height: 48px')
+                // Пустое пространство для выравнивания с проектами/компонентами (55px)
+                .col-auto(style='width: 55px; flex-shrink: 0')
+
+                // Галочка статуса (60px)
+                .col-auto(style='width: 60px; flex-shrink: 0')
+                  q-checkbox(
+                    :model-value='props.row.status',
+                    :true-value='Zeus.StoryStatus.COMPLETED',
+                    :false-value='Zeus.StoryStatus.PENDING',
+                    dense,
+                    @update:model-value='handleStatusChange(props.row, $event)',
+                    @click.stop,
+                    color='positive'
+                  )
+
+                // Title с типом (400px + отступ 20px)
+                .col(style='width: 400px; padding-left: 20px')
+                  .list-item-title(
+                    @click.stop='handleRequirementClick(props.row)'
+                    style='display: inline-block; vertical-align: top; word-wrap: break-word; white-space: normal'
+                  )
+                    span.text-body2.font-weight-medium {{ props.row.title }}
+
+                // Индикатор типа
+                .col-auto.ml-auto
+                  .row.items-center.justify-end.q-gutter-xs
+                    // Индикатор типа истории
+                    q-badge(
+                      v-if="props.row && !props.row.project_hash && props.row.issue_id"
+                      :color='getRequirementTypeColor(props.row)',
+                      :label='getRequirementTypeLabel(props.row)'
+                    )
+
+                    DeleteStoryButton(
+                      :story-hash='props.row.story_hash',
+                      @deleted='onRequirementDeleted',
+                      @close='onDeleteDialogClose',
+                      @click.stop
+                    )
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, computed } from 'vue';
+import {
+  type IStory,
+  useStoryStore,
+  type IGetStoriesInput,
+} from 'app/extensions/capital/entities/Story/model';
+import { useSystemStore } from 'src/entities/System/model';
+import { FailAlert, SuccessAlert } from 'src/shared/api';
+import { DeleteStoryButton } from 'app/extensions/capital/features/Story/DeleteStory';
+import { useUpdateStory } from 'app/extensions/capital/features/Story/UpdateStory';
+import { Zeus } from '@coopenomics/sdk';
+
+const props = defineProps<{
+  filter?: Partial<IGetStoriesInput['filter']>;
+  maxItems?: number;
+}>();
+
+const emit = defineEmits<{
+  requirementClick: [requirement: IStory];
+}>();
+
+const storyStore = useStoryStore();
+const { info } = useSystemStore();
+
+const loading = ref(false);
+
+// Реактивная связь с store
+const requirements = computed(() => {
+  if (!storyStore.stories) return null;
+
+  // Сортируем требования: сперва незавершенные, затем завершенные
+  const sortedItems = [...storyStore.stories.items].sort((a, b) => {
+    // Определяем приоритет: незавершенные выше завершенных
+    if (a.status === Zeus.StoryStatus.PENDING && b.status === Zeus.StoryStatus.COMPLETED) {
+      return -1;
+    }
+    if (a.status === Zeus.StoryStatus.COMPLETED && b.status === Zeus.StoryStatus.PENDING) {
+      return 1;
+    }
+
+    // Если статусы одинаковые - сортируем по sort_order, затем по _created_at
+    if (a.sort_order !== b.sort_order) {
+      return a.sort_order - b.sort_order;
+    }
+
+    return 0;
+  });
+
+  // Ограничиваем количество элементов если указано maxItems
+  if (props.maxItems && sortedItems.length > props.maxItems) {
+    return {
+      ...storyStore.stories,
+      items: sortedItems.slice(0, props.maxItems),
+    };
+  }
+
+  return {
+    ...storyStore.stories,
+    items: sortedItems,
+  };
+});
+
+// Определяем столбцы таблицы требований
+const columns = [
+  {
+    name: 'expand',
+    label: '',
+    align: 'center' as const,
+    field: '' as const,
+    sortable: false,
+  },
+  {
+    name: 'status',
+    label: 'Статус',
+    align: 'center' as const,
+    field: 'status' as const,
+    sortable: true,
+  },
+  {
+    name: 'title',
+    label: 'Требование',
+    align: 'left' as const,
+    field: 'title' as const,
+    sortable: true,
+  },
+  {
+    name: 'type',
+    label: 'Тип',
+    align: 'right' as const,
+    field: '' as const,
+    sortable: false,
+  },
+];
+
+// Загрузка требований
+const loadRequirements = async () => {
+  loading.value = true;
+  try {
+    const filter: IGetStoriesInput['filter'] = {
+      coopname: info.coopname,
+      ...props.filter,
+    };
+
+    const options: IGetStoriesInput['options'] = {
+      page: 1,
+      limit: props.maxItems || 50,
+      sortBy: '_created_at',
+      sortOrder: 'DESC',
+    };
+
+    await storyStore.loadStories({ filter, options });
+  } catch (error) {
+    console.error('Ошибка при загрузке требований:', error);
+    FailAlert('Не удалось загрузить требования');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// Функция для получения цвета бейджа типа требования
+const getRequirementTypeColor = (requirement: IStory): string => {
+  if (requirement?.project_hash && !requirement?.issue_id) {
+    return 'blue'; // Проектное требование
+  }
+  if (requirement?.issue_id) {
+    return 'orange'; // Задачное требование
+  }
+  return 'grey'; // Обычное требование
+};
+
+// Функция для получения текста бейджа типа требования
+const getRequirementTypeLabel = (requirement: IStory): string => {
+  if (requirement?.project_hash && !requirement?.issue_id) {
+    return 'проект'; // Проектное требование
+  }
+  if (requirement?.issue_id) {
+    // Для задачного требования берем первые 6 символов issue_id
+    const shortId = requirement.issue_id.substring(0, 6);
+    return `задача #${shortId}`;
+  }
+  return 'требование'; // Обычное требование
+};
+
+// Обработчик клика по заголовку требования
+const handleRequirementClick = (requirement: IStory) => {
+  emit('requirementClick', requirement);
+};
+
+// Обработчики для DeleteStoryButton
+const onRequirementDeleted = () => {
+  // Требование будет автоматически удалено из списка через store
+};
+
+const onDeleteDialogClose = () => {
+  // Обработка закрытия диалога
+};
+
+// Изменение статуса требования
+const handleStatusChange = async (
+  requirement: IStory,
+  newStatus: Zeus.StoryStatus,
+) => {
+  try {
+    const updateData = {
+      story_hash: requirement.story_hash,
+      status: newStatus,
+    };
+
+    // Обновляем требование через API
+    await useUpdateStory().updateStory(updateData);
+
+    SuccessAlert('Статус требования обновлен');
+  } catch (error) {
+    console.error('Ошибка при обновлении статуса требования:', error);
+    FailAlert('Не удалось обновить статус требования');
+  }
+};
+
+// Инициализация
+onMounted(async () => {
+  await loadRequirements();
+});
+</script>
+
+<style lang="scss" scoped>
+.q-table {
+  tr {
+    min-height: 48px;
+  }
+
+  .q-td {
+    padding: 0; // Убираем padding таблицы, так как теперь используем внутренний padding
+  }
+}
+
+.q-chip {
+  font-weight: 500;
+}
+
+// Стили для бейджей типов требований
+.q-badge {
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  font-size: 8px;
+}
+</style>

package/extensions/capital/widgets/ResultSubmissionActionsWidget/ResultSubmissionActionsWidget.vue

@@ -0,0 +1,75 @@
+<template lang="pug">
+.participant-actions
+  // Отображаем статус для всех пользователей
+  p.text-caption {{ statusLabel }}
+
+  // Действия для владельца сегмента
+  template(v-if='segment.username === currentUsername')
+    // GENERATION - кнопка обновления сегмента
+    template(v-if='segment.status === Zeus.SegmentStatus.GENERATION')
+      RefreshSegmentButton(
+        :segment='segment',
+        @click.stop
+      )
+
+    // READY - кнопка внесения результата
+    template(v-else-if='segment.status === Zeus.SegmentStatus.READY')
+      PushResultButton(
+        :segment='segment'
+        @click.stop
+      )
+
+    // AUTHORIZED - кнопка подписания акта участником
+    template(v-else-if='segment.status === Zeus.SegmentStatus.AUTHORIZED')
+      SignActButton(
+        :segment='segment'
+        :coopname='coopname'
+        @click.stop
+      )
+
+  // Действия для председателя
+  template(v-else-if='isChairman')
+    // ACT1 - кнопка подписания акта председателем
+    template(v-if='segment.status === Zeus.SegmentStatus.ACT1')
+      SignActButtonByChairman(
+        :segment='segment'
+        :coopname='coopname'
+        @click.stop
+      )
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { PushResultButton } from 'app/extensions/capital/features/Result/PushResult/ui';
+import { RefreshSegmentButton } from 'app/extensions/capital/features/Project/RefreshSegment/ui';
+import { SignActButton, SignActButtonByChairman } from 'app/extensions/capital/features/Result/SignAct/ui';
+import type { ISegment } from 'app/extensions/capital/entities/Segment/model';
+import { useSystemStore } from 'src/entities/System/model';
+import { useSessionStore } from 'src/entities/Session/model';
+import { Zeus } from '@coopenomics/sdk';
+import { getSegmentStatusLabel } from 'app/extensions/capital/shared/lib/segmentStatus';
+
+interface Props {
+  segment: ISegment;
+}
+
+const props = defineProps<Props>();
+
+const { info } = useSystemStore();
+const { username, isChairman } = useSessionStore();
+
+// Получаем coopname из system store
+const coopname = computed(() => info.coopname);
+
+// Текущий пользователь
+const currentUsername = computed(() => username);
+
+// Текст статуса сегмента
+const statusLabel = computed(() => getSegmentStatusLabel(props.segment.status));
+</script>
+
+<style lang="scss" scoped>
+.participant-actions {
+  margin-top: 8px;
+}
+</style>

package/extensions/capital/widgets/ResultSubmissionActionsWidget/index.ts

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