@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-1

package/extensions/capital/widgets/ProjectInfoSelectorWidget/ProjectContributorsList.vue

@@ -0,0 +1,207 @@
+<template lang="pug">
+q-card(flat)
+  // Лоадер загрузки сегментов
+  WindowLoader(v-if='loading', text='загрузка участников...')
+  q-table(
+    v-else
+    :rows='segments?.items || []',
+    :columns='columns',
+    row-key='id',
+    :pagination='{ rowsPerPage: 0 }',
+    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')
+            // Порядковый номер
+            .col-auto(style='width: 30px; flex-shrink: 0; text-align: center')
+              span.text-caption.text-grey-6 {{ props.rowIndex + 1 }}
+
+            // Иконка голоса
+            .col-auto(style='flex-shrink: 0; width: 32px; text-align: center')
+              q-icon(
+                :name='props.row.has_vote ? "how_to_vote" : "person_off"',
+                size='sm',
+              )
+
+            // Информация об участнике
+            .col.q-ml-sm
+              .row.items-center.justify-between
+                // Левая часть: имя и роли
+                .col-auto
+                  // Имя участника
+                  .row.items-center.q-mb-xs
+                    span.text-body2 {{ props.row.display_name }}
+
+                  // Роли участника
+                  .row.items-center.q-gutter-xs
+                    q-badge(
+                      v-if='props.row.is_author',
+                      color='primary',
+                      label='автор'
+                    )
+                    q-badge(
+                      v-if='props.row.is_creator',
+                      color='primary',
+                      label='создатель'
+                    )
+                    q-badge(
+                      v-if='props.row.is_coordinator',
+                      color='primary',
+                      label='координатор'
+                    )
+                    q-badge(
+                      v-if='props.row.is_investor',
+                      color='primary',
+                      label='инвестор'
+                    )
+                    q-badge(
+                      v-if='props.row.is_propertor',
+                      color='primary',
+                      label='собственник'
+                    )
+                    q-badge(
+                      v-if='props.row.is_contributor',
+                      color='primary',
+                      label='старший участник'
+                    )
+
+                // Средняя часть: вклад участника
+                .col(style='width: 400px; padding-left: 16px')
+                  .value-text(v-if='props.row.value')
+                    | {{ props.row.value }}
+
+                // Правая часть: стоимость взноса
+                .col-auto
+                  .row.items-center.q-gutter-xs
+                    // Доля участника
+                    ColorCard(color='blue')
+                      .card-label доля в результате
+                      .card-value {{ calculateShare(props.row.total_segment_cost) }}%
+
+                    // Сумма взноса
+                    ColorCard(color='green')
+                      .card-label сумма взноса
+                      .card-value {{ formatAsset2Digits(props.row.total_segment_cost) }}
+</template>
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue';
+import type { QTableProps } from 'quasar';
+import { useSystemStore } from 'src/entities/System/model';
+import { FailAlert } from 'src/shared/api';
+import { WindowLoader } from 'src/shared/ui/Loader';
+import { ColorCard } from 'src/shared/ui/ColorCard';
+import { formatAsset2Digits } from 'src/shared/lib/utils/formatAsset2Digits';
+import { useSegmentStore } from 'app/extensions/capital/entities/Segment/model';
+import type { ISegmentsPagination, IGetSegmentsInput } from 'app/extensions/capital/entities/Segment/model';
+import type { IProject } from '../../entities/Project/model';
+
+const props = defineProps<{
+  project?: IProject | null;
+}>();
+
+const { info } = useSystemStore();
+const segmentStore = useSegmentStore();
+
+const segments = ref<ISegmentsPagination | null>(null);
+const loading = ref(false);
+
+// Загрузка сегментов-участников
+const loadSegments = async () => {
+  loading.value = true;
+
+  try {
+    const filter: NonNullable<IGetSegmentsInput['filter']> = {
+      coopname: info.coopname,
+    };
+
+    // Если передан проект, фильтруем по нему
+    if (props.project?.project_hash) {
+      filter.project_hash = props.project.project_hash;
+    }
+
+    const segmentsInput: IGetSegmentsInput = {
+      filter,
+      options: {
+        page: 1,
+        limit: 100,
+        sortBy: '_created_at',
+        sortOrder: 'DESC',
+      },
+    };
+
+    await segmentStore.loadSegments(segmentsInput);
+
+    segments.value = segmentStore.segments;
+  } catch (error) {
+    console.error('Ошибка при загрузке сегментов:', error);
+    FailAlert('Не удалось загрузить список участников');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// Функция расчета доли участника
+const calculateShare = (totalSegmentCost: string): string => {
+  if (!props.project?.fact?.total || !totalSegmentCost) return '0.00';
+
+  const projectTotal = parseFloat(props.project.fact.total);
+  const segmentCost = parseFloat(totalSegmentCost);
+
+  if (projectTotal === 0 || segmentCost === 0) return '0.00';
+
+  const share = (segmentCost / projectTotal) * 100;
+  return share.toFixed(2);
+};
+
+// Загружаем данные при монтировании
+onMounted(async () => {
+  await loadSegments();
+});
+
+// Определяем столбцы таблицы
+const columns: QTableProps['columns'] = [
+  {
+    name: 'contributor',
+    label: 'Участник',
+    align: 'left',
+    field: 'display_name',
+    sortable: true,
+  },
+];
+</script>
+
+<style lang="scss" scoped>
+.q-table {
+  tr {
+    min-height: 48px;
+  }
+
+  .q-td {
+    padding: 0; // Убираем padding таблицы, так как теперь используем внутренний padding
+  }
+}
+
+.q-badge {
+  font-weight: 500;
+  margin-right: 4px;
+}
+
+.value-text {
+  font-size: 0.875rem;
+  line-height: 1.4;
+  color: var(--q-primary);
+  display: inline-block;
+  vertical-align: top;
+  word-wrap: break-word;
+  white-space: normal;
+  max-width: 100%;
+}
+</style>

package/extensions/capital/widgets/ProjectInfoSelectorWidget/ProjectInfoSelectorWidget.vue

@@ -0,0 +1,114 @@
+<template lang="pug">
+div
+  // Button group для переключения между описанием и приглашением
+  q-btn-group
+
+    q-btn(
+      size="md"
+      :outline="activeTab !== 'description'",
+      color="primary",
+      label="Описание",
+      @click="activeTab = 'description'"
+    )
+    q-btn(
+      size="md"
+      :outline="activeTab !== 'invite'",
+      color="primary",
+      label="Приглашение",
+      @click="activeTab = 'invite'"
+    )
+
+    q-btn(
+      size="md"
+      :outline="activeTab !== 'planning'",
+      color="primary",
+      label="Финансирование",
+      @click="activeTab = 'planning'"
+    )
+    q-btn(
+      size="md"
+      :outline="activeTab !== 'contributors'"
+      color="primary"
+      label="Участники"
+      @click="activeTab = 'contributors'"
+    )
+
+  // Редактор описания
+  div(v-if="activeTab === 'description'")
+    Editor(
+      :min-height="200",
+      v-if="project"
+      v-model='description',
+      :placeholder='descriptionPlaceholder || "Введите описание..."',
+      :readonly="!permissions?.can_edit_project"
+    )
+
+  // Редактор приглашения
+  div(v-if="activeTab === 'invite'")
+    Editor(
+      :min-height="200",
+      v-if="project"
+      v-model='invite',
+      :placeholder='invitePlaceholder || "Введите приглашение..."',
+      :readonly="!permissions?.can_edit_project"
+    )
+
+
+
+  // Участники проекта
+  div(v-if="activeTab === 'contributors'" )
+    ProjectContributorsList(:project='project' style="min-height: 300px;")
+
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, watch } from 'vue';
+import type { IProject, IProjectPermissions } from 'app/extensions/capital/entities/Project/model';
+import { Editor } from 'src/shared/ui';
+
+import ProjectContributorsList from './ProjectContributorsList.vue';
+
+const props = defineProps<{
+  project: IProject | null | undefined;
+  descriptionPlaceholder?: string;
+  invitePlaceholder?: string;
+  permissions?: IProjectPermissions | null;
+}>();
+
+const emit = defineEmits<{
+  'update:description': [value: string];
+  'update:invite': [value: string];
+  fieldChange: [];
+}>();
+
+// Активная вкладка
+const activeTab = ref<'description' | 'invite' | 'management' | 'planning' | 'contributors'>('description');
+
+// Следим за изменением permissions и переключаем на доступную вкладку
+watch(() => props.permissions, (newPermissions) => {
+  if (!newPermissions?.can_edit_project && (activeTab.value === 'management' || activeTab.value === 'planning')) {
+    activeTab.value = 'description';
+  }
+});
+
+// Computed свойства для двухсторонней привязки
+const description = computed({
+  get: () => props.project?.description || '',
+  set: (value: string) => {
+    emit('update:description', value);
+    emit('fieldChange');
+  }
+});
+
+const invite = computed({
+  get: () => props.project?.invite || '',
+  set: (value: string) => {
+    emit('update:invite', value);
+    emit('fieldChange');
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+// Стили если необходимо
+</style>

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

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

package/extensions/capital/widgets/ProjectMenuWidget/ProjectMenuWidget.vue

@@ -0,0 +1,28 @@
+<template lang="pug">
+q-btn-dropdown(
+  v-model='menuOpened',
+  :dropdown-icon='"more_vert"',
+  flat,
+  dense,
+  color='grey-7',
+  size='sm',
+  :menu-anchor='"bottom end"',
+  :menu-self='"top end"',
+  @click.stop
+)
+  CreateComponentButton(:project='project', @onClick='handleMenuItemClick')
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+import { CreateComponentButton } from '../../features/Project/CreateComponent';
+import type { IProject } from '../../entities/Project/model';
+
+defineProps<{ project: IProject }>();
+
+const menuOpened = ref(false);
+
+const handleMenuItemClick = () => {
+  menuOpened.value = false;
+};
+</script>

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

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

package/extensions/capital/widgets/ProjectPathWidget/ProjectPathWidget.vue

@@ -0,0 +1,143 @@
+<template lang="pug">
+.breadcrumb-path
+  // Родительский проект (если есть)
+  .breadcrumb-item(
+    v-if="project?.parent_hash && project?.parent_title"
+    @click="goToProject(project.parent_hash)"
+  )
+    q-icon(name="folder", size="14px", color="grey-7")
+    span {{ truncateText(project.parent_title, 30) }}
+    q-icon.breadcrumb-link(name="open_in_new", size="10px")
+
+  // Разделитель
+  .breadcrumb-separator(
+    v-if="project?.parent_hash && project?.parent_title"
+  ) /
+
+  // Текущий проект/компонент
+  .breadcrumb-item.current(
+    v-if="project?.title"
+    @click="goToProject(project?.project_hash)"
+  )
+    q-icon(name="task", size="14px", color="primary")
+    span {{ truncateText(project?.title || 'Загрузка...', 35) }}
+    q-icon.breadcrumb-link(name="open_in_new", size="10px")
+
+</template>
+
+<script lang="ts" setup>
+import { useRouter } from 'vue-router';
+import type { IProject } from 'app/extensions/capital/entities/Project/model';
+
+const router = useRouter();
+
+const props = defineProps<{
+  project?: IProject | null;
+}>();
+
+// Функция для сокращения текста
+const truncateText = (text: string, maxLength: number): string => {
+  if (text.length <= maxLength) return text;
+  return text.substring(0, maxLength - 3) + '...';
+};
+
+const goToProject = (projectHash?: string) => {
+  if (!projectHash) return;
+
+  // Для компонентов (у которых есть parent_hash) переходим на страницу компонента
+  // Для проектов (без parent_hash) переходим на страницу проекта
+  const routeName = props.project?.parent_hash ? 'component-description' : 'project-components';
+
+  router.push({
+    name: routeName,
+    params: { project_hash: projectHash }
+  });
+};
+</script>
+
+<style lang="scss" scoped>
+.breadcrumb-path {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+  padding: 8px 12px;
+  background: rgba(var(--q-primary-rgb), 0.04);
+  border: 1px solid rgba(var(--q-primary-rgb), 0.1);
+  border-radius: 6px;
+  font-size: 13px;
+  line-height: 1.4;
+  min-height: 36px;
+}
+
+.breadcrumb-item {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  color: #666;
+  font-weight: 500;
+
+  &:hover {
+    color: var(--q-primary);
+    text-decoration: underline;
+
+    .breadcrumb-link {
+      opacity: 1;
+      transform: scale(1.1);
+    }
+  }
+
+  &.current {
+    color: var(--q-primary);
+    font-weight: 600;
+  }
+
+  .q-icon {
+    flex-shrink: 0;
+  }
+
+  span {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+.breadcrumb-separator {
+  color: #999;
+  font-weight: normal;
+  user-select: none;
+}
+
+.breadcrumb-link {
+  opacity: 0.4;
+  transition: all 0.2s ease;
+  flex-shrink: 0;
+}
+
+@media (max-width: 600px) {
+  .breadcrumb-path {
+    padding: 6px 8px;
+    font-size: 12px;
+    gap: 4px;
+  }
+
+  .breadcrumb-item {
+    gap: 2px;
+
+    .q-icon {
+      font-size: 12px;
+    }
+
+    .breadcrumb-link {
+      font-size: 8px;
+    }
+  }
+
+  .breadcrumb-separator {
+    font-size: 12px;
+  }
+}
+</style>

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

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

package/extensions/capital/widgets/ProjectPlanningWidget/ProjectPlanningWidget.vue

@@ -0,0 +1,98 @@
+<template lang="pug">
+q-card(flat)
+
+  // Таблица сравнения плана и факта (всегда показывается)
+  q-table(
+    :rows='comparisonFields',
+    :columns='tableColumns',
+    row-key='key',
+    flat,
+    square,
+    :pagination='{ rowsPerPage: 0 }',
+    :no-data-label='"Нет данных"'
+    hide-pagination
+  )
+    template(#body='props')
+      q-tr(:props='props')
+        q-td {{ props.row.label }}
+        q-td.text-right
+          .text-weight-bold {{ project?.is_planed ? formatValue(project?.plan?.[props.row.key], props.row.key) : 'не установлено' }}
+        q-td.text-right
+          .text-weight-bold {{ formatValue(project?.fact?.[props.row.key], props.row.key) }}
+</template>
+
+<script setup lang="ts">
+import type { IProject, IProjectPermissions } from '../../entities/Project/model';
+import { formatAsset2Digits } from 'src/shared/lib/utils/formatAsset2Digits';
+import { formatHours } from 'src/shared/lib/utils/pluralizeHours';
+
+defineProps<{
+  project: IProject | null | undefined;
+  permissions?: IProjectPermissions | null;
+}>();
+
+// Колонки для таблицы сравнения плана и факта
+const tableColumns = [
+  {
+    name: 'label',
+    label: 'Показатель',
+    align: 'left' as const,
+    field: 'label' as const,
+    sortable: false,
+  },
+  {
+    name: 'plan',
+    label: 'План',
+    align: 'right' as const,
+    field: 'plan' as const,
+    sortable: false,
+  },
+  {
+    name: 'fact',
+    label: 'Факт',
+    align: 'right' as const,
+    field: 'fact' as const,
+    sortable: false,
+  },
+];
+
+// Поля для сравнения плана и факта
+const comparisonFields = [
+  { key: 'hour_cost', label: 'Стоимость часа создателей' },
+  { key: 'creators_hours', label: 'Требуемый ресурс времени создателей' },
+  { key: 'creators_base_pool', label: 'Себестоимость вклада создателей' },
+  { key: 'authors_base_pool', label: 'Себестоимость вклада авторов' },
+  { key: 'coordinators_base_pool', label: 'Себестоимость вклада координаторов' },
+  { key: 'creators_bonus_pool', label: 'Премии создателей' },
+  { key: 'authors_bonus_pool', label: 'Премии авторов' },
+  { key: 'contributors_bonus_pool', label: 'Премии участников' },
+  { key: 'target_expense_pool', label: 'Дополнительные расходы' },
+  { key: 'invest_pool', label: 'Привлекаемые инвестиции' },
+  // { key: 'total_generation_pool', label: 'Общий генерационный пул' },
+  // { key: 'total', label: 'Общая сумма' }
+];
+
+// Форматирование значений для отображения
+const formatValue = (value: any, fieldKey?: string): string => {
+  if (value == null || value === '') {
+    return '—';
+  }
+
+  // Для поля "Требуемый ресурс времени создателей" показываем число с правильным склонением часов
+  if (fieldKey === 'creators_hours') {
+    if (typeof value === 'number') {
+      return formatHours(value);
+    }
+    return String(value);
+  }
+
+  // Для всех остальных полей применяем formatAsset2Digits
+  if (typeof value === 'string') {
+    return formatAsset2Digits(value);
+  }
+  if (typeof value === 'number') {
+    return formatAsset2Digits(value.toString());
+  }
+  return String(value);
+};
+</script>

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

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

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

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