@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/extensions/capital/widgets/ShortInviteWidget/ShortInviteWidget.vue

@@ -0,0 +1,133 @@
+<template lang="pug">
+div.short-invite-widget(
+  @click="handleClick"
+  :class="{ 'cursor-pointer': clickable }"
+)
+  Editor(
+    :model-value="shortInvite"
+    :readonly="true"
+    :toolbar="false"
+    placeholder="Нет инвайта"
+    class="short-invite-editor"
+  )
+
+  // Кнопка подробностей
+  .q-mt-sm.text-right
+    q-btn(
+      flat
+      dense
+      color="primary"
+      label="Подробности"
+      @click.stop="handleDetailsClick"
+      icon="visibility"
+    )
+</template>
+
+<script lang="ts" setup>
+import { defineProps, defineEmits, computed } from 'vue';
+import { Editor } from 'src/shared/ui';
+
+const emit = defineEmits<{
+  click: [projectHash: string];
+  details: [projectHash: string];
+}>();
+
+// Определяем props
+const props = defineProps<{
+  invite: string;
+  projectHash?: string;
+  clickable?: boolean;
+  maxLength?: number; // Максимальная длина текста в символах
+}>();
+
+// Функция для сокращения текста JSON EditorJS
+const shortenInvite = (inviteJson: string, maxLength = 200): string => {
+  try {
+    const data = JSON.parse(inviteJson);
+    if (!data.blocks || !Array.isArray(data.blocks)) {
+      return inviteJson.length > maxLength
+        ? inviteJson.substring(0, maxLength) + '...'
+        : inviteJson;
+    }
+
+    // Собираем текст из блоков
+    let text = '';
+    let isTruncated = false;
+
+    for (const block of data.blocks) {
+      if (block.type === 'paragraph' && block.data?.text) {
+        const blockText = block.data.text.replace(/<[^>]*>/g, ''); // Убираем HTML теги
+        if (text.length + blockText.length > maxLength) {
+          // Добавляем часть блока
+          const remainingLength = maxLength - text.length;
+          text += blockText.substring(0, remainingLength) + '...';
+          isTruncated = true;
+          break;
+        }
+        text += blockText + '\n';
+      }
+      // Можно добавить обработку других типов блоков (header, list, etc.)
+    }
+
+    // Если текст короткий, возвращаем полный
+    if (!isTruncated && text.length <= maxLength) {
+      return inviteJson;
+    }
+
+    // Создаем сокращенную версию JSON
+    return JSON.stringify({
+      ...data,
+      blocks: [{
+        type: 'paragraph',
+        data: {
+          text: text
+        }
+      }]
+    });
+
+  } catch (error) {
+    // Если не JSON, просто обрезаем строку
+    return inviteJson.length > maxLength
+      ? inviteJson.substring(0, maxLength) + '...'
+      : inviteJson;
+  }
+};
+
+// Вычисляемое свойство для сокращенного инвайта
+const shortInvite = computed(() =>
+  shortenInvite(props.invite, props.maxLength || 200)
+);
+
+// Обработчик клика на виджет
+const handleClick = () => {
+  if (props.clickable && props.projectHash) {
+    emit('click', props.projectHash);
+  }
+};
+
+// Обработчик клика на кнопку подробностей
+const handleDetailsClick = () => {
+  if (props.projectHash) {
+    emit('details', props.projectHash);
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.short-invite-widget {
+  transition: all 0.2s ease;
+
+  &.cursor-pointer:hover {
+    .short-invite-editor :deep(.ql-editor) {
+      background-color: #f8f9fa;
+      border: 1px solid #e9ecef;
+    }
+  }
+
+  .short-invite-editor {
+    min-height: 80px;
+
+    overflow-y: hidden; // Скрываем прокрутку для сокращенного вида
+  }
+}
+</style>

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

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

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

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

package/extensions/capital/widgets/StoryWidget/ui/StoriesWidget.vue

@@ -0,0 +1,355 @@
+<template lang="pug">
+div
+  //- // Заголовок виджета
+  q-card-section.q-pb-sm
+    .row.items-center.q-gutter-sm
+      //- q-icon(name='history', size='20px')
+      //- span.text-bold.full-width.text-center Пользовательские Истории
+
+  // Форма создания истории
+  q-card-section.q-pa-none.q-mb-md
+    q-input.q-pa-sm(
+      v-if='canCreate',
+      ref='titleInput',
+      v-model='newStoryTitle',
+      placeholder='Введите требование...',
+      dense,
+      flat,
+      hide-bottom-space,
+      @keydown.enter='handleCreateStory',
+      @keydown.escape='newStoryTitle = ""',
+      type='textarea',
+      rows='1'
+    )
+      template(#append)
+        q-btn(
+          icon='check',
+          flat,
+          dense,
+          color='positive',
+          @click='handleCreateStory',
+          :loading='creating'
+        )
+
+  // Список историй
+  q-card-section.q-pa-none
+    .stories-list
+      q-item(
+        v-for='story in stories?.items || []',
+        :key='story._id',
+        clickable,
+        v-ripple,
+        @click='onStoryClick(story)'
+      )
+        q-item-section(side)
+          q-checkbox(
+            :model-value='story.status',
+            :true-value='Zeus.StoryStatus.COMPLETED',
+            :false-value='Zeus.StoryStatus.PENDING',
+            dense,
+            @update:model-value='handleStatusChange(story, $event)',
+            @click.stop,
+            color='positive'
+          )
+
+        q-item-section
+          .text-body2.font-weight-medium {{ story.title }}
+            .full-width
+              // Индикатор типа истории
+              q-badge(
+                :color='getStoryTypeColor(story)',
+                :label='getStoryTypeLabel(story)'
+              )
+
+        q-item-section(side)
+          DeleteStoryButton(
+            :story-hash='story.story_hash',
+            :story-title='story.title',
+            @deleted='onStoryDeleted',
+            @close='onDeleteDialogClose',
+            @click.stop
+          )
+
+      // Заглушка если нет историй
+      div(v-if='!loading && (!stories?.items || stories.items.length === 0)')
+        .text-center.q-pa-md
+          q-icon(name='history', size='48px', color='grey-4')
+          .text-body2.text-grey-6.q-mt-sm
+            | {{ emptyMessage }}
+
+      // Загрузка
+      div(v-if='loading')
+        .text-center.q-pa-md
+          q-spinner(color='primary', size='24px')
+          .text-body2.text-grey-6.q-mt-sm Загрузка требований...
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, onMounted } from 'vue';
+import { Zeus } from '@coopenomics/sdk';
+import {
+  useStoryStore,
+  type IStory,
+  type IGetStoriesInput,
+  type ICreateStoryInput,
+  type IUpdateStoryInput,
+} from 'app/extensions/capital/entities/Story/model';
+import { useSystemStore } from 'src/entities/System/model';
+import { useSessionStore } from 'src/entities/Session';
+import { FailAlert, SuccessAlert } from 'src/shared/api';
+import { useCreateStory } from 'app/extensions/capital/features/Story/CreateStory';
+import { DeleteStoryButton } from 'app/extensions/capital/features/Story/DeleteStory';
+import { useUpdateStory } from 'app/extensions/capital/features/Story/UpdateStory';
+
+// Props для конфигурации виджета
+interface Props {
+  // Фильтр для загрузки историй
+  filter?: Partial<IGetStoriesInput['filter']>;
+  // Показывать ли кнопку создания
+  canCreate?: boolean;
+  // Максимальное количество историй для отображения
+  maxItems?: number;
+  // Сообщение когда нет историй
+  emptyMessage?: string;
+  // Callback при клике на историю
+  onStoryClick?: (story: IStory) => void | undefined;
+  // Callback при клике на задачу
+  onIssueClick?: (issueId: string) => void | undefined;
+  // Хэш текущего открытого проекта
+  currentProjectHash?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  canCreate: true,
+  maxItems: 50,
+  emptyMessage: 'Требований пока нет',
+  onStoryClick: undefined,
+  onIssueClick: undefined,
+  currentProjectHash: undefined,
+});
+
+const { info } = useSystemStore();
+const sessionStore = useSessionStore();
+const storyStore = useStoryStore();
+
+// Реактивные переменные
+const loading = ref(false);
+const creating = ref(false);
+const newStoryTitle = ref('');
+const titleInput = ref();
+const updatingStoryId = ref<string | null>(null);
+
+// Вычисляемые свойства
+const stories = computed(() => {
+  if (!storyStore.stories) return null;
+
+  // Сортируем истории: сперва проектные без issue, затем остальные
+  const sortedItems = [...storyStore.stories.items].sort((a, b) => {
+    // Определяем приоритет группы для каждой истории
+    const getGroupPriority = (story: IStory): number => {
+      if (story.project_hash && !story.issue_id) {
+        // Проектная история без issue - высший приоритет (группа 1)
+        return 1;
+      }
+      // Все остальные истории (группа 2)
+      return 2;
+    };
+
+    const aPriority = getGroupPriority(a);
+    const bPriority = getGroupPriority(b);
+
+    // Если приоритеты разные - сортируем по приоритету
+    if (aPriority !== bPriority) {
+      return aPriority - bPriority;
+    }
+
+    // Если приоритеты одинаковые - сортируем по 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 loadStories = async () => {
+  loading.value = true;
+  try {
+    const filter: IGetStoriesInput['filter'] = {
+      coopname: info.coopname,
+      ...props.filter,
+    };
+
+    const options: IGetStoriesInput['options'] = {
+      page: 1,
+      limit: props.maxItems,
+      sortBy: '_created_at',
+      sortOrder: 'DESC',
+    };
+
+    await storyStore.loadStories({ filter, options });
+  } catch (error) {
+    console.error('Ошибка при загрузке историй:', error);
+    FailAlert('Не удалось загрузить истории');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// Создание истории
+const handleCreateStory = async () => {
+  if (!newStoryTitle.value.trim()) return;
+  if (!sessionStore.username || sessionStore.username === '') {
+    FailAlert('Необходимо авторизоваться');
+    return;
+  }
+
+  creating.value = true;
+  try {
+    // Подготавливаем данные для создания истории
+    const currentUsername = sessionStore.username;
+    if (!currentUsername) {
+      throw new Error('Username is required');
+    }
+
+    const storyData = {
+      title: newStoryTitle.value.trim(),
+      ...props.filter, // Добавляем фильтр (project_hash или issue_id)
+    } as ICreateStoryInput;
+
+    const newStory = await useCreateStory().createStory(storyData);
+    SuccessAlert('История создана');
+
+    // Добавляем новую историю в локальный store
+    storyStore.addStoryToList(newStory);
+
+    // Сбрасываем форму
+    newStoryTitle.value = '';
+  } catch (error) {
+    console.error('Ошибка при создании истории:', error);
+    FailAlert('Не удалось создать историю');
+  } finally {
+    creating.value = false;
+  }
+};
+
+// Функция для получения цвета бейджа типа истории
+const getStoryTypeColor = (story: IStory): string => {
+  if (story.project_hash && !story.issue_id) {
+    return 'blue'; // Проектная история
+  }
+  if (story.issue_id) {
+    return 'orange'; // Задачная история
+  }
+  return 'grey'; // Обычная история
+};
+
+// Функция для получения текста бейджа типа истории
+const getStoryTypeLabel = (story: IStory): string => {
+  if (story.project_hash && !story.issue_id) {
+    return 'проект'; // Проектная история
+  }
+  if (story.issue_id) {
+    // Для задачной истории берем первые 6 символов issue_id
+    const shortId = story.issue_id.substring(0, 6);
+    return `задача #${shortId}`;
+  }
+  return 'история'; // Обычная история
+};
+
+// Обработчик клика по истории
+const onStoryClick = (story: IStory) => {
+  // Если у истории есть issue_id - переходим к задаче
+  if (story.issue_id && props.onIssueClick) {
+    props.onIssueClick(story.issue_id);
+    return;
+  }
+
+  // Если у истории есть project_hash и это текущий открытый проект - ничего не делаем
+  if (story.project_hash && story.project_hash === props.currentProjectHash) {
+    return;
+  }
+
+  // В остальных случаях вызываем стандартный обработчик
+  if (props.onStoryClick) {
+    props.onStoryClick(story);
+  }
+};
+
+// Обработчики для DeleteStoryButton
+const onStoryDeleted = () => {
+  // История будет автоматически удалена из списка через store
+};
+
+const onDeleteDialogClose = () => {
+  // Обработка закрытия диалога
+};
+
+// Изменение статуса истории
+const handleStatusChange = async (
+  story: IStory,
+  newStatus: Zeus.StoryStatus,
+) => {
+  updatingStoryId.value = story._id;
+  try {
+    const updateData: IUpdateStoryInput = {
+      story_hash: story.story_hash,
+      status: newStatus,
+    };
+
+    // Обновляем историю через API
+    await useUpdateStory().updateStory(updateData);
+
+    SuccessAlert('Статус истории обновлен');
+  } catch (error) {
+    console.error('Ошибка при обновлении статуса истории:', error);
+    FailAlert('Не удалось обновить статус истории');
+  } finally {
+    updatingStoryId.value = null;
+  }
+};
+
+// Инициализация
+onMounted(async () => {
+  await loadStories();
+});
+</script>
+
+<style lang="scss" scoped>
+.stories-list {
+  .q-item {
+    border-radius: 8px;
+    margin-bottom: 4px;
+
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.04);
+    }
+  }
+}
+
+.text-h6 {
+  margin-bottom: 8px;
+}
+
+// Стили для бейджей типов историй
+.q-badge {
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  font-size: 8px;
+}
+</style>

package/extensions/capital/widgets/TimeEntriesWidget/TimeEntriesWidget.vue

@@ -0,0 +1,181 @@
+<template lang="pug">
+q-card(flat, style='margin-left: 20px; margin-top: 8px;')
+  q-table(
+    :rows='timeEntries?.items || []',
+    :columns='columns',
+    row-key='_id',
+    :loading='loading',
+    flat,
+    square,
+    hide-header,
+    hide-bottom,
+    :pagination='pagination',
+    @request='onRequest'
+  )
+
+    template(#body='props')
+      q-tr(:props='props')
+        q-td
+          .commit-info(v-if='props.row.commit_hash')
+            q-chip(
+              color='blue',
+              text-color='white',
+              dense,
+              size='sm',
+              :label='`Commit: ${props.row.commit_hash.substring(0, 8)}`'
+            )
+        q-td.text-right
+          .stats-info
+            .stat-item
+              ColorCard(color='grey')
+                .card-value {{ formatHours(props.row.hours) }}
+                .card-label {{ formatDate(props.row.date) }}
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted, watch } from 'vue';
+import { useSystemStore } from 'src/entities/System/model';
+import { FailAlert } from 'src/shared/api';
+import { useTimeEntriesStore } from 'app/extensions/capital/entities/TimeEntries/model';
+import { ColorCard } from 'src/shared/ui/ColorCard/ui';
+import { formatHours } from 'src/shared/lib/utils';
+
+const props = defineProps<{
+  issueHash: string;
+  coopname?: string;
+  username?: string;
+}>();
+
+const { info } = useSystemStore();
+const timeEntriesStore = useTimeEntriesStore();
+
+const timeEntries = ref<any>(null);
+const loading = ref(false);
+
+// Определяем столбцы таблицы
+const columns = [
+  {
+    name: 'commit',
+    label: 'Коммит',
+    align: 'left' as const,
+    field: 'commit_hash' as const,
+    sortable: false,
+  },
+  {
+    name: 'ticket',
+    label: 'Билет времени',
+    align: 'right' as const,
+    field: 'hours' as const,
+    sortable: true,
+  },
+];
+
+// Пагинация
+const pagination = ref({
+  sortBy: '_created_at',
+  sortOrder: 'DESC',
+  page: 1,
+  rowsPerPage: 100,
+  rowsNumber: 0,
+});
+
+
+// Форматирование даты
+const formatDate = (dateString: string) => {
+  return new Date(dateString).toLocaleDateString('ru-RU');
+};
+
+// Загрузка данных по записям времени
+const loadTimeEntries = async (paginationData?: any) => {
+  if (!props.issueHash) return;
+
+  const paginationToUse = paginationData || pagination.value;
+  loading.value = true;
+
+  try {
+    const entries = await timeEntriesStore.loadTimeEntries({
+      filter: {
+        coopname: props.coopname || info.coopname,
+        issue_hash: props.issueHash,
+        username: props.username,
+      },
+      options: {
+        page: paginationToUse.page,
+        limit: paginationToUse.rowsPerPage,
+        sortBy: paginationToUse.sortBy,
+        sortOrder: paginationToUse.sortOrder,
+      },
+    });
+
+    timeEntries.value = entries;
+    pagination.value.rowsNumber = entries.totalCount;
+  } 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.sortOrder = descending ? 'DESC' : 'ASC';
+
+  await loadTimeEntries(pagination.value);
+};
+
+// Загружаем данные при монтировании и изменении issueHash
+onMounted(() => {
+  loadTimeEntries();
+});
+
+watch(() => props.issueHash, () => {
+  // Сбрасываем пагинацию при изменении issue
+  pagination.value.page = 1;
+  loadTimeEntries();
+});
+</script>
+
+<style lang="scss" scoped>
+
+.commit-info {
+  max-width: 200px;
+}
+
+.label {
+  font-weight: 400;
+  color: #666;
+  margin-right: 4px;
+}
+
+.stats-info {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.stat-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  .stat-label {
+    font-size: 0.75rem;
+    color: #666;
+    white-space: nowrap;
+  }
+
+  :deep(.color-card) {
+    margin-bottom: 0;
+    padding: 6px 8px 2px 8px;
+  }
+}
+
+</style>

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

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