@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

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

@@ -0,0 +1,270 @@
+<template lang="pug">
+div
+  q-card(flat)
+    q-card-section(style='padding: 0px')
+      q-table(
+        :rows='issues?.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')
+
+                // ID с иконкой (100px + отступ 40px)
+                .col-auto(style='width: 100px; padding-left: 40px; flex-shrink: 0')
+                  q-icon(name='task', size='xs').q-mr-xs
+                  span.list-item-title(
+                    @click.stop='handleIssueClick(props.row)'
+                  ) {{ '#' + props.row.id }}
+
+                // Title с приоритетом (400px + отступ 40px)
+                .col(style='width: 400px; padding-left: 40px')
+                  .list-item-title(
+                    @click.stop='handleIssueClick(props.row)'
+                    style='display: inline-block; vertical-align: top; word-wrap: break-word; white-space: normal'
+                  )
+                    q-icon(
+                      :name='getIssuePriorityIcon(props.row.priority)',
+                      :color='getIssuePriorityColor(props.row.priority)',
+                      size='xs'
+                    ).q-mr-sm
+                    span.text-body2.font-weight-medium {{ props.row.title }}
+
+                // Actions (статус + исполнитель + кнопка перехода) - выравнивание по правому краю
+                .col-auto.ml-auto
+                  .row.items-center.justify-end.q-gutter-xs
+                    UpdateStatus(
+                      :model-value='props.row.status'
+                      :issue-hash='props.row.issue_hash'
+                      :readonly="!props.row.permissions.can_change_status"
+                      dense
+                      @click.stop
+                    )
+
+                    SetCreatorButton(
+                      :dense='true'
+                      :issue='props.row'
+                      @click.stop
+                      style="max-width: 250px;"
+                    )
+
+                    q-btn(
+                      size='xs',
+                      flat,
+                      icon='arrow_forward',
+                      @click.stop='handleIssueClick(props.row)'
+                    )
+</template>
+<script lang="ts" setup>
+import { ref, onMounted, computed, watch, onBeforeUnmount } from 'vue';
+import {
+  type IIssue,
+  useIssueStore,
+} from 'app/extensions/capital/entities/Issue/model';
+import { useSystemStore } from 'src/entities/System/model';
+import { FailAlert } from 'src/shared/api';
+import { useDataPoller } from 'src/shared/lib/composables';
+import { POLL_INTERVALS } from 'src/shared/lib/consts';
+import { SetCreatorButton } from '../../../features/Issue/SetCreator';
+import { UpdateStatus } from '../../../features/Issue/UpdateIssue/ui/UpdateStatus';
+import {
+  getIssuePriorityIcon,
+  getIssuePriorityColor,
+} from 'app/extensions/capital/shared/lib';
+
+const props = defineProps<{
+  projectHash: string;
+  statuses?: string[];
+  priorities?: string[];
+  master?: string;
+}>();
+
+const emit = defineEmits<{
+  issueClick: [issue: IIssue];
+}>();
+
+const issueStore = useIssueStore();
+const { info } = useSystemStore();
+
+const loading = ref(false);
+
+// Реактивная связь с store вместо локального копирования
+const issues = computed(() => issueStore.getProjectIssues(props.projectHash));
+
+/**
+ * Функция для перезагрузки задач компонента
+ * Используется для poll обновлений
+ */
+const reloadIssues = async () => {
+  try {
+    const filter: any = {
+      coopname: info.coopname,
+      project_hash: props.projectHash,
+    };
+
+    // Добавляем дополнительные фильтры, если они переданы
+    if (props.statuses?.length) {
+      filter.statuses = props.statuses;
+    }
+    if (props.priorities?.length) {
+      filter.priorities = props.priorities;
+    }
+    if (props.master) {
+      filter.master = props.master;
+    }
+
+    await issueStore.loadIssues({
+      filter,
+      options: {
+        page: 1,
+        limit: 50, // Показываем все задачи компонента без пагинации
+        sortBy: '_created_at',
+        sortOrder: 'DESC',
+      },
+    }, props.projectHash);
+  } catch (error) {
+    console.warn('Ошибка при перезагрузке задач компонента в poll:', error);
+  }
+};
+
+// Настраиваем poll обновление данных задач
+const { start: startIssuesPoll, stop: stopIssuesPoll } = useDataPoller(
+  reloadIssues,
+  { interval: POLL_INTERVALS.SLOW, immediate: false }
+);
+
+// Следим за изменениями projectHash и перезагружаем задачи
+watch(() => props.projectHash, async (newProjectHash, oldProjectHash) => {
+  if (newProjectHash && newProjectHash !== oldProjectHash) {
+    await loadIssues();
+  }
+});
+
+// Определяем столбцы таблицы задач
+const columns = [
+  {
+    name: 'expand',
+    label: '',
+    align: 'center' as const,
+    field: '' as const,
+    sortable: false,
+  },
+  {
+    name: 'id',
+    label: 'ID',
+    align: 'left' as const,
+    field: 'id' as const,
+    sortable: true,
+  },
+  {
+    name: 'title',
+    label: 'Задача',
+    align: 'left' as const,
+    field: 'title' as const,
+    sortable: true,
+  },
+  {
+    name: 'status',
+    label: 'Статус',
+    align: 'right' as const,
+    field: 'status' as const,
+    sortable: true,
+  },
+];
+
+// Загрузка задач компонента
+const loadIssues = async () => {
+  loading.value = true;
+  try {
+    const filter: any = {
+      coopname: info.coopname,
+      project_hash: props.projectHash,
+    };
+
+    // Добавляем дополнительные фильтры, если они переданы
+    if (props.statuses?.length) {
+      filter.statuses = props.statuses;
+    }
+    if (props.priorities?.length) {
+      filter.priorities = props.priorities;
+    }
+    if (props.master) {
+      filter.master = props.master;
+    }
+
+    await issueStore.loadIssues({
+      filter,
+      options: {
+        page: 1,
+        limit: 50, // Показываем все задачи компонента без пагинации
+        sortBy: '_created_at',
+        sortOrder: 'DESC',
+      },
+    }, props.projectHash); // Передаем projectHash для сохранения в issuesByProject
+  } catch (error) {
+    console.error('Ошибка при загрузке задач компонента:', error);
+    FailAlert('Не удалось загрузить задачи компонента');
+  } finally {
+    loading.value = false;
+  }
+};
+
+
+// Обработчик клика по заголовку задачи
+const handleIssueClick = (issue: IIssue) => {
+  emit('issueClick', issue);
+};
+
+// Инициализация
+onMounted(async () => {
+  await loadIssues();
+
+  // Запускаем poll обновление данных задач
+  startIssuesPoll();
+});
+
+// Останавливаем poll при размонтировании
+onBeforeUnmount(() => {
+  stopIssuesPoll();
+});
+</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/ListFilterWidget/index.ts

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

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

@@ -0,0 +1,376 @@
+<template lang="pug">
+q-card(flat)
+  q-card-section
+
+    // Фильтры в ряд
+    .row.q-gutter-md.items-end
+      // Фильтр по статусам задач
+      .col
+        q-select(
+          ref='statusSelectRef',
+          v-model='computedSelectedStatuses',
+          :options='statusOptions',
+          option-value='value',
+          option-label='label',
+          emit-value,
+          map-options,
+          multiple,
+          use-chips,
+          stack-label,
+          label='Статусы задач',
+          placeholder='Выберите статусы',
+          filled,
+          dense
+        )
+          template(#selected-item='scope')
+            q-chip(
+              :label='scope.opt.label',
+              removable,
+              dense,
+              @remove='removeStatus(scope.opt.value)'
+            )
+          template(#after-options)
+            .row.justify-end.q-pa-sm
+              q-btn(
+                flat,
+                dense,
+                round,
+                icon='check',
+                color='primary',
+                @click='confirmStatusSelection'
+              )
+
+      // Фильтр по приоритетам задач
+      .col
+        q-select(
+          ref='prioritySelectRef',
+          v-model='computedSelectedPriorities',
+          :options='priorityOptions',
+          option-value='value',
+          option-label='label',
+          emit-value,
+          map-options,
+          multiple,
+          use-chips,
+          stack-label,
+          label='Приоритеты задач',
+          placeholder='Выберите приоритеты',
+          filled,
+          dense
+        )
+          template(#selected-item='scope')
+            q-chip(
+              :label='scope.opt.label',
+              removable,
+              dense,
+              @remove='removePriority(scope.opt.value)'
+            )
+          template(#after-options)
+            .row.justify-end.q-pa-sm
+              q-btn(
+                flat,
+                dense,
+                round,
+                icon='check',
+                color='primary',
+                @click='confirmPrioritySelection'
+              )
+
+      // Фильтр по создателю задач
+      .col
+
+        ContributorSelector(
+          v-model='selectedCreator',
+          :project-hash='projectHash',
+          :coopname='coopname',
+          label='Исполнитель',
+          placeholder='',
+          dense,
+          :readonly='isSelfCreator'
+          :multiSelect='false'
+        )
+          //- template(#prepend)
+          //-   q-checkbox(
+          //-     v-model='isSelfCreator',
+          //-     label='я',
+          //-     color='primary',
+          //-     size='sm'
+          //-   )
+
+      // Фильтр по мастеру
+      .col
+        ContributorSelector(
+          v-model='selectedMaster',
+          :project-hash='projectHash',
+          :coopname='coopname',
+          label='Мастер',
+          placeholder='',
+          dense,
+          :readonly='isSelfSelected'
+          :multiSelect='false'
+        )
+          //- template(#prepend)
+          //-   q-checkbox(
+          //-     v-model='isSelfSelected',
+          //-     label='я',
+          //-     color='primary',
+          //-     size='sm'
+          //-   )
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onMounted, watch } from 'vue';
+import { useContributorStore } from 'app/extensions/capital/entities/Contributor/model';
+import { Zeus } from '@coopenomics/sdk';
+import { ContributorSelector } from 'app/extensions/capital/entities/Contributor';
+import type { IContributor } from 'app/extensions/capital/entities/Contributor/model/types';
+import type { QSelect } from 'quasar';
+import { getIssueStatusLabel } from '../../../shared/lib/issueStatus';
+// Пропы
+const props = defineProps<{
+  initialStatuses?: string[];
+  initialPriorities?: string[];
+  initialCreators?: string[];
+  initialIsMaster?: boolean;
+  projectHash?: string;
+  coopname?: string;
+}>();
+
+// Эмиты
+const emit = defineEmits<{
+  filtersChanged: [filters: {
+    statuses: string[];
+    priorities: string[];
+    creators: string[];
+    master?: string;
+  }];
+}>();
+
+// Refs для селектов
+const statusSelectRef = ref<QSelect>();
+const prioritySelectRef = ref<QSelect>();
+
+// Состояние фильтров
+const selectedStatuses = ref<string[]>(props.initialStatuses || []);
+const selectedPriorities = ref<string[]>(props.initialPriorities || []);
+const selectedCreator = ref<IContributor | null>(null);
+const isSelfCreator = ref(false);
+
+// Computed свойства для правильного управления выбором
+const computedSelectedStatuses = computed({
+  get: () => selectedStatuses.value,
+  set: (value: string[]) => {
+
+    const previousValue = selectedStatuses.value;
+
+    if (value.includes('') && !previousValue.includes('')) {
+      // Пользователь выбрал "все", когда его не было - оставляем только "все"
+      selectedStatuses.value = [''];
+    } else if (value.includes('') && previousValue.includes('') && value.length > 1) {
+      // Было "все", и добавили конкретный - убираем "все", оставляем конкретный
+      selectedStatuses.value = value.filter(v => v !== '');
+    } else if (!value.includes('') && value.length > 0) {
+      // Выбраны только конкретные статусы
+      selectedStatuses.value = value;
+    } else if (value.length === 0) {
+      // Ничего не выбрано в интерфейсе - добавляем "все"
+      selectedStatuses.value = [''];
+    } else {
+      // Оставляем как есть (только "все")
+      selectedStatuses.value = value;
+    }
+
+    applyFilters();
+  }
+});
+
+const computedSelectedPriorities = computed({
+  get: () => selectedPriorities.value,
+  set: (value: string[]) => {
+
+    const previousValue = selectedPriorities.value;
+
+    if (value.includes('') && !previousValue.includes('')) {
+      // Пользователь выбрал "все", когда его не было - оставляем только "все"
+      selectedPriorities.value = [''];
+    } else if (value.includes('') && previousValue.includes('') && value.length > 1) {
+      // Было "все", и добавили конкретный - убираем "все", оставляем конкретный
+      selectedPriorities.value = value.filter(v => v !== '');
+    } else if (!value.includes('') && value.length > 0) {
+      // Выбраны только конкретные приоритеты
+      selectedPriorities.value = value;
+    } else if (value.length === 0) {
+      // Ничего не выбрано в интерфейсе - добавляем "все"
+      selectedPriorities.value = [''];
+    } else {
+      // Оставляем как есть (только "все")
+      selectedPriorities.value = value;
+    }
+
+    applyFilters();
+  }
+});
+// Состояние для выбора мастера
+const selectedMaster = ref<IContributor | null>(null);
+const isSelfSelected = ref(props.initialIsMaster || false);
+
+// Stores для получения текущего пользователя
+const contributorStore = useContributorStore();
+
+// Опции статусов задач
+const statusOptions = computed(() => [
+  { label: 'Все статусы', value: '' },
+  { label: getIssueStatusLabel(Zeus.IssueStatus.BACKLOG), value: Zeus.IssueStatus.BACKLOG },
+  { label: getIssueStatusLabel(Zeus.IssueStatus.TODO), value: Zeus.IssueStatus.TODO },
+  { label: getIssueStatusLabel(Zeus.IssueStatus.IN_PROGRESS), value: Zeus.IssueStatus.IN_PROGRESS },
+  { label: getIssueStatusLabel(Zeus.IssueStatus.ON_REVIEW), value: Zeus.IssueStatus.ON_REVIEW },
+  { label: getIssueStatusLabel(Zeus.IssueStatus.DONE), value: Zeus.IssueStatus.DONE },
+  { label: getIssueStatusLabel(Zeus.IssueStatus.CANCELED), value: Zeus.IssueStatus.CANCELED },
+]);
+
+// Опции приоритетов задач
+const priorityOptions = [
+  { label: 'Все приоритеты', value: '' },
+  { label: 'Срочный', value: Zeus.IssuePriority.URGENT },
+  { label: 'Высокий', value: Zeus.IssuePriority.HIGH },
+  { label: 'Средний', value: Zeus.IssuePriority.MEDIUM },
+  { label: 'Низкий', value: Zeus.IssuePriority.LOW },
+];
+
+// Вычисляемое свойство для мастер фильтра
+const masterFilterValue = computed(() => {
+  if (isSelfSelected.value) {
+    return contributorStore.self?.username;
+  }
+  return selectedMaster.value?.username;
+});
+
+// Вычисляемое свойство для creator фильтра
+const creatorFilterValue = computed(() => {
+  if (isSelfCreator.value) {
+    return contributorStore.self?.username ? [contributorStore.self.username] : [];
+  }
+  return selectedCreator.value?.username ? [selectedCreator.value.username] : [];
+});
+
+// Применение фильтров
+const applyFilters = () => {
+  emit('filtersChanged', {
+    statuses: selectedStatuses.value.filter(s => s !== ''),
+    priorities: selectedPriorities.value.filter(p => p !== ''),
+    creators: creatorFilterValue.value,
+    master: masterFilterValue.value,
+  });
+};
+
+
+// Watcher для чекбокса "я" - автоматически выбирает/очищает себя
+watch(isSelfSelected, (isSelf) => {
+  if (isSelf) {
+    // Если выбрано "я", автоматически устанавливаем текущего пользователя
+    selectedMaster.value = contributorStore.self;
+  } else {
+    // Если сняли галочку "я", очищаем выбор если там был текущий пользователь
+    if (selectedMaster.value?.username === contributorStore.self?.username) {
+      selectedMaster.value = null;
+    }
+  }
+  applyFilters();
+});
+
+// Watcher для изменения выбранного мастера
+watch(selectedMaster, () => {
+  // Если выбрали кого-то другого, снимаем галочку "я"
+  if (selectedMaster.value && selectedMaster.value.username !== contributorStore.self?.username) {
+    isSelfSelected.value = false;
+  }
+  applyFilters();
+});
+
+// Watcher для чекбокса "я" создателя - автоматически выбирает/очищает себя
+watch(isSelfCreator, (isSelf) => {
+  if (isSelf) {
+    // Если выбрано "я", автоматически устанавливаем текущего пользователя
+    selectedCreator.value = contributorStore.self;
+  } else {
+    // Если сняли галочку "я", очищаем выбор если там был текущий пользователь
+    if (selectedCreator.value?.username === contributorStore.self?.username) {
+      selectedCreator.value = null;
+    }
+  }
+  applyFilters();
+});
+
+// Watcher для изменения выбранного создателя
+watch(selectedCreator, () => {
+  // Если выбрали кого-то другого, снимаем галочку "я"
+  if (selectedCreator.value && selectedCreator.value.username !== contributorStore.self?.username) {
+    isSelfCreator.value = false;
+  }
+  applyFilters();
+});
+
+// Удаление отдельных чипсов
+const removeStatus = (statusValue: string) => {
+  selectedStatuses.value = selectedStatuses.value.filter(s => s !== statusValue);
+  applyFilters();
+};
+
+const removePriority = (priorityValue: string) => {
+  selectedPriorities.value = selectedPriorities.value.filter(p => p !== priorityValue);
+  applyFilters();
+};
+
+// Методы подтверждения выбора и закрытия меню
+const confirmStatusSelection = () => {
+  statusSelectRef.value?.hidePopup();
+  applyFilters();
+};
+
+const confirmPrioritySelection = () => {
+  prioritySelectRef.value?.hidePopup();
+  applyFilters();
+};
+
+// Инициализация
+onMounted(() => {
+  // Если нет начальных значений - устанавливаем "все"
+  if (selectedStatuses.value.length === 0) {
+    selectedStatuses.value = [''];
+  }
+  if (selectedPriorities.value.length === 0) {
+    selectedPriorities.value = [''];
+  }
+
+  // Инициализируем мастер фильтр
+  if (props.initialIsMaster && contributorStore.self) {
+    isSelfSelected.value = true;
+    selectedMaster.value = contributorStore.self;
+  }
+
+  // Применяем начальные фильтры при монтировании
+  applyFilters();
+});
+</script>
+
+<style lang="scss" scoped>
+.q-card-section {
+  padding: 16px;
+}
+
+.text-h6 {
+  font-weight: 500;
+  margin-bottom: 16px;
+}
+
+.text-subtitle2 {
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.q-option-group {
+  .q-checkbox {
+    margin-bottom: 8px;
+  }
+}
+</style>