@coopenomics/desktop 2.2.9 → 2025.4.29

package/src/shared/hooks/useWindowSize.ts

@@ -0,0 +1,13 @@
+import { computed } from 'vue'
+import { useWindowSize as vueWindowSize } from 'vue-window-size'
+
+export const useWindowSize = () => {
+  const { width } = vueWindowSize()
+
+  const isMobile = computed(() => width.value < 768)
+
+  return {
+    width,
+    isMobile
+  }
+}

package/src/shared/lib/composables/useDisplayName.ts

@@ -0,0 +1,34 @@
+import { computed } from 'vue';
+import type { IEntrepreneurData, IIndividualData, IOrganizationData } from 'src/shared/lib/types/user/IUserData';
+
+export function useDisplayName(privateData: IEntrepreneurData | IIndividualData | IOrganizationData | null) {
+  const displayName = computed(() => {
+    if (!privateData) return '';
+
+    if ('short_name' in privateData) {
+      // Это организация
+      return privateData.short_name;
+    } else if ('first_name' in privateData && 'last_name' in privateData) {
+      // Это физлицо или ИП
+      return `${privateData.last_name} ${privateData.first_name} ${privateData.middle_name || ''}`.trim();
+    }
+
+    return '';
+  });
+
+  const isIP = computed(() => {
+    if (!privateData) return false;
+
+    // Проверка на предпринимателя - наличие полей details.inn и details.ogrn, но нет short_name
+    return !('short_name' in privateData) &&
+           'details' in privateData &&
+           privateData.details &&
+           'inn' in privateData.details &&
+           'ogrn' in privateData.details;
+  });
+
+  return {
+    displayName,
+    isIP
+  };
+}

package/src/shared/lib/composables/useEditableData.ts

@@ -21,7 +21,7 @@ export function useEditableData<T extends Record<string, any>>(
 
   // Автоматически отслеживаем изменения в editableData
   watch(
-    () => editableData,
+    editableData,
     (newData) => {
       isEditing.value = !isEqual(newData.value, originalData.value); // Глубокое сравнение объектов
       validateForm(); // Проверка валидности формы при изменении данных

package/src/shared/lib/navigation/index.ts

@@ -0,0 +1,2 @@
+export * from './routeUtils'
+export * from './useBackButton'

package/src/shared/lib/navigation/routeUtils.ts

@@ -0,0 +1,51 @@
+import { RouteLocationNormalizedLoaded } from 'vue-router'
+
+/**
+ * Получает глубину текущего маршрута
+ *
+ * @param route Текущий маршрут
+ * @returns Глубина маршрута (количество уровней вложенности)
+ */
+export function getRouteDepth(route: RouteLocationNormalizedLoaded): number {
+  return route.matched?.length || 0
+}
+
+/**
+ * Получает родительский маршрут для текущего маршрута
+ *
+ * @param route Текущий маршрут
+ * @returns Родительский маршрут или null, если его нет
+ */
+export function getParentRoute(route: RouteLocationNormalizedLoaded) {
+  const matched = route.matched || []
+  if (matched.length < 2) {
+    return null
+  }
+
+  return matched[matched.length - 2]
+}
+
+/**
+ * Проверяет, есть ли у маршрута родительский маршрут
+ *
+ * @param route Текущий маршрут
+ * @returns true, если у маршрута есть родитель, иначе false
+ */
+export function hasParentRoute(route: RouteLocationNormalizedLoaded): boolean {
+  return getParentRoute(route) !== null
+}
+
+/**
+ * Получает заголовок маршрута из его метаданных
+ *
+ * @param route Маршрут
+ * @param defaultTitle Заголовок по умолчанию, если в маршруте не указан
+ * @returns Заголовок маршрута
+ */
+export function getRouteTitle(route: RouteLocationNormalizedLoaded | null, defaultTitle = 'Назад'): string {
+  if (!route || !route.meta || !route.meta.title) {
+    return defaultTitle
+  }
+
+  return route.meta.title as string
+}

package/src/shared/lib/navigation/useBackButton.ts

@@ -0,0 +1,63 @@
+import { onMounted, onUnmounted } from 'vue'
+import { useRouter } from 'vue-router'
+import { useDesktopStore } from 'src/entities/Desktop/model'
+import type { IBackNavigationButton } from 'src/entities/Desktop/model/types'
+
+interface BackButtonOptions {
+  text: string
+  routeName?: string
+  params?: Record<string, string>
+  componentId: string
+  onClick?: () => void
+}
+
+/**
+ * Хук для работы с кнопкой навигации "назад"
+ *
+ * @param options - объект с настройками кнопки
+ * @returns Функции для управления кнопкой
+ */
+export function useBackButton(options: BackButtonOptions) {
+  const router = useRouter()
+  const desktopStore = useDesktopStore()
+  
+  // Устанавливаем кнопку навигации назад
+  function setBackButton() {
+    // Формируем данные для кнопки
+    const button: IBackNavigationButton = {
+      text: options.text,
+      componentId: options.componentId,
+      onClick: options.onClick || (() => {
+        if (options.routeName) {
+          router.push({
+            name: options.routeName,
+            params: options.params || {}
+          })
+        } else {
+          router.back()
+        }
+      })
+    }
+    
+    desktopStore.setBackNavigationButton(button)
+  }
+  
+  // Удаляем кнопку навигации назад
+  function removeBackButton() {
+    desktopStore.removeBackNavigationButton(options.componentId)
+  }
+  
+  // Автоматически устанавливаем и удаляем кнопку
+  onMounted(() => {
+    setBackButton()
+  })
+  
+  onUnmounted(() => {
+    removeBackButton()
+  })
+  
+  return {
+    setBackButton,
+    removeBackButton
+  }
+} 

package/src/shared/lib/utils/dates/validateDateWithinRange.ts

@@ -0,0 +1,23 @@
+import moment from 'moment-with-locales-es6';
+
+export function validateDateWithinRange(yearsAgo, yearsAhead = 0) {
+  return (val) => {
+    const inputDate = moment(val, 'YYYY/MM/DD HH:mm', true); // указание формата для парсинга
+    const lowerLimit = moment().subtract(Math.abs(yearsAgo), 'years'); // Предел в прошлом
+    const upperLimit = moment().add(Math.abs(yearsAhead), 'years'); // Предел в будущем
+
+    if (!inputDate.isValid()) {
+      return 'Неверный формат даты';
+    }
+
+    if (inputDate.isBefore(lowerLimit)) {
+      return `Дата не может быть раньше ${lowerLimit.format('YYYY/MM/DD HH:mm')}`;
+    }
+
+    if (inputDate.isAfter(upperLimit)) {
+      return `Дата не может быть позже ${upperLimit.format('YYYY/MM/DD HH:mm')}`;
+    }
+
+    return true;
+  };
+}

package/src/shared/ui/BaseDocument/BaseDocument.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
-q-card(style="word-break: break-all !important; white-space: normal !important;").q-pa-md.dynamic-padding
+q-card(:flat="isMobile" style="word-break: break-all !important; white-space: normal !important;").dynamic-padding
+
   div(v-if="loading").full-width.text-center
     div(style="margin:auto;").flex.q-pa-sm.full-width.text-center
       q-spinner
@@ -7,6 +8,7 @@ q-card(style="word-break: break-all !important; white-space: normal !important;"
   div(v-if="!loading")
     div(v-html="safeHtml").description.q-pa-xs
     div.row.q-mt-lg.q-pa-sm.justify-center
+
       q-card(style="word-break: break-all !important; text-wrap: pretty;" flat).col-md-8.col-xs-12.q-pa-sm.verify-card
         div.q-mr-lg.q-mt-md
           q-badge(:color="doc.hash == regeneratedHash ? 'teal' : 'red'").text-center.q-pa-xs
@@ -14,51 +16,72 @@ q-card(style="word-break: break-all !important; white-space: normal !important;"
             span контрольная сумма
           p.q-mr-lg.q-ml-lg.text-grey {{ doc.hash }}
 
-        div.q-mr-lg.q-mt-md
-          q-badge(:color="signature_verified ? 'teal' : 'red'").text-center.q-pa-xs
-            q-icon(:name="signature_verified ? 'check_circle' : 'cancel'" ).q-mr-sm
-            span цифровая подпись
-          p.q-mr-lg.q-ml-lg.text-grey {{ actionDocumentData?.document?.signature }}
-
-        div.q-mr-lg.q-mt-md
-          q-badge(:color="signature_verified ? 'teal' : 'red'").text-center.q-pa-xs
-            q-icon(:name="signature_verified ? 'check_circle' : 'cancel'" ).q-mr-sm
-            span публичный ключ
-          p.q-mr-lg.q-ml-lg.text-grey {{ actionDocumentData?.document?.public_key }}
-
-        div.text-center.q-gutter-sm
+        // Показываем все подписи (если это агрегат документа)
+        template(v-if="documentAggregate && documentAggregate.signatures && documentAggregate.signatures.length > 0")
+          div.q-mr-lg.q-mt-md
+            q-badge(:color="hasInvalidSignature ? 'red' : 'teal'").text-center.q-pa-xs
+              q-icon(:name="hasInvalidSignature ? 'cancel' : 'verified'").q-mr-sm
+              span Подписи ({{ documentAggregate.signatures.length }})
+
+          // Список всех подписей
+          q-list(bordered separator dense)
+            q-expansion-item(
+              v-for="(signature, index) in documentAggregate.signatures"
+              :key="index"
+              :label="`Подпись ${index + 1}: ${getSignerName(signature.signer)}`"
+              header-class="signature-header"
+              dense
+            )
+              q-card(flat)
+                q-card-section
+                  div.q-mb-sm
+                    q-badge(:color="signatures_verified[index] ? 'teal' : 'red'").text-center.q-pa-xs
+                      span Подписант
+                    p.q-mt-sm.q-ml-lg {{ getSignerName(signature.signer) }}
+
+                  div(v-if="signature.public_key").q-mb-sm
+                    q-badge(:color="signatures_verified[index] ? 'teal' : 'red'").text-center.q-pa-xs
+                      span Публичный ключ
+                    p.q-mt-sm.q-ml-lg {{ signature.public_key }}
+
+                  div(v-if="signature.signature").q-mb-sm
+                    q-badge(:color="signatures_verified[index] ? 'teal' : 'red'").text-center.q-pa-xs
+                      span Цифровая подпись
+                    p.q-mt-sm.q-ml-lg {{ signature.signature }}
+
+                  div.q-mt-md
+                    q-badge(:color="signatures_verified[index] ? 'teal' : 'red'").text-center.q-pa-xs
+                      q-icon(:name="signatures_verified[index] ? 'check_circle' : 'cancel'").q-mr-sm
+                      span Статус подписи: {{ signatures_verified[index] ? 'Верифицирована' : 'Не верифицирована' }}
+
+        div.text-center.q-gutter-sm.q-mt-md
           q-btn(size="sm" color="primary" icon="download" @click="download") скачать
           //- q-btn(size="sm" color="primary" icon="download" @click="download2") скачать2
-
           q-btn(size="sm" color="primary" icon="fa-solid fa-check-double" @click="regenerate" :loading="onRegenerate") сверить
 
-</template>
 
+</template>
 <script setup lang="ts">
-import { ref, computed } from 'vue'
-import { Cooperative, SovietContract } from 'cooptypes'
+import { ref, computed, onMounted } from 'vue'
 import { Signature, PublicKey } from '@wharfkit/antelope';
 import { useGlobalStore } from 'src/shared/store';
 import DOMPurify from 'dompurify';
 import { DigitalDocument } from 'src/shared/lib/document';
 import { FailAlert, SuccessAlert } from 'src/shared/api';
+import { getNameFromUserData } from 'src/shared/lib/utils/getNameFromUserData';
+import { useWindowSize } from 'src/shared/hooks';
 
 const props = defineProps({
-  action: {
-    type: Object as () => Cooperative.Blockchain.IExtendedAction,
-    required: true,
-  },
-  doc: {
-    type: Object as () => Cooperative.Document.IGeneratedDocument,
+  documentAggregate: {
+    type: Object,
     required: true
   }
 })
 
-const actionDocumentData = ref(props.action.data as SovietContract.Actions.Registry.NewSubmitted.INewSubmitted)
-const doc = ref(props.doc)
+const doc = computed(() => props.documentAggregate.rawDocument)
 const loading = ref(false)
-const signature_verified = ref(false)
-
+const signatures_verified = ref<boolean[]>([])
+const { isMobile } = useWindowSize()
 const regeneratedHash = ref()
 const onRegenerate = ref(false)
 const regenerated = ref()
@@ -89,79 +112,77 @@ const safeHtml = computed(() => sanitizeHtml(doc.value.html));
 
 
 const hashBuffer = async () => {
-  // Декодирование из base64
-  const binaryString = window.atob(doc.value.binary.toString());
-
-  const len = binaryString.length;
-
-  const data = new Uint8Array(len);
-  for (let i = 0; i < len; i++) {
-    data[i] = binaryString.charCodeAt(i);
+  try {
+    // Декодирование из base64
+    const binaryString = atob(doc.value.binary);
+    const len = binaryString.length;
+    const data = new Uint8Array(len);
+
+    for (let i = 0; i < len; i++) {
+      data[i] = binaryString.charCodeAt(i);
+    }
+
+    // Вычисление хэша из декодированных бинарных данных
+    regeneratedHash.value = (await useGlobalStore().hashMessage(data)).toUpperCase();
+    console.log('Хэш успешно вычислен:', regeneratedHash.value);
+  } catch (error) {
+    console.error('Ошибка при вычислении хэша:', error);
   }
-
-  // Вычисление хэша из декодированных бинарных данных
-  regeneratedHash.value = (await useGlobalStore().hashMessage(data)).toUpperCase();
 }
 
-hashBuffer()
-
-
-const verifySignature = () => {
-  const public_key = PublicKey.from(actionDocumentData.value.document.public_key)
-  const signature = Signature.from(actionDocumentData.value.document.signature)
-  const hash = actionDocumentData.value.document.hash
-  signature_verified.value = signature.verifyDigest(hash, public_key)
+// Получение ФИО подписанта
+const getSignerName = (signer: any) => {
+  if (!signer) return 'Неизвестный подписант';
+  return getNameFromUserData(signer) || signer;
 }
 
-verifySignature()
-
-// TODO удалить позже
-// использовали для отладки сверки. Позволяет скачать регенерированный документ после нажатия на кнопку сверки.
-// async function download2() {
-//   // Преобразование base64 строки в Blob
-//   console.log('regenerated: ', regenerated)
-//   const binaryData = new Uint8Array(Object.values(regenerated.value.binary));
-//   const blob = new Blob([binaryData], { type: 'application/pdf' });
-
-//   // Создание временной ссылки для скачивания файла
-//   const link = document.createElement('a');
-//   link.href = URL.createObjectURL(blob);
-//   link.download = regenerated.value.full_title ? regenerated.value.full_title : `${regenerated.value.meta.title} - ${regenerated.value.meta.username} - ${regenerated.value.meta.created_at}.pdf`;
-
-//   // Имитация клика по ссылке для начала скачивания
-//   document.body.appendChild(link);
-//   link.click();
-
-//   // Очистка после скачивания
-//   document.body.removeChild(link);
-//   URL.revokeObjectURL(link.href);
-// }
+// Верификация всех подписей из агрегата
+const verifySignatures = () => {
+  if (props.documentAggregate?.signatures?.length > 0) {
+    signatures_verified.value = props.documentAggregate.signatures.map(signatureData => {
+      try {
+        if (signatureData.public_key && signatureData.signature) {
+          const public_key = PublicKey.from(signatureData.public_key)
+          const signature = Signature.from(signatureData.signature)
+          const hash = doc.value.hash
+          const is_valid = signature.verifyDigest(hash, public_key)
+          return is_valid
+        } else {
+          return signatureData.is_valid
+        }
+      } catch (error) {
+        console.error('Ошибка при верификации подписи:', error)
+        return false
+      }
+    })
+  }
+}
 
+onMounted(() => {
+  hashBuffer()
+  verifySignatures()
+})
 
 async function download() {
-  // Преобразование base64 строки в Blob
-  const response = await fetch(`data:application/pdf;base64,${doc.value.binary.toString()}`);
-  const blob = await response.blob();
-
-  // Создание временной ссылки для скачивания файла
-  const link = document.createElement('a');
-  link.href = URL.createObjectURL(blob);
-  link.download = doc.value.full_title ? doc.value.full_title : `${doc.value.meta.title} - ${doc.value.meta.username} - ${doc.value.meta.created_at}.pdf`;
-
-  // Имитация клика по ссылке для начала скачивания
-  document.body.appendChild(link);
-  link.click();
-
-  // Очистка после скачивания
-  document.body.removeChild(link);
-  URL.revokeObjectURL(link.href);
+  try {
+    // PDF теперь в формате base64, можно использовать data URL
+    const link = document.createElement('a');
+    link.href = `data:application/pdf;base64,${doc.value.binary}`;
+    link.download = doc.value.full_title ? doc.value.full_title : `${doc.value.meta.title} - ${doc.value.meta.username} - ${doc.value.meta.created_at}.pdf`;
+
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+  } catch (error) {
+    console.error('Ошибка при скачивании файла:', error);
+  }
 }
 
+// Вычисляем, есть ли хотя бы одна невалидная подпись
+const hasInvalidSignature = computed(() => signatures_verified.value.some(v => v === false))
+
 </script>
 <style>
-.description table {
-
-}
 
 .description td {
   word-break: break-all !important;
@@ -187,6 +208,15 @@ async function download() {
   font-size: 10px !important;
 }
 
+.signature-header {
+  font-size: 12px;
+}
+
+.signature-text {
+  font-size: 10px;
+  word-break: break-all;
+}
+
 @media (min-width: 700px) {
   .dynamic-padding {
     padding: 50px !important;
@@ -194,7 +224,7 @@ async function download() {
 }
 @media (max-width: 700px) {
   .dynamic-padding {
-    padding: 20px !important;
+    padding: 10px !important;
   }
 }
 </style>

package/src/{components/menu/blockchainStatus.vue → shared/ui/BlockchainStatusBar/BlockchainStatusBar.vue}

@@ -20,6 +20,7 @@ import { computed, ref, onUnmounted } from 'vue'
 import config from 'src/app/config'
 import { useSessionStore } from 'src/entities/Session'
 
+//TODO delete entity from here and make with props and subscription
 const session = useSessionStore()
 
 const intervalId = ref()

package/src/shared/ui/BlockchainStatusBar/index.ts

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

package/src/shared/ui/CardStyles/index.scss

@@ -0,0 +1,61 @@
+// Общие стили для карточек
+.card-container {
+  border-radius: 16px;
+  width: 100%;
+}
+
+.info-card {
+  background-color: rgba(0, 0, 0, 0.03);
+  border-radius: 12px;
+  padding: 16px;
+  margin-bottom: 12px;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+
+  .q-dark & {
+    background-color: rgba(255, 255, 255, 0.05);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+  }
+
+  &.hover {
+    transition: all 0.2s ease;
+
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.05);
+
+      .q-dark & {
+        background-color: rgba(255, 255, 255, 0.08);
+      }
+    }
+  }
+}
+
+.card-title {
+  font-size: 16px;
+  font-weight: 500;
+  color: rgba(0, 0, 0, 0.85);
+  margin-bottom: 12px;
+
+  .q-dark & {
+    color: rgba(255, 255, 255, 0.85);
+  }
+}
+
+.card-label {
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.6);
+  margin-bottom: 4px;
+
+  .q-dark & {
+    color: rgba(255, 255, 255, 0.6);
+  }
+}
+
+.card-value {
+  font-size: 16px;
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+
+.card-action-btn {
+  border-radius: 8px;
+}

package/src/shared/ui/ComplexDocument/ComplexDocument.vue

@@ -1,25 +1,48 @@
 <template lang="pug">
 .row.justify-center
-  div.documents-gap.col-md-8.col-xs-12
-    BaseDocument(:doc="complexDocument.statement.document" :action="complexDocument.statement.action")
-    BaseDocument(v-if="complexDocument.decision && complexDocument.decision.document" :doc="complexDocument.decision.document" :action="complexDocument.decision.action")
+  div.documents-gap.col-md-7.col-xs-12
+    // Отображение основного документа с агрегатом
+    BaseDocument(
+      v-if="documentData.statement && documentData.statement.documentAggregate"
+      :documentAggregate="documentData.statement.documentAggregate"
+    )
 
-    BaseDocument(v-for="doc in complexDocument.links" v-bind:key="doc.hash" :doc="doc" :action="complexDocument.statement.action")
+    // Отображение связанных документов из агрегата
+    div(v-if="documentData.links.length > 0 && documentData.statement")
+      div(
+        v-for="linkedDoc, index in documentData.links"
+        v-bind:key="index"
+      ).documents-gap
+        BaseDocument(
+          :documentAggregate="linkedDoc"
+        )
 
+    // Отображение документа решения с агрегатом
+    BaseDocument(
+      v-if="documentData.decision && documentData.decision.documentAggregate"
+      :documentAggregate="documentData.decision.documentAggregate"
+    )
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue'
 import { BaseDocument } from '../BaseDocument';
-import { Cooperative } from 'cooptypes'
+import type { IDocumentPackageAggregate } from 'src/entities/Document/model/types'
 
 const props = defineProps({
   documents: {
-    type: Object as () => Cooperative.Document.IComplexDocument,
+    type: Object as () => IDocumentPackageAggregate,
     required: true
   },
 })
 
-const complexDocument = computed(() => props.documents)
-
+// Просто используем документы как есть
+const documentData = computed(() => props.documents)
 </script>
+
+<style lang="scss" scoped>
+.documents-gap {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+</style>

package/src/shared/ui/CopyableInput/index.ts

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