@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/extensions/capital/widgets/CreateResultDecisionInfoWidget/CreateResultDecisionInfoWidget.vue

@@ -0,0 +1,38 @@
+<template lang="pug">
+q-card(flat, style='margin-left: 40px; margin-top: 8px;')
+  q-card-section.q-py-sm
+    .text-subtitle1.text-grey-7 Детальная информация по результату createresult
+
+  q-separator
+
+  q-card-section
+    .row.justify-center
+      .col-md-6.col-12.q-pa-sm
+        ColorCard(color='blue')
+          .card-label Тип решения
+          .card-value Решение о приросте капитализации
+      .col-md-6.col-12.q-pa-sm
+        ColorCard(color='green')
+          .card-label Статус
+          .card-value Активно
+
+    .row.justify-center.q-mt-md
+      .col-12
+        .text-body2.text-grey-7
+          | Этот компонент отображает дополнительную информацию для решения типа createresult.
+          | Фабрика решений успешно зарегистрировала и отобразила этот компонент.
+</template>
+
+<script lang="ts" setup>
+import { ColorCard } from 'src/shared/ui/ColorCard/ui';
+import type { IAgenda } from 'src/entities/Agenda/model';
+
+interface Props {
+  agenda: IAgenda;
+}
+
+defineProps<Props>();
+</script>
+
+<style lang="scss" scoped>
+</style>

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

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

package/extensions/capital/widgets/CsvUploader/CsvUploader.vue

@@ -0,0 +1,232 @@
+<template lang="pug">
+div
+  .upload-area(
+    :class='{ "upload-area--dragover": isDragOver }',
+    @dragover.prevent='onDragOver',
+    @dragleave.prevent='onDragLeave',
+    @drop.prevent='onDrop'
+  )
+    .upload-content
+      q-icon(name='cloud_upload', size='48px', color='grey-6')
+      .upload-text Загрузите CSV файл с участниками
+      .upload-subtext
+        | Перетащите файл сюда или
+        q-btn(
+          glossy,
+          dense,
+          size='sm',
+          color='primary',
+          label='выберите файл',
+          @click='fileInput?.click()'
+        )
+
+      input(
+        ref='fileInput',
+        type='file',
+        accept='.csv',
+        @change='onFileSelected',
+        style='display: none'
+      )
+
+  .file-info(v-if='selectedFile')
+    .file-info-content
+      .file-name
+        q-icon(name='description', size='20px')
+        span {{ selectedFile.name }}
+      .file-size ({{ formatFileSize(selectedFile.size) }})
+      q-btn(
+        flat,
+        dense,
+        color='negative',
+        icon='delete',
+        @click='clearFile',
+        label='Удалить'
+      )
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useCsvParser } from 'app/extensions/capital/shared/lib/composables/useCsvParser';
+import { SuccessAlert, FailAlert, NotifyAlert } from 'src/shared/api';
+
+interface Emits {
+  (e: 'parsed', data: any[]): void;
+}
+
+const emit = defineEmits<Emits>();
+
+const { parseCsv } = useCsvParser();
+const selectedFile = ref<File | null>(null);
+const isDragOver = ref(false);
+const fileInput = ref<HTMLInputElement>();
+
+const onDragOver = () => {
+  isDragOver.value = true;
+};
+
+const onDragLeave = () => {
+  isDragOver.value = false;
+};
+
+const onDrop = (event: DragEvent) => {
+  isDragOver.value = false;
+  const files = event.dataTransfer?.files;
+  if (files && files.length > 0) {
+    selectFile(files[0]);
+  }
+};
+
+const onFileSelected = (event: Event) => {
+  const target = event.target as HTMLInputElement;
+  const files = target.files;
+  if (files && files.length > 0) {
+    selectFile(files[0]);
+  }
+};
+
+const selectFile = async (file: File) => {
+  if (file.type !== 'text/csv' && !file.name.endsWith('.csv')) {
+    NotifyAlert('Пожалуйста, выберите CSV файл');
+    return;
+  }
+
+  if (file.size > 10 * 1024 * 1024) {
+    // 10MB
+    FailAlert('Файл слишком большой. Максимальный размер: 10MB');
+
+    return;
+  }
+
+  selectedFile.value = file;
+
+  // Автоматически начинаем парсинг файла
+  await parseFile();
+};
+
+const clearFile = () => {
+  selectedFile.value = null;
+
+  // Сбрасываем input
+  if (fileInput.value) {
+    fileInput.value.value = '';
+  }
+};
+
+const parseFile = async () => {
+  if (!selectedFile.value) return;
+
+  try {
+    const data = await parseCsv(selectedFile.value);
+    emit('parsed', data);
+
+    SuccessAlert(`Файл успешно разобран. Найдено ${data.length} записей.`);
+  } catch (error: any) {
+    FailAlert(`Ошибка при разборе файла: ${error.message}`);
+  }
+};
+
+const formatFileSize = (bytes: number) => {
+  if (bytes === 0) return '0 Bytes';
+  const k = 1024;
+  const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+};
+</script>
+
+<style lang="scss" scoped>
+.upload-area {
+  border: 2px dashed #e0e0e0;
+  border-radius: 8px;
+  padding: 40px 20px;
+  text-align: center;
+  transition: all 0.3s ease;
+  cursor: pointer;
+
+  &:hover {
+    border-color: #1976d2;
+  }
+
+  &--dragover {
+    border-color: #1976d2;
+  }
+}
+
+.upload-content {
+  .upload-text {
+    font-size: 18px;
+    font-weight: 500;
+    margin: 16px 0 8px 0;
+    // color: rgba(0, 0, 0, 0.87);
+  }
+
+  .upload-subtext {
+    font-size: 14px;
+    // color: rgba(0, 0, 0, 0.6);
+    margin-bottom: 16px;
+  }
+}
+
+.file-info {
+  margin-top: 16px;
+  padding: 16px;
+  border-radius: 4px;
+
+  &-content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .file-name {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    span {
+      font-weight: 500;
+    }
+  }
+
+  .file-size {
+    font-size: 14px;
+  }
+}
+
+.upload-actions {
+  margin-top: 16px;
+  text-align: center;
+}
+
+.csv-info {
+  margin-top: 24px;
+  padding: 16px;
+  border-radius: 4px;
+  border-left: 4px solid #1976d2;
+
+  .info-title {
+    font-weight: 600;
+    margin-bottom: 8px;
+    color: #1976d2;
+  }
+
+  .info-list {
+    .info-item {
+      margin-bottom: 4px;
+      font-size: 14px;
+
+      strong {
+        color: #1976d2;
+      }
+
+      span {
+        margin-left: 4px;
+      }
+    }
+  }
+}
+
+.q-btn {
+  margin: 0 4px;
+}
+</style>

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

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

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

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

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

@@ -0,0 +1,46 @@
+<template lang="pug">
+q-card(flat).mb-4
+  q-card-section
+    q-checkbox(
+      v-model='expandAllModel',
+      label='Развернуть всё'
+    )
+
+</template>
+
+<script lang="ts" setup>
+import { ref, watch } from 'vue';
+
+
+const props = defineProps<{
+  expandAll?: boolean;
+  expandedProjects?: Record<string, boolean>;
+  expandedComponents?: Record<string, boolean>;
+  totalProjects?: number;
+  totalComponents?: number;
+}>();
+
+const emit = defineEmits<{
+  'expand-all-changed': [value: boolean];
+}>();
+
+// Простая реактивная модель для чекбокса
+const expandAllModel = ref(false);
+
+// Синхронизируем с prop
+watch(() => props.expandAll, (newValue) => {
+  expandAllModel.value = newValue || false;
+}, { immediate: true });
+
+// При изменении чекбокса отправляем событие
+watch(expandAllModel, (newValue) => {
+  emit('expand-all-changed', newValue);
+});
+</script>
+
+<style lang="scss" scoped>
+.q-card {
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  border-radius: 4px;
+}
+</style>

package/extensions/capital/widgets/ImportContributorsButton/ImportContributorsButton.vue

@@ -0,0 +1,329 @@
+<template lang="pug">
+q-btn(color="primary" @click="showDialog = true" icon="upload_file") Импорт участников
+  q-dialog(v-model='showDialog', @hide='clear' maximized)
+    ModalBase(:title='"Импорт участников"')
+      .q-pa-md
+        q-card(v-if='!hasConfig' flat)
+          q-card-section
+            .row.items-center.q-gutter-sm
+              q-icon(name='upload_file', size='24px')
+              div
+                .text-h6 Импорт участников
+                .text-subtitle2 Загрузка участников из CSV файла
+
+          q-separator
+
+          q-card-section
+            template(v-if='parsedData.length === 0')
+              CsvUploader(@parsed='onCsvParsed')
+
+          template(
+            v-if='parsedData.length > 0 && !isImporting && !isImportCompleted'
+          )
+            q-separator
+
+            q-card-section
+              .row.items-center.q-gutter-sm.q-mb-md
+                q-icon(name='table_chart', size='20px')
+                .text-subtitle1 Предварительный просмотр данных ({{ parsedData.length }} записей)
+
+              q-table(
+                :rows='parsedData',
+                :columns='previewColumns',
+                :loading='false',
+                :pagination='{ rowsPerPage: 0 }',
+                row-key='id',
+                binary-state-sort
+              )
+                template(#body-cell-status='props')
+                  q-td
+                    q-chip(
+                      :color='getStatusColor(props.value)',
+                      text-color='white',
+                      dense
+                    ) {{ getStatusText(props.value) }}
+
+            q-separator
+
+            q-card-section
+              .row.items-center.q-gutter-sm.q-mb-md
+                q-icon(name='playlist_add_check', size='20px')
+                .text-subtitle1 Импорт данных
+
+              .row.justify-end.q-gutter-sm.q-mb-md
+                q-btn(
+                  color='primary',
+                  :loading='isImporting',
+                  @click='startImport',
+                  label='Начать импорт',
+                  unelevated,
+                  icon='play_arrow'
+                )
+
+              template(v-if='importProgress > 0')
+                .q-mt-md
+                  .text-body2.q-mb-sm Статистика
+                  .row.q-gutter-md
+                    .col-auto
+                      .text-weight-medium
+                        q-icon.q-mr-xs(name='check_circle', color='positive')
+                        | Успешно: {{ successCount }}
+                    .col-auto
+                      .text-weight-medium
+                        q-icon.q-mr-xs(name='error', color='negative')
+                        | Ошибок: {{ errorCount }}
+
+          template(v-if='isImporting')
+            q-separator
+
+            q-card-section
+              .row.items-center.q-gutter-sm.q-mb-md
+                q-icon(name='sync', size='20px')
+                .text-subtitle1 Выполняется импорт данных
+
+              .q-mb-md
+                .text-body2.q-mb-sm Прогресс импорта: {{ importProgress }}/{{ parsedData.length }} ({{ progressPercent }}%)
+                q-linear-progress(
+                  :value='progressPercent / 100',
+                  color='primary',
+                  size='8px'
+                )
+
+              .row.justify-end.q-gutter-sm
+                q-btn(
+                  color='negative',
+                  @click='stopImport',
+                  label='Остановить',
+                  flat,
+                  icon='stop'
+                )
+
+          template(v-if='importResults.length > 0 || isImportCompleted')
+            q-separator
+
+            q-card-section
+              .row.items-center.q-gutter-sm.q-mb-md
+                q-icon(name='table_chart', size='20px')
+                .text-subtitle1 Результаты импорта
+
+              ImportResultsTable(
+                :items='importResults',
+                :is-importing='isImporting',
+                :current-index='currentImportIndex',
+                @retry='retryImport',
+                @retry-all-failed='retryAllFailed',
+                @clear='clearAll'
+              )
+        q-card(v-else)
+          q-card-section
+            .row.items-center.q-gutter-sm
+              q-icon(name='info', size='24px', color='info')
+              div
+                .text-h6 Конфигурация уже установлена
+                .text-subtitle2 Импорт участников недоступен после установки конфигурации контракта.
+</template>
+
+<script setup lang="ts">
+import { CsvUploader } from 'app/extensions/capital/widgets/CsvUploader';
+import { ImportResultsTable } from 'app/extensions/capital/widgets/ImportResultsTable';
+import {
+  useCsvParser,
+  type ICsvContributor,
+} from 'app/extensions/capital/shared/lib/composables/useCsvParser';
+import { useBatchImport } from 'app/extensions/capital/shared/lib/composables/useBatchImport';
+import type { QTableProps } from 'quasar';
+import { ref, computed, onMounted } from 'vue';
+import { FailAlert, NotifyAlert, SuccessAlert } from 'src/shared/api/alerts';
+import { useConfigStore } from 'app/extensions/capital/entities/Config/model';
+import { useSystemStore } from 'src/entities/System/model';
+import { ModalBase } from 'src/shared/ui/ModalBase';
+
+// Определение колонок для предварительного просмотра
+const previewColumns: QTableProps['columns'] = [
+  {
+    name: 'username',
+    label: 'Имя пользователя',
+    align: 'left',
+    field: 'username',
+    sortable: true,
+  },
+  {
+    name: 'contribution_amount',
+    label: 'Сумма вклада',
+    align: 'left',
+    field: 'contribution_amount',
+    sortable: true,
+  },
+  {
+    name: 'contributor_hash',
+    label: 'Хэш участника',
+    align: 'left',
+    field: 'contributor_hash',
+    sortable: true,
+  },
+  {
+    name: 'memo',
+    label: 'Примечание',
+    align: 'left',
+    field: 'memo',
+    sortable: false,
+  },
+  {
+    name: 'status',
+    label: 'Статус',
+    align: 'center',
+    field: 'status',
+    sortable: true,
+  },
+];
+
+// Вспомогательные функции для отображения статуса
+const getStatusColor = (status?: string) => {
+  switch (status) {
+    case 'pending':
+      return 'orange';
+    case 'success':
+      return 'positive';
+    case 'error':
+      return 'negative';
+    default:
+      return 'grey';
+  }
+};
+
+const getStatusText = (status?: string) => {
+  switch (status) {
+    case 'pending':
+      return 'Ожидает';
+    case 'success':
+      return 'Успешно';
+    case 'error':
+      return 'Ошибка';
+    default:
+      return 'Неизвестно';
+  }
+};
+
+// Stores
+const configStore = useConfigStore();
+const { info } = useSystemStore();
+
+// Проверка наличия конфигурации
+// const hasConfig = computed(() => configStore.state?.config !== null);
+const hasConfig = computed(() => false);//TODO: сменить нанормальный флаг допустимости импорта
+
+// Состояние импорта
+const isImportCompleted = ref(false);
+
+const { parsedData, clearData } = useCsvParser();
+const {
+  importProgress,
+  isImporting,
+  currentImportIndex,
+  successCount,
+  errorCount,
+  progressPercent,
+  importResults,
+  startBatchImport,
+  retryImport: batchRetryImport,
+  stopImport: batchStopImport,
+  resetImport,
+} = useBatchImport();
+
+const showDialog = ref(false);
+
+// Загружаем состояние при монтировании
+onMounted(async () => {
+  try {
+    await configStore.loadState({ coopname: info.coopname });
+  } catch (error) {
+    console.error('Ошибка при загрузке состояния:', error);
+  }
+});
+
+const onCsvParsed = (data: ICsvContributor[]) => {
+  parsedData.value = data;
+  resetImport();
+};
+
+const startImport = async () => {
+  if (parsedData.value.length === 0) {
+    NotifyAlert('Нет данных для импорта');
+    return;
+  }
+
+  try {
+    await startBatchImport(parsedData.value);
+    isImportCompleted.value = true;
+    if (successCount.value > 0 && errorCount.value === 0) {
+      SuccessAlert(`Импорт завершен. Успешно: ${successCount.value}`);
+    } else if (errorCount.value > 0) {
+      SuccessAlert(
+        `Импорт завершен. Успешно: ${successCount.value}, Ошибок: ${errorCount.value}`,
+      );
+    } else {
+      SuccessAlert('Импорт завершен');
+    }
+  } catch (error) {
+    FailAlert('Произошла ошибка при импорте');
+  }
+};
+
+const stopImport = () => {
+  batchStopImport();
+  NotifyAlert('Импорт остановлен');
+};
+
+const retryImport = async (index: number) => {
+  try {
+    await batchRetryImport(index);
+    if (importResults.value[index].status === 'success') {
+      SuccessAlert('Запись успешно импортирована');
+    }
+  } catch (error) {
+    // Ошибка уже обработана в batchRetryImport
+  }
+};
+
+const retryAllFailed = async () => {
+  const failedIndices = importResults.value
+    .map((item, index) => (item.status === 'error' ? index : -1))
+    .filter((index) => index !== -1);
+
+  for (const index of failedIndices) {
+    await retryImport(index);
+  }
+
+  NotifyAlert('Повторная попытка для всех ошибок завершена');
+};
+
+const clearAll = () => {
+  clearData();
+  resetImport();
+  NotifyAlert('Данные очищены');
+};
+
+const clear = () => {
+  showDialog.value = false;
+  // Не очищаем данные автоматически при закрытии диалога
+  // чтобы пользователь мог продолжить работу
+};
+</script>
+
+<style lang="scss" scoped>
+// Адаптивность для мобильных устройств
+@media (max-width: 768px) {
+  .row.justify-end.q-gutter-sm {
+    justify-content: center;
+
+    .q-btn {
+      width: 100%;
+      margin-bottom: 8px;
+    }
+  }
+
+  .row.q-gutter-md {
+    justify-content: center;
+  }
+}
+</style>

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

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