@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/extensions/capital/widgets/ImportResultsTable/ImportResultsTable.vue

@@ -0,0 +1,271 @@
+<template lang="pug">
+div
+  .table-header
+    .table-title Результаты импорта ({{ items.length }} записей)
+    .table-actions
+      q-btn(
+        v-if='hasErrors',
+        color='warning',
+        icon='refresh',
+        @click='$emit("retryAllFailed")',
+        label='Повторить все ошибки',
+        flat
+      )
+      q-btn(
+        color='grey-7',
+        icon='clear',
+        @click='$emit("clear")',
+        label='Очистить',
+        flat
+      )
+
+  q-table.import-results-table(
+    :rows='items',
+    :columns='columns',
+    row-key='id',
+    :loading='isImporting',
+    :pagination='{ rowsPerPage: 25 }',
+    binary-state-sort
+  )
+    template(v-slot:body-cell-status='props')
+      q-td(:props='props')
+        .status-cell
+          q-chip(
+            :color='getStatusColor(props.value)',
+            :icon='getStatusIcon(props.value)',
+            :label='getStatusLabel(props.value)',
+            size='sm'
+          )
+
+    template(v-slot:body-cell-actions='props')
+      q-td(:props='props')
+        .action-cell
+          q-btn(
+            v-if='props.row.status === "error"',
+            size='sm',
+            color='primary',
+            icon='refresh',
+            @click='$emit("retry", props.rowIndex)',
+            label='Повторить',
+            flat
+          )
+          q-tooltip(v-if='props.row.status === "error" && props.row.error') {{ props.row.error }}
+
+    template(v-slot:body-cell-error='props')
+      q-td(:props='props')
+        .error-cell
+          span(v-if='props.value', :title='props.value') {{ truncateText(props.value, 50) }}
+          span(v-else) -
+
+  .table-footer(v-if='items.length > 0')
+    .stats
+      .stat-item
+        .stat-label Всего:
+        .stat-value {{ items.length }}
+      .stat-item
+        .stat-label Успешно:
+        .stat-value.success {{ successCount }}
+      .stat-item
+        .stat-label Ошибок:
+        .stat-value.error {{ errorCount }}
+      .stat-item(v-if='isImporting')
+        .stat-label Прогресс:
+        .stat-value {{ (currentIndex ?? 0) + 1 }}/{{ items.length }}
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import type { ICsvContributor } from 'app/extensions/capital/shared/lib/composables/useCsvParser';
+
+interface Props {
+  items: ICsvContributor[];
+  isImporting?: boolean;
+  currentIndex?: number;
+}
+
+interface Emits {
+  (e: 'retry', index: number): void;
+  (e: 'retryAllFailed'): void;
+  (e: 'clear'): void;
+}
+
+const props = defineProps<Props>();
+defineEmits<Emits>();
+
+const columns = [
+  {
+    name: 'username',
+    label: 'Имя пользователя',
+    align: 'left' as const,
+    field: 'username',
+    sortable: true,
+  },
+  {
+    name: 'contribution_amount',
+    label: 'Сумма вклада',
+    align: 'left' as const,
+    field: 'contribution_amount',
+    sortable: true,
+  },
+  {
+    name: 'contributor_hash',
+    label: 'Хэш участника',
+    align: 'left' as const,
+    field: 'contributor_hash',
+    sortable: true,
+  },
+  {
+    name: 'memo',
+    label: 'Примечание',
+    align: 'left' as const,
+    field: 'memo',
+    sortable: true,
+  },
+  {
+    name: 'status',
+    label: 'Статус',
+    align: 'center' as const,
+    field: 'status',
+  },
+  {
+    name: 'actions',
+    label: 'Действия',
+    align: 'center' as const,
+    field: 'actions',
+  },
+  {
+    name: 'error',
+    label: 'Ошибка',
+    align: 'left' as const,
+    field: 'error',
+  },
+];
+
+const successCount = computed(() => {
+  return props.items.filter((item) => item.status === 'success').length;
+});
+
+const errorCount = computed(() => {
+  return props.items.filter((item) => item.status === 'error').length;
+});
+
+const hasErrors = computed(() => {
+  return props.items.some((item) => item.status === 'error');
+});
+
+const getStatusColor = (status: string) => {
+  switch (status) {
+    case 'success':
+      return 'positive';
+    case 'error':
+      return 'negative';
+    case 'pending':
+      return 'warning';
+    default:
+      return 'grey';
+  }
+};
+
+const getStatusIcon = (status: string) => {
+  switch (status) {
+    case 'success':
+      return 'check_circle';
+    case 'error':
+      return 'error';
+    case 'pending':
+      return 'schedule';
+    default:
+      return 'help';
+  }
+};
+
+const getStatusLabel = (status: string) => {
+  switch (status) {
+    case 'success':
+      return 'Успешно';
+    case 'error':
+      return 'Ошибка';
+    case 'pending':
+      return 'Ожидает';
+    default:
+      return 'Неизвестно';
+  }
+};
+
+const truncateText = (text: string, maxLength: number) => {
+  if (text.length <= maxLength) return text;
+  return text.substring(0, maxLength) + '...';
+};
+</script>
+
+<style lang="scss" scoped>
+.table-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+
+  .table-title {
+    font-size: 18px;
+    font-weight: 600;
+  }
+
+  .table-actions {
+    display: flex;
+    gap: 8px;
+  }
+}
+
+.import-results-table {
+  .status-cell {
+    display: flex;
+    justify-content: center;
+  }
+
+  .action-cell {
+    display: flex;
+    justify-content: center;
+  }
+
+  .error-cell {
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.table-footer {
+  margin-top: 16px;
+  padding: 16px;
+  border-radius: 4px;
+
+  .stats {
+    display: flex;
+    gap: 24px;
+    flex-wrap: wrap;
+
+    .stat-item {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+
+      .stat-label {
+        font-weight: 500;
+      }
+
+      .stat-value {
+        font-weight: 600;
+
+        &.success {
+          color: #4caf50;
+        }
+
+        &.error {
+          color: #f44336;
+        }
+      }
+    }
+  }
+}
+</style>

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

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

package/extensions/capital/widgets/InviteWidget/InviteWidget.vue

@@ -0,0 +1,43 @@
+<template lang="pug">
+div.invite-widget
+  Editor(
+    :model-value="invite"
+    :readonly="true"
+    :toolbar="false"
+    placeholder="Нет инвайта"
+    class="invite-editor"
+  )
+</template>
+
+<script lang="ts" setup>
+import { defineProps } from 'vue';
+import { Editor } from 'src/shared/ui';
+
+// Определяем props
+defineProps<{
+  invite: string;
+}>();
+</script>
+
+<style lang="scss" scoped>
+.invite-widget {
+  .invite-editor {
+    min-height: 200px;
+    max-height: 600px;
+    overflow-y: auto;
+
+    :deep(.ql-editor) {
+      padding: 12px;
+      border-radius: 4px;
+      background-color: #ffffff;
+      border: 1px solid #e0e0e0;
+      font-size: 14px;
+      line-height: 1.5;
+    }
+
+    :deep(.ql-toolbar) {
+      display: none;
+    }
+  }
+}
+</style>

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

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

package/extensions/capital/widgets/IssueControls/IssueControls.vue

@@ -0,0 +1,78 @@
+<template lang="pug">
+.row.items-center.q-gutter-md
+  .col-auto
+    UpdateStatus(
+      v-if='issue'
+      :model-value='issue.status'
+      :issue-hash='issue.issue_hash'
+      label='Статус'
+      :readonly='!permissions?.can_change_status'
+      @update:modelValue='handleStatusUpdate'
+    )
+  .col-auto
+    UpdatePriority(
+      v-if='issue'
+      :model-value='issue.priority'
+      :issue-hash='issue.issue_hash'
+      label='Приоритет'
+      :readonly='!permissions?.can_edit_issue'
+      @update:modelValue='handlePriorityUpdate'
+    )
+  .col-auto
+    UpdateEstimate(
+      v-if='issue'
+      :model-value='issue.estimate'
+      :issue-hash='issue.issue_hash'
+      label='Оценка (ч)'
+      :readonly='!permissions?.can_edit_issue'
+      @update:modelValue='handleEstimateUpdate'
+    )
+  .col-auto
+
+    SetCreatorButton(
+      v-if='issue'
+      :issue='issue'
+      :dense='true'
+      :disable='!permissions?.can_edit_issue'
+      @creators-set='handleCreatorsSet'
+    )
+</template>
+
+<script setup lang="ts">
+import type { IIssuePermissions } from 'app/extensions/capital/entities/Issue/model'
+import { UpdateStatus, UpdatePriority, UpdateEstimate } from '../../features/Issue/UpdateIssue'
+import { SetCreatorButton } from '../../features/Issue/SetCreator'
+
+interface Props {
+  issue: any // IIssue тип
+  permissions?: IIssuePermissions | null
+}
+
+interface Emits {
+  (e: 'update:status', value: any): void
+  (e: 'update:priority', value: any): void
+  (e: 'update:estimate', value: number): void
+  (e: 'creators-set', creators: any[]): void
+}
+
+withDefaults(defineProps<Props>(), {
+  permissions: null
+})
+const emit = defineEmits<Emits>()
+
+const handleStatusUpdate = (value: any) => {
+  emit('update:status', value)
+}
+
+const handlePriorityUpdate = (value: any) => {
+  emit('update:priority', value)
+}
+
+const handleEstimateUpdate = (value: number) => {
+  emit('update:estimate', value)
+}
+
+const handleCreatorsSet = (creators: any[]) => {
+  emit('creators-set', creators)
+}
+</script>

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

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

package/extensions/capital/widgets/IssueTitleEditor/IssueTitleEditor.vue

@@ -0,0 +1,76 @@
+<template lang="pug">
+q-input(
+  v-if="issue"
+  v-model='title'
+  :label='label || "Задача"'
+  filled
+  :readonly="!permissions?.can_edit_issue"
+  @input="handleTitleChange"
+  :rules="[val => !!val || 'Название задачи обязательно']"
+).full-width
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, watch } from 'vue'
+import { useRoute } from 'vue-router'
+import type { IIssue, IIssuePermissions } from 'app/extensions/capital/entities/Issue/model'
+import { useUpdateIssue } from 'app/extensions/capital/features/Issue/UpdateIssue'
+
+const props = defineProps<{
+  issue: IIssue | null | undefined
+  label?: string
+}>()
+
+const emit = defineEmits<{
+  fieldChange: []
+  'update:title': [value: string]
+}>()
+
+const route = useRoute()
+const projectHash = computed(() => route.params.project_hash as string)
+
+// Используем composable для обновления задач
+const { debounceSave } = useUpdateIssue()
+
+// Локальное состояние для title
+const localTitle = ref('')
+
+// Computed свойства для двухсторонней привязки
+const title = computed({
+  get: () => localTitle.value,
+  set: (value: string) => {
+    localTitle.value = value
+    emit('update:title', value)
+  }
+})
+
+// Computed для разрешений
+const permissions = computed((): IIssuePermissions | null => {
+  return props.issue?.permissions || null
+})
+
+// Обработчик изменения title
+const handleTitleChange = () => {
+  if (!props.issue) return
+
+  const updateData = {
+    issue_hash: props.issue.issue_hash,
+    title: props.issue.title,
+  }
+
+  // Запускаем авто-сохранение с задержкой
+  debounceSave(updateData, projectHash.value)
+
+  emit('fieldChange')
+}
+
+// Watcher для отслеживания изменений issue
+watch(() => props.issue, (newIssue) => {
+  if (newIssue && localTitle.value !== newIssue.title) {
+    localTitle.value = newIssue.title || ''
+  }
+}, { immediate: true, deep: true })
+</script>
+
+<style lang="scss" scoped>
+</style>

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

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

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

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