@coopenomics/desktop 2025.7.3 → 2025.11.8-alpha-2

package/extensions/capital/features/Story/CreateStory/model/index.ts

@@ -0,0 +1,47 @@
+import { ref, type Ref } from 'vue';
+import {
+  useStoryStore,
+  type ICreateStoryInput,
+  type ICreateStoryOutput,
+} from 'app/extensions/capital/entities/Story/model';
+import { api } from '../api';
+import { generateUniqueHash } from 'src/shared/lib/utils/generateUniqueHash';
+import { useSystemStore } from 'src/entities/System/model/store';
+
+export function useCreateStory() {
+  const store = useStoryStore();
+
+  const initialCreateStoryInput: ICreateStoryInput = {
+    story_hash: '',
+    coopname: '',
+    title: '',
+  };
+
+  const createStoryInput = ref<ICreateStoryInput>({
+    ...initialCreateStoryInput,
+  });
+
+  // Универсальная функция для сброса объекта к начальному состоянию
+  function resetInput(
+    input: Ref<ICreateStoryInput>,
+    initial: ICreateStoryInput,
+  ) {
+    Object.assign(input.value, initial);
+  }
+
+  async function createStory(
+    data: ICreateStoryInput,
+  ): Promise<ICreateStoryOutput> {
+    const { info } = useSystemStore();
+    data.coopname = info.coopname;
+    data.story_hash = await generateUniqueHash();
+    const transaction = await api.createStory(data);
+    store.addStoryToList(transaction);
+    // Сбрасываем createStoryInput после выполнения createStory
+    resetInput(createStoryInput, initialCreateStoryInput);
+
+    return transaction;
+  }
+
+  return { createStory, createStoryInput };
+}

package/extensions/capital/features/Story/CreateStory/ui/CreateStoryButton.vue

@@ -0,0 +1,28 @@
+<template lang="pug">
+q-btn(
+  color='primary',
+  @click='handleCreateStory',
+  :loading='loading',
+  label='Создать историю'
+)
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useCreateStory } from '../model';
+import { FailAlert } from 'src/shared/api/alerts';
+
+const { createStory, createStoryInput } = useCreateStory();
+const loading = ref(false);
+
+const handleCreateStory = async () => {
+  loading.value = true;
+  try {
+    await createStory(createStoryInput.value);
+  } catch (error) {
+    FailAlert(error);
+  } finally {
+    loading.value = false;
+  }
+};
+</script>

package/extensions/capital/features/Story/CreateStory/ui/Dialog/CreateRequirementDialog.vue

@@ -0,0 +1,169 @@
+<template lang="pug">
+CreateDialog(
+  ref="dialogRef"
+  title="Создать требование"
+  submit-text="Создать"
+  dialog-style="width: 500px; max-width: 100% !important;"
+  :is-submitting="isSubmitting"
+  @submit="handleSubmit"
+  @dialog-closed="clear"
+)
+  template(#form-fields)
+    q-input(
+      ref='titleInput'
+      autofocus
+      type="textarea"
+      rows=3
+      v-model='formData.title',
+      standout='bg-teal text-white',
+      label='Кратко сформулируйте требование',
+      :rules='[(val) => notEmpty(val)]',
+      autocomplete='off'
+      @keydown.enter.prevent='handleSubmit'
+    )
+
+    //- q-input(
+    //-   standout='bg-teal text-white',
+    //-   v-model='textDescription',
+    //-   label='Описание требования',
+    //-   placeholder='Опишите требование...',
+    //-   type="textarea"
+    //-   rows=2
+    //-   @input='convertToEditorFormat'
+    //- )
+
+    // Скрытый Editor для конвертации текста в EditorJS формат
+    div(style='display: none')
+      Editor(
+        ref='hiddenEditor',
+        v-model='formData.description',
+        @ready='onEditorReady'
+      )
+
+    q-checkbox(
+      v-model='createAnother',
+      label='Создать еще одно требование'
+    )
+</template>
+
+<script setup lang="ts">
+import { ref, nextTick } from 'vue';
+import { useSystemStore } from 'src/entities/System/model';
+import { CreateDialog } from 'src/shared/ui/CreateDialog';
+import { Editor } from 'src/shared/ui';
+import { textToEditorJS } from 'src/shared/lib/utils/editorjs';
+import { useCreateStory } from '../../model';
+import { FailAlert, SuccessAlert } from 'src/shared/api/alerts';
+
+const props = defineProps<{
+  filter?: {
+    project_hash?: string;
+    issue_id?: string;
+  };
+}>();
+
+const emit = defineEmits<{
+  success: [];
+  error: [error: any];
+}>();
+
+const dialogRef = ref();
+const titleInput = ref();
+const system = useSystemStore();
+const { createStory } = useCreateStory();
+
+// Для работы с текстовым описанием и конвертацией в EditorJS
+const textDescription = ref('');
+const hiddenEditor = ref();
+const createAnother = ref(false);
+const isSubmitting = ref(false);
+
+const formData = ref({
+  title: '',
+  description: '',
+});
+
+const notEmpty = (val: any) => {
+  return !!val || 'Это поле обязательно для заполнения';
+};
+
+// Конвертация текста в EditorJS формат
+const convertToEditorFormat = async () => {
+  if (hiddenEditor.value) {
+    try {
+      // Создаем EditorJS данные из текста
+      const editorJSData = textToEditorJS(textDescription.value);
+      formData.value.description = editorJSData;
+    } catch (error) {
+      console.error('Error converting text to EditorJS:', error);
+    }
+  }
+};
+
+// Обработчик готовности скрытого редактора
+const onEditorReady = () => {
+  // Инициализируем конвертацию при готовности редактора
+  convertToEditorFormat();
+};
+
+const clearForm = async () => {
+  textDescription.value = '';
+  formData.value = {
+    title: '',
+    description: '',
+  };
+
+  // Сбрасываем валидацию
+  titleInput.value?.resetValidation();
+
+  // Устанавливаем фокус на первое поле после очистки
+  await nextTick();
+  titleInput.value?.focus();
+};
+
+const clear = async () => {
+  await clearForm();
+  createAnother.value = false;
+};
+
+const handleSubmit = async () => {
+  isSubmitting.value = true;
+  try {
+    // Финальная конвертация текста в EditorJS формат перед отправкой
+    await convertToEditorFormat();
+
+    const inputData = {
+      coopname: system.info.coopname,
+      title: formData.value.title,
+      description: formData.value.description,
+      story_hash: '',
+      ...props.filter, // Добавляем фильтр (project_hash или issue_id)
+    };
+
+    await createStory(inputData);
+
+    SuccessAlert('Требование успешно создано');
+
+    if (createAnother.value) {
+      // Очищаем форму для создания следующего требования
+      clearForm();
+      // Диалог остается открытым
+    } else {
+      // Закрываем диалог после успешного создания
+      dialogRef.value?.clear();
+      emit('success');
+    }
+  } catch (error) {
+    FailAlert(error);
+    emit('error', error);
+  } finally {
+    isSubmitting.value = false;
+  }
+};
+
+// Экспортируем функции для внешнего использования
+defineExpose({
+  openDialog: () => dialogRef.value?.openDialog(),
+  clear: () => dialogRef.value?.clear(),
+});
+</script>

package/extensions/capital/features/Story/CreateStory/ui/Dialog/index.ts

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

package/extensions/capital/features/Story/CreateStory/ui/Fab/CreateRequirementFabAction.vue

@@ -0,0 +1,34 @@
+<template lang="pug">
+q-fab-action(
+  icon="assignment"
+  @click="dialogRef?.openDialog()"
+  text-color="white"
+).bg-fab-accent-radial Требование
+  CreateRequirementDialog(
+    ref="dialogRef"
+    :filter="filter"
+    @success="handleSuccess"
+  )
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { CreateRequirementDialog } from '../Dialog'
+
+defineProps<{
+  filter?: {
+    project_hash?: string;
+    issue_id?: string;
+  };
+}>();
+
+const emit = defineEmits<{
+  actionCompleted: [];
+}>();
+
+const dialogRef = ref();
+
+const handleSuccess = () => {
+  emit('actionCompleted');
+};
+</script>

package/extensions/capital/features/Story/CreateStory/ui/Fab/index.ts

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

package/extensions/capital/features/Story/CreateStory/ui/index.ts

@@ -0,0 +1,3 @@
+export { default as CreateStoryButton } from './CreateStoryButton.vue';
+export { CreateRequirementFabAction } from './Fab';
+export { CreateRequirementDialog } from './Dialog';

package/extensions/capital/features/Story/DeleteStory/api/index.ts

@@ -0,0 +1,23 @@
+import type {
+  IDeleteStoryOutput,
+  IDeleteStoryInput,
+} from 'app/extensions/capital/entities/Story/model';
+import { client } from 'src/shared/api/client';
+import { Mutations } from '@coopenomics/sdk';
+
+async function deleteStory(
+  data: IDeleteStoryInput,
+): Promise<IDeleteStoryOutput> {
+  const { [Mutations.Capital.DeleteStory.name]: result } =
+    await client.Mutation(Mutations.Capital.DeleteStory.mutation, {
+      variables: {
+        data,
+      },
+    });
+
+  return result;
+}
+
+export const api = {
+  deleteStory,
+};

package/extensions/capital/features/Story/DeleteStory/index.ts

@@ -0,0 +1,2 @@
+export { useDeleteStory } from './model';
+export * from './ui';

package/extensions/capital/features/Story/DeleteStory/model/index.ts

@@ -0,0 +1,24 @@
+import {
+  useStoryStore,
+  type IDeleteStoryInput,
+  type IDeleteStoryOutput,
+} from 'app/extensions/capital/entities/Story/model';
+import { api } from '../api';
+
+export function useDeleteStory() {
+  const store = useStoryStore();
+
+  async function deleteStory(
+    data: IDeleteStoryInput,
+  ): Promise<IDeleteStoryOutput> {
+    const result = await api.deleteStory(data);
+
+    if (result) {
+      store.removeStoryFromList(data.story_hash);
+    }
+
+    return result;
+  }
+
+  return { deleteStory };
+}

package/extensions/capital/features/Story/DeleteStory/ui/DeleteStoryButton.vue

@@ -0,0 +1,64 @@
+<template lang="pug">
+q-btn(
+  color='grey',
+  flat,
+  dense,
+  clickable,
+  size='sm',
+  @click='showDialog = true',
+  :loading='isSubmitting'
+)
+  q-icon(name='delete')
+  q-dialog(v-model='showDialog', @hide='close')
+    ModalBase(title='Удаление истории')
+      Form.q-pa-sm(
+        :handler-submit='deleteStory',
+        :is-submitting='isSubmitting',
+        :button-cancel-txt='"Отменить"',
+        :button-submit-txt='"Удалить"',
+        @cancel='close'
+      )
+        div(style='max-width: 300px')
+          p Вы уверены, что хотите удалить историю?
+</template>
+
+<script lang="ts" setup>
+import { FailAlert, SuccessAlert } from 'src/shared/api';
+import { useDeleteStory } from '../model';
+import { ref } from 'vue';
+import { ModalBase } from 'src/shared/ui/ModalBase';
+import { Form } from 'src/shared/ui/Form';
+
+const { deleteStory: deleteStoryAction } = useDeleteStory();
+const isSubmitting = ref(false);
+const showDialog = ref(false);
+
+const emit = defineEmits(['deleted', 'close']);
+
+const props = defineProps({
+  storyHash: {
+    type: String,
+    required: true,
+  },
+});
+
+const close = () => {
+  showDialog.value = false;
+  emit('close');
+};
+
+const deleteStory = async () => {
+  isSubmitting.value = true;
+  try {
+    await deleteStoryAction({ story_hash: props.storyHash });
+    SuccessAlert('История удалена');
+    emit('deleted');
+    close();
+  } catch (e: any) {
+    FailAlert(`Возникла ошибка: ${e.message}`);
+    close();
+  } finally {
+    isSubmitting.value = false;
+  }
+};
+</script>

package/extensions/capital/features/Story/DeleteStory/ui/index.ts

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

package/extensions/capital/features/Story/UpdateStory/api/index.ts

@@ -0,0 +1,23 @@
+import type {
+  IUpdateStoryInput,
+  IUpdateStoryOutput,
+} from 'app/extensions/capital/entities/Story/model';
+import { client } from 'src/shared/api/client';
+import { Mutations } from '@coopenomics/sdk';
+
+async function updateStory(
+  data: IUpdateStoryInput,
+): Promise<IUpdateStoryOutput> {
+  const { [Mutations.Capital.UpdateStory.name]: result } =
+    await client.Mutation(Mutations.Capital.UpdateStory.mutation, {
+      variables: {
+        data,
+      },
+    });
+
+  return result;
+}
+
+export const api = {
+  updateStory,
+};

package/extensions/capital/features/Story/UpdateStory/index.ts

@@ -0,0 +1 @@
+export * from './model';

package/extensions/capital/features/Story/UpdateStory/model/index.ts

@@ -0,0 +1,43 @@
+import { ref, type Ref } from 'vue';
+import { type Mutations } from '@coopenomics/sdk';
+import { api } from '../api';
+import {
+  useStoryStore,
+  type IUpdateStoryOutput,
+} from 'app/extensions/capital/entities/Story/model';
+
+export type IUpdateStoryInput = Mutations.Capital.UpdateStory.IInput['data'];
+
+export function useUpdateStory() {
+  const store = useStoryStore();
+
+  const initialUpdateStoryInput: Partial<IUpdateStoryInput> = {};
+
+  const updateStoryInput = ref<Partial<IUpdateStoryInput>>({
+    ...initialUpdateStoryInput,
+  });
+
+  // Универсальная функция для сброса объекта к начальному состоянию
+  function resetInput(
+    input: Ref<Partial<IUpdateStoryInput>>,
+    initial: Partial<IUpdateStoryInput>,
+  ) {
+    Object.assign(input.value, initial);
+  }
+
+  async function updateStory(
+    data: IUpdateStoryInput,
+  ): Promise<IUpdateStoryOutput> {
+    const transaction = await api.updateStory(data);
+
+    // Добавляем/обновляем историю в списке
+    store.updateStoryInPlace(transaction);
+
+    // Сбрасываем updateStoryInput после выполнения updateStory
+    resetInput(updateStoryInput, initialUpdateStoryInput);
+
+    return transaction;
+  }
+
+  return { updateStory, updateStoryInput };
+}

package/extensions/capital/features/Story/index.ts

@@ -0,0 +1,3 @@
+export * as CreateStory from './CreateStory';
+export * as UpdateStory from './UpdateStory';
+export * as DeleteStory from './DeleteStory';

package/extensions/capital/features/Vote/CalculateVotes/api/index.ts

@@ -0,0 +1,24 @@
+import { client } from 'src/shared/api/client';
+import { Mutations } from '@coopenomics/sdk';
+
+export type ICalculateVotesInput =
+  Mutations.Capital.CalculateVotes.IInput['data'];
+export type ICalculateVotesOutput =
+  Mutations.Capital.CalculateVotes.IOutput[typeof Mutations.Capital.CalculateVotes.name];
+
+async function calculateVotes(
+  data: ICalculateVotesInput,
+): Promise<ICalculateVotesOutput> {
+  const { [Mutations.Capital.CalculateVotes.name]: result } =
+    await client.Mutation(Mutations.Capital.CalculateVotes.mutation, {
+      variables: {
+        data,
+      },
+    });
+
+  return result;
+}
+
+export const api = {
+  calculateVotes,
+};

package/extensions/capital/features/Vote/CalculateVotes/index.ts

@@ -0,0 +1,2 @@
+export * from './model';
+export * from './ui';

package/extensions/capital/features/Vote/CalculateVotes/model/index.ts

@@ -0,0 +1,21 @@
+import type { Mutations } from '@coopenomics/sdk';
+import { api } from '../api';
+import { useSegmentStore } from 'app/extensions/capital/entities/Segment/model';
+
+export type ICalculateVotesInput =
+  Mutations.Capital.CalculateVotes.IInput['data'];
+
+export function useCalculateVotes() {
+  const segmentStore = useSegmentStore();
+
+  async function calculateVotes(input: ICalculateVotesInput) {
+    const segment = await api.calculateVotes(input);
+
+    // Обновляем сегмент в списке после успешного расчета голосов
+    segmentStore.addSegmentToList(segment);
+
+    return segment;
+  }
+
+  return { calculateVotes };
+}

package/extensions/capital/features/Vote/CalculateVotes/ui/CalculateVotesButton.vue

@@ -0,0 +1,40 @@
+<template lang="pug">
+q-btn(
+  color='primary',
+  @click='handleCalculateVotes',
+  :loading='loading',
+  label='Рассчитать голоса'
+)
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useCalculateVotes } from '../model';
+import { FailAlert } from 'src/shared/api/alerts';
+
+interface Props {
+  coopname: string;
+  projectHash: string;
+  username: string;
+}
+
+const props = defineProps<Props>();
+
+const { calculateVotes } = useCalculateVotes();
+const loading = ref(false);
+
+const handleCalculateVotes = async () => {
+  loading.value = true;
+  try {
+    await calculateVotes({
+      coopname: props.coopname,
+      project_hash: props.projectHash,
+      username: props.username,
+    });
+  } catch (error) {
+    FailAlert(error);
+  } finally {
+    loading.value = false;
+  }
+};
+</script>

package/extensions/capital/features/Vote/CalculateVotes/ui/index.ts

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

package/extensions/capital/features/Vote/SubmitVote/api/index.ts

@@ -0,0 +1,24 @@
+import type {
+  ISubmitVoteOutput,
+  ISubmitVoteInput,
+} from 'app/extensions/capital/entities/Vote/model';
+
+import { client } from 'src/shared/api/client';
+import { Mutations } from '@coopenomics/sdk';
+
+async function submitVote(data: ISubmitVoteInput): Promise<ISubmitVoteOutput> {
+  const { [Mutations.Capital.SubmitVote.name]: result } = await client.Mutation(
+    Mutations.Capital.SubmitVote.mutation,
+    {
+      variables: {
+        data,
+      },
+    },
+  );
+
+  return result;
+}
+
+export const api = {
+  submitVote,
+};

package/extensions/capital/features/Vote/SubmitVote/index.ts

@@ -0,0 +1,2 @@
+export * from './model';
+export * from './ui';

package/extensions/capital/features/Vote/SubmitVote/model/index.ts

@@ -0,0 +1,36 @@
+import { ref, type Ref } from 'vue';
+import type { Mutations } from '@coopenomics/sdk';
+import { api } from '../api';
+import type { ISubmitVoteOutput } from 'app/extensions/capital/entities/Vote/model';
+
+export type ISubmitVoteInput = Mutations.Capital.SubmitVote.IInput['data'];
+
+export function useSubmitVote() {
+  const initialSubmitVoteInput: ISubmitVoteInput = {
+    coopname: '',
+    project_hash: '',
+    votes: [],
+  };
+
+  const submitVoteInput = ref<ISubmitVoteInput>({
+    ...initialSubmitVoteInput,
+  });
+
+  // Универсальная функция для сброса объекта к начальному состоянию
+  function resetInput(input: Ref<ISubmitVoteInput>, initial: ISubmitVoteInput) {
+    Object.assign(input.value, initial);
+  }
+
+  async function submitVote(
+    data: ISubmitVoteInput,
+  ): Promise<ISubmitVoteOutput> {
+    const transaction = await api.submitVote(data);
+
+    // Сбрасываем submitVoteInput после выполнения submitVote
+    resetInput(submitVoteInput, initialSubmitVoteInput);
+
+    return transaction;
+  }
+
+  return { submitVote, submitVoteInput };
+}