@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

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

@@ -0,0 +1,213 @@
+<template lang="pug">
+div(style="padding-bottom: 100px;")
+  // Заголовок с информацией о задаче
+  div(v-if="issue")
+    .row.items-center.q-gutter-md.q-pa-md
+      q-icon(name='task', size='32px', color='primary')
+      .col
+        IssueTitleEditor(
+          :issue='issue'
+          label='Задача'
+          @field-change="handleFieldChange"
+          @update:title="handleTitleUpdate"
+        )
+
+        IssueControls(
+          :issue='issue'
+          :permissions='issue?.permissions'
+          @update:status='handleStatusUpdate'
+          @update:priority='handlePriorityUpdate'
+          @update:estimate='handleEstimateUpdate'
+        )
+
+  .text-h6(v-if="!issue") Загрузка...
+
+  .row.items-center.q-gutter-md.q-mb-sm
+    .col
+      // Индикатор авто-сохранения
+      AutoSaveIndicator(
+        :is-auto-saving="isAutoSaving"
+        :auto-save-error="autoSaveError"
+      )
+
+      Editor(
+        v-if="issue"
+        v-model='issue.description',
+        label='Описание задачи',
+        placeholder='Опишите задачу подробно...',
+        :readonly="!issue?.permissions?.can_edit_issue"
+        @change='handleDescriptionChange'
+      )
+
+
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { FailAlert } from 'src/shared/api';
+import { api as IssueApi } from 'app/extensions/capital/entities/Issue/api';
+import type { IIssue } from 'app/extensions/capital/entities/Issue/model';
+import { useBackButton } from 'src/shared/lib/navigation';
+import { useRightDrawer } from 'src/shared/hooks/useRightDrawer';
+import { StoriesWidget } from 'app/extensions/capital/widgets/StoryWidget';
+// Утилиты для статусов и приоритетов теперь используются в компонентах UpdateStatus и UpdatePriority
+import { Editor, AutoSaveIndicator } from 'src/shared/ui';
+import { textToEditorJS } from 'src/shared/lib/utils/editorjs';
+import { useUpdateIssue } from 'app/extensions/capital/features/Issue/UpdateIssue';
+import { IssueControls, IssueTitleEditor } from 'app/extensions/capital/widgets';
+const route = useRoute();
+
+const issue = ref<IIssue | null>(null);
+const loading = ref(false);
+
+// Используем composable для обновления задач
+const { debounceSave, isAutoSaving, autoSaveError } = useUpdateIssue();
+
+
+// Получаем параметры из маршрута
+const issueHash = computed(() => route.params.issue_hash as string);
+const projectHash = computed(() => route.params.project_hash as string);
+
+
+// Проверяем и конвертируем описание в EditorJS формат если необходимо
+const ensureEditorJSFormat = (description: any) => {
+  if (!description) return '{}';
+
+  // Если это уже строка, пробуем распарсить как JSON
+  if (typeof description === 'string') {
+    try {
+      JSON.parse(description);
+      return description; // Уже валидный JSON
+    } catch {
+      // Не JSON, конвертируем из текста
+      return textToEditorJS(description);
+    }
+  }
+
+  // Если объект, конвертируем в строку
+  if (typeof description === 'object') {
+    return JSON.stringify(description);
+  }
+
+  // Если что-то другое, конвертируем как текст
+  return textToEditorJS(String(description));
+};
+
+// Обработчик изменения полей
+const handleFieldChange = () => {
+  // Просто триггер реактивности для computed hasChanges в виджетах
+};
+
+// Обработчик обновления названия задачи
+const handleTitleUpdate = (value: string) => {
+  if (issue.value) {
+    issue.value.title = value;
+  }
+};
+
+// Обработчик изменения описания задачи
+const handleDescriptionChange = () => {
+  if (!issue.value) return;
+
+  const updateData = {
+    issue_hash: issue.value.issue_hash,
+    description: issue.value.description,
+  };
+
+  // Запускаем авто-сохранение с задержкой
+  debounceSave(updateData, projectHash.value);
+};
+
+
+// Хук для правого drawer'а
+const { registerAction: registerRightDrawerAction } = useRightDrawer();
+
+// Настраиваем кнопку "Назад"
+// По умолчанию используем router.back(), но можно переопределить через query параметр _backRoute
+useBackButton({
+  text: 'Назад',
+  routeName: route.query._backRoute as string || undefined,
+  componentId: 'issue-page-' + issueHash.value,
+});
+
+// Загрузка задачи
+const loadIssue = async () => {
+  loading.value = true;
+  try {
+    console.log('Загрузка задачи:', issueHash.value);
+
+    // Получаем задачу по HASH
+    const issueData = await IssueApi.loadIssue({
+      issue_hash: issueHash.value,
+    });
+
+    issue.value = issueData || null;
+
+    // Конвертируем описание в EditorJS формат если необходимо
+    if (issue.value?.description) {
+      issue.value.description = ensureEditorJSFormat(issue.value.description);
+    }
+
+    // Регистрируем StoriesWidget в правом drawer после загрузки задачи
+    if (issue.value) {
+      registerRightDrawerAction({
+        id: 'issue-stories-' + issueHash.value,
+        component: StoriesWidget,
+        props: {
+          filter: {
+            issue_id: issue.value._id, // Только истории этой задачи
+            project_hash: projectHash.value,
+          },
+          canCreate: true,
+          maxItems: 20,
+          emptyMessage: 'Историй задачи пока нет',
+        },
+        order: 1,
+      });
+
+      // Регистрируем кнопку создания коммита в header
+
+    }
+  } catch (error) {
+    console.error('Ошибка при загрузке задачи:', error);
+    FailAlert('Не удалось загрузить задачу');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// Обработчики обновления полей задачи
+const handleStatusUpdate = (value: any) => {
+  if (issue.value) {
+    issue.value.status = value;
+  }
+};
+
+const handlePriorityUpdate = (value: any) => {
+  if (issue.value) {
+    issue.value.priority = value;
+  }
+};
+
+const handleEstimateUpdate = (value: number) => {
+  if (issue.value) {
+    issue.value.estimate = value;
+  }
+};
+
+// Инициализация
+onMounted(async () => {
+  await loadIssue();
+});
+</script>
+
+<style lang="scss" scoped>
+.q-chip {
+  font-weight: 500;
+}
+
+.text-h6 {
+  margin-bottom: 4px;
+}
+</style>

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

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

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

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

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

@@ -0,0 +1,131 @@
+<template lang="pug">
+div
+  WindowLoader(v-show='isInitialLoading', text='Загрузка коммитов...')
+  q-card(v-show='!isInitialLoading', flat)
+    div
+
+      // Виджет списка коммитов
+      CommitsListWidget(
+        :expanded='expanded',
+        :force-reload='forceReload',
+        @toggle-expand='handleCommitToggleExpand',
+        @commit-click='handleCommitClick',
+        @data-loaded='handleCommitsDataLoaded'
+        @pagination-changed='handlePaginationChanged'
+      )
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, onBeforeUnmount } from 'vue';
+import { useExpandableState, useDataPoller } from 'src/shared/lib/composables';
+import { POLL_INTERVALS } from 'src/shared/lib/consts';
+import { WindowLoader } from 'src/shared/ui/Loader';
+import { CommitsListWidget } from 'app/extensions/capital/widgets';
+import { useSystemStore } from 'src/entities/System/model';
+import { useCommitStore } from 'app/extensions/capital/entities/Commit/model';
+
+// Ключи для сохранения состояния в LocalStorage
+const COMMITS_EXPANDED_KEY = 'capital_commits_expanded';
+
+// Состояние первичной загрузки (WindowLoader)
+const isInitialLoading = ref(true);
+
+// Состояние для принудительной перезагрузки данных
+const forceReload = ref(0);
+
+// Текущее состояние пагинации для poll обновлений
+const currentPage = ref(1);
+const currentRowsPerPage = ref(100);
+const currentSortBy = ref('created_at');
+const currentDescending = ref(true);
+
+// Инициализация store'ов
+const { info } = useSystemStore();
+const commitStore = useCommitStore();
+
+// Управление развернутостью коммитов
+const {
+  expanded,
+  loadExpandedState: loadCommitsExpandedState,
+  cleanupExpandedByKeys: cleanupCommitsExpanded,
+  toggleExpanded: toggleCommitExpanded,
+} = useExpandableState(COMMITS_EXPANDED_KEY);
+
+// Состояние для подсчета общего количества элементов
+const totalCommitsCount = ref(0);
+
+const handleCommitClick = (commitHash: string) => {
+  // Клик на строку коммита приводит к развороту/свертыванию
+  toggleCommitExpanded(commitHash);
+};
+
+const handleCommitToggleExpand = (commitHash: string) => {
+  toggleCommitExpanded(commitHash);
+};
+
+const handleCommitsDataLoaded = (commitHashes: string[]) => {
+  // Очищаем устаревшие записи expanded коммитов после загрузки данных
+  cleanupCommitsExpanded(commitHashes);
+
+  // Сохраняем количество коммитов для indeterminate логики
+  totalCommitsCount.value = commitHashes.length;
+
+  // Отключаем WindowLoader после завершения первичной загрузки
+  isInitialLoading.value = false;
+};
+
+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 reloadCommitsData = async () => {
+  try {
+    // Используем store для загрузки данных с текущими параметрами пагинации
+    await commitStore.loadCommits({
+      filter: {
+        coopname: info.coopname,
+      },
+      options: {
+        page: currentPage.value,
+        limit: currentRowsPerPage.value,
+        sortBy: currentSortBy.value,
+        sortOrder: currentDescending.value ? 'DESC' : 'ASC',
+      },
+    });
+  } catch (error) {
+    console.warn('Ошибка при перезагрузке данных коммитов в poll:', error);
+  }
+};
+
+// Настраиваем poll обновление данных
+const { start: startCommitsPoll, stop: stopCommitsPoll } = useDataPoller(
+  reloadCommitsData,
+  { interval: POLL_INTERVALS.MEDIUM, immediate: false }
+);
+
+// Инициализация состояния при монтировании
+onMounted(async () => {
+  // Загружаем сохраненное состояние expanded из LocalStorage
+  loadCommitsExpandedState();
+
+  // Запускаем poll обновление данных
+  startCommitsPoll();
+});
+
+// Останавливаем poll при уходе со страницы
+onBeforeUnmount(() => {
+  stopCommitsPoll();
+});
+</script>
+
+<style lang="scss" scoped>
+// Стили если необходимо
+</style>

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

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

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

@@ -0,0 +1,75 @@
+<template lang="pug">
+div
+  // Список компонентов проекта
+  ComponentsListWidget(
+    :components='project?.components || []',
+    :expanded='expandedComponents',
+    @open-component='handleComponentClick',
+    @toggle-component='handleComponentToggle'
+  )
+    template(#component-content='{ component }')
+      IssuesListWidget(
+        :project-hash='component.project_hash',
+        @issue-click='handleIssueClick'
+      )
+</template>
+
+<script lang="ts" setup>
+import { onMounted } from 'vue';
+import { useRouter } from 'vue-router';
+import { useProjectLoader } from 'app/extensions/capital/entities/Project/model';
+import { useExpandableState } from 'src/shared/lib/composables';
+import { ComponentsListWidget } from 'app/extensions/capital/widgets/ComponentsListWidget';
+import { IssuesListWidget } from 'app/extensions/capital/widgets/IssuesListWidget';
+import type { IIssue } from 'app/extensions/capital/entities/Issue/model';
+
+const router = useRouter();
+
+// Используем composable для загрузки проекта
+const { project, loadProject } = useProjectLoader();
+
+// Композабл для управления состоянием развернутости компонентов
+const {
+  expanded: expandedComponents,
+  loadExpandedState: loadComponentsExpandedState,
+  toggleExpanded: toggleComponentExpanded,
+} = useExpandableState('capital_project_components_expanded');
+
+
+// Обработчик клика по компоненту
+const handleComponentClick = (componentHash: string) => {
+  router.push({
+    name: 'component-description',
+    params: {
+      project_hash: componentHash,
+    },
+  });
+};
+
+// Обработчик переключения компонентов
+const handleComponentToggle = (componentHash: string) => {
+  toggleComponentExpanded(componentHash);
+};
+
+// Обработчик клика по задаче
+const handleIssueClick = (issue: IIssue) => {
+  router.push({
+    name: 'component-issue',
+    params: {
+      project_hash: issue.project_hash,
+      issue_hash: issue.issue_hash,
+    },
+  });
+};
+
+
+// Инициализация
+onMounted(async () => {
+  await loadProject();
+  // Загружаем сохраненное состояние expanded из LocalStorage
+  loadComponentsExpandedState();
+});
+</script>
+
+<style lang="scss" scoped>
+</style>

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

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

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

@@ -0,0 +1,51 @@
+<template lang="pug">
+div
+  // Список участников
+  ProjectContributorsList(:project='project')
+</template>
+
+<script lang="ts" setup>
+import { onMounted, onBeforeUnmount } from 'vue';
+import { useProjectLoader } from 'app/extensions/capital/entities/Project/model';
+import ProjectContributorsList from 'app/extensions/capital/widgets/ProjectInfoSelectorWidget/ProjectContributorsList.vue';
+import { useDataPoller } from 'src/shared/lib/composables';
+import { POLL_INTERVALS } from 'src/shared/lib/consts';
+
+// Используем composable для загрузки проекта
+const { project, loadProject } = useProjectLoader();
+
+/**
+ * Функция для перезагрузки данных проекта
+ * Используется для poll обновлений
+ */
+const reloadProjectData = async () => {
+  try {
+    // Перезагружаем данные текущего проекта
+    await loadProject();
+  } catch (error) {
+    console.warn('Ошибка при перезагрузке данных проекта в poll:', error);
+  }
+};
+
+// Настраиваем poll обновление данных
+const { start: startProjectPoll, stop: stopProjectPoll } = useDataPoller(
+  reloadProjectData,
+  { interval: POLL_INTERVALS.MEDIUM, immediate: false }
+);
+
+// Инициализация
+onMounted(async () => {
+  await loadProject();
+
+  // Запускаем poll обновление данных
+  startProjectPoll();
+});
+
+// Останавливаем poll при уходе со страницы
+onBeforeUnmount(() => {
+  stopProjectPoll();
+});
+</script>
+
+<style lang="scss" scoped>
+</style>

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

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

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

@@ -0,0 +1,180 @@
+<template lang="pug">
+div(style="padding-bottom: 100px;")
+  // Заголовок с информацией о проекте
+  div(v-if="project")
+    .row.items-center.q-gutter-md.q-pa-md
+      q-icon(name='work', size='32px', color='primary')
+      .col
+        ProjectTitleEditor(
+          :project='project'
+          label='Проект'
+          @field-change="handleFieldChange"
+          @update:title="handleTitleUpdate"
+        )
+
+        ProjectControls(:project='project')
+
+  Editor(
+    :min-height="300",
+    v-if="project"
+    v-model='description',
+    :placeholder='descriptionPlaceholder || "Введите описание..."',
+    :readonly="!permissions?.can_edit_project"
+  ).q-mb-xl
+
+  DescriptionSaveButtons(
+    :has-changes="hasChanges"
+    :can-edit="!!permissions?.can_edit_project"
+    :is-saving="isSaving"
+    @reset="resetChanges"
+    @save="saveChanges"
+  )
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onMounted, onBeforeUnmount, watch } from 'vue';
+import type { IProject, IProjectPermissions } from 'app/extensions/capital/entities/Project/model';
+import { useProjectLoader } from 'app/extensions/capital/entities/Project/model';
+import { Editor, DescriptionSaveButtons } from 'src/shared/ui';
+import { FailAlert, SuccessAlert } from 'src/shared/api';
+import { useEditProject } from 'app/extensions/capital/features/Project/EditProject';
+import { ProjectControls, ProjectTitleEditor } from 'app/extensions/capital/widgets';
+import { useDataPoller } from 'src/shared/lib/composables';
+import { POLL_INTERVALS } from 'src/shared/lib/consts';
+
+defineProps<{
+  descriptionPlaceholder?: string;
+}>();
+
+const { saveImmediately } = useEditProject();
+
+// Используем composable для загрузки проекта
+const { project, loadProject } = useProjectLoader();
+const originalProject = ref<IProject | null>(null);
+const isSaving = ref(false);
+
+// Вычисляемое свойство для определения наличия изменений
+const hasChanges = computed(() => {
+  if (!project.value || !originalProject.value) return false;
+  return project.value.description !== originalProject.value.description;
+});
+
+// Computed свойства для двухсторонней привязки
+const description = computed({
+  get: () => project.value?.description || '',
+  set: (value: string) => {
+    if (project.value) {
+      project.value.description = value;
+    }
+  }
+});
+
+// Computed для разрешений
+const permissions = computed((): IProjectPermissions | null => {
+  return project.value?.permissions || null;
+});
+
+// Синхронизация оригинального состояния проекта
+const syncOriginalProject = () => {
+  if (project.value) {
+    originalProject.value = JSON.parse(JSON.stringify(project.value));
+  }
+};
+
+// Сохранение изменений
+const saveChanges = async () => {
+  if (!project.value) return;
+
+  try {
+    isSaving.value = true;
+
+    const updateData = {
+      project_hash: project.value.project_hash || '',
+      title: project.value.title || '',
+      description: project.value.description || '',
+      invite: project.value.invite || '',
+      coopname: (project.value as any).coopname || '',
+      meta: '',
+      data: '',
+      can_convert_to_project: false,
+    };
+
+    await saveImmediately(updateData);
+
+    // Обновляем оригинальное состояние после успешного сохранения
+    originalProject.value = JSON.parse(JSON.stringify(project.value));
+
+    SuccessAlert('Изменения сохранены успешно');
+  } catch (error) {
+    console.error('Ошибка при сохранении проекта:', error);
+    FailAlert('Не удалось сохранить изменения');
+  } finally {
+    isSaving.value = false;
+  }
+};
+
+// Сброс изменений
+const resetChanges = () => {
+  if (!originalProject.value) return;
+
+  // Восстанавливаем оригинальные значения
+  if (project.value) {
+    project.value.description = originalProject.value.description;
+  }
+};
+
+// Watcher для синхронизации оригинального состояния проекта
+watch(project, (newProject) => {
+  if (newProject && !originalProject.value) {
+    // Инициализируем оригинальное состояние при первой загрузке
+    syncOriginalProject();
+  }
+});
+
+// Обработчик изменения полей
+const handleFieldChange = () => {
+  // Просто триггер реактивности для computed hasChanges в виджетах
+};
+
+// Обработчик обновления названия проекта
+const handleTitleUpdate = (value: string) => {
+  if (project.value) {
+    project.value.title = value;
+  }
+};
+
+/**
+ * Функция для перезагрузки данных проекта
+ * Используется для poll обновлений
+ */
+const reloadProjectData = async () => {
+  try {
+    // Перезагружаем данные текущего проекта
+    await loadProject();
+  } catch (error) {
+    console.warn('Ошибка при перезагрузке данных проекта в poll:', error);
+  }
+};
+
+// Настраиваем poll обновление данных
+const { start: startProjectPoll, stop: stopProjectPoll } = useDataPoller(
+  reloadProjectData,
+  { interval: POLL_INTERVALS.MEDIUM, immediate: false }
+);
+
+// Инициализация
+onMounted(async () => {
+  await loadProject();
+
+  // Запускаем poll обновление данных
+  startProjectPoll();
+});
+
+// Останавливаем poll при уходе со страницы
+onBeforeUnmount(() => {
+  stopProjectPoll();
+});
+</script>
+
+<style lang="scss" scoped>
+</style>

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

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