@coopenomics/desktop 2.2.2

package/src/pages/Registrator/SignUp/SignStatement.vue

@@ -0,0 +1,189 @@
+<template lang='pug'>
+div
+  q-step(:name='store.steps.SignStatement', title='Подпишите заявление на вступление', :done='store.isStepDone("SignStatement")')
+    div(v-if='onSign')
+      Loader(:text='loadingText')
+    div(v-else)
+      .bg-grey-2(v-if='!onSign' ref='around', style='border: 0.1px solid grey; min-height: 300px;')
+        canvas(
+          ref='canvas',
+          @touchstart='startDrawing',
+          @touchmove='draw',
+          @touchend='endDrawing',
+          @mousedown='startDrawing',
+          @mousemove='draw',
+          @mouseup='endDrawing'
+        )
+      p.text-center.full-width Оставьте собственноручную подпись в рамке
+      .q-mt-lg.q-mb-lg
+        q-btn.col-md-4.col-xs-12(flat, @click='store.prev()')
+          i.fa.fa-arrow-left
+          span.q-ml-md назад
+        q-btn.col-md-4.col-xs-12(flat, @click='clearCanvas')
+          span.q-ml-md очистить
+        q-btn.col-md-4.col-xs-12(color='primary', label='Продолжить', @click='setSignature')
+
+</template>
+<script lang="ts" setup>
+import { ref, watch, onBeforeMount, nextTick, onMounted } from 'vue'
+import { useCreateUser } from 'src/features/User/CreateUser'
+import { Notify } from 'quasar'
+import { FailAlert } from 'src/shared/api';
+import { Loader } from 'src/shared/ui/Loader';
+
+import { useRegistratorStore } from 'src/entities/Registrator'
+const store = useRegistratorStore()
+
+const createUser = useCreateUser()
+
+const around = ref()
+const onSign = ref(false)
+const loadingText = ref('')
+
+const canvas = ref<HTMLCanvasElement | null>(null)
+const drawing = ref<boolean>(false)
+let context: CanvasRenderingContext2D | null = null
+let lastX = 0
+let lastY = 0
+
+const windowWidth = ref<number>()
+const windowHeight = ref<number>()
+
+const setSignature = async (): Promise<void> => {
+  if (!context || !canvas.value) {
+    Notify.create({
+      message: 'Пожалуйста, оставьте собственноручную подпись в окне',
+      color: 'negative',
+    })
+    return
+  }
+
+
+  const imgData = context.getImageData(0, 0, canvas.value.width, canvas.value.height).data
+  const isEmpty = !imgData.some((channel) => channel !== 0)
+  const sign = canvas.value.toDataURL('image/png')
+
+  if (!sign || isEmpty) {
+    FailAlert('Пожалуйста, оставьте собственноручную подпись в окне')
+    return
+  }
+
+  try {
+    onSign.value = true
+    store.state.signature = sign
+
+    loadingText.value = 'Подписываем положение о ЦПП "Цифровой Кошелёк"'
+
+    await createUser.signWalletAgreement()
+
+    loadingText.value = 'Подписываем соглашение о политике конфиденциальности'
+
+    await createUser.signPrivacyAgreement()
+
+    loadingText.value = 'Подписываем соглашение о порядке и правилах использования ЭЦП'
+
+    await createUser.signSignatureAgreement()
+
+    loadingText.value = 'Подписываем пользовательское соглашение'
+
+    await createUser.signUserAgreement()
+
+    loadingText.value = 'Подписываем заявление'
+
+    await createUser.signStatement()
+
+    //посылаем
+    await createUser.sendStatementAndAgreements()
+    loadingText.value = ''
+
+    onSign.value = false
+    store.next()
+  } catch (e: any) {
+    onSign.value = false
+    FailAlert(e.message)
+  }
+
+
+}
+
+const init = (): void => {
+  prepareCanvas()
+}
+
+watch(() => store.state.step, (newStep) => {
+  if (newStep == store.steps.SignStatement) {
+    init()
+  }
+})
+
+window.addEventListener('resize', () => {
+  prepareCanvas()
+})
+
+onBeforeMount(() => {
+  window.removeEventListener('resize', prepareCanvas)
+})
+
+onMounted(() => {
+  init()
+})
+
+const prepareCanvas = (): void => {
+  nextTick(() => {
+    windowWidth.value = around.value?.offsetWidth || 0
+    windowHeight.value = around.value?.offsetHeight || 0
+
+    context = canvas.value?.getContext('2d') ?? null
+
+    if (context) {
+      if (canvas.value) {
+        canvas.value.width = windowWidth.value || 0
+        canvas.value.height = windowHeight.value || 0
+      }
+      context.strokeStyle = 'grey'
+      context.lineWidth = 5
+      context.lineJoin = 'round'
+      context.lineCap = 'round'
+      context.strokeStyle = '#000'
+    }
+  })
+}
+
+const clearCanvas = (): void => {
+  context?.clearRect(0, 0, canvas.value?.width || 0, canvas.value?.height || 0)
+}
+
+const startDrawing = (e: MouseEvent | TouchEvent): void => {
+  e.preventDefault()
+  drawing.value = true
+  const rect = canvas.value?.getBoundingClientRect()
+  lastX =
+    e instanceof MouseEvent
+      ? e.clientX - (rect?.left || 0)
+      : e.touches[0].clientX - (rect?.left || 0)
+  lastY =
+    e instanceof MouseEvent ? e.clientY - (rect?.top || 0) : e.touches[0].clientY - (rect?.top || 0)
+}
+
+const endDrawing = (): void => {
+  drawing.value = false
+}
+
+const draw = (e: MouseEvent | TouchEvent): void => {
+  e.preventDefault()
+  if (!drawing.value) return
+  context?.beginPath()
+  context?.moveTo(lastX, lastY)
+  const rect = canvas.value?.getBoundingClientRect()
+  const x =
+    e instanceof MouseEvent
+      ? e.clientX - (rect?.left || 0)
+      : e.touches[0].clientX - (rect?.left || 0)
+  const y =
+    e instanceof MouseEvent ? e.clientY - (rect?.top || 0) : e.touches[0].clientY - (rect?.top || 0)
+  context?.lineTo(x, y)
+  context?.stroke()
+  lastX = x
+  lastY = y
+}
+</script>

package/src/pages/Registrator/SignUp/SignUp.vue

@@ -0,0 +1,119 @@
+<template lang='pug'>
+.row.justify-center.q-pa-sm
+  .col-md-6.col-sm-8.col-xs-12
+    q-card.q-pa-md.signup(flat).q-pt-lg
+      p.text-h6.text-center.q-mb-md ВСТУПИТЬ В ПАЙЩИКИ
+      q-stepper(v-model='store.step', vertical, animated, flat, done-color='primary')
+        EmailInput
+
+        SetUserData
+
+        GenerateAccount
+
+        SelectBranch(v-if="isBranched")
+
+        ReadStatement
+
+        SignStatement
+
+        PayInitial
+
+        WaitingRegistration
+
+        Welcome
+    q-btn(@click="out" dense size="sm" flat) начать с начала
+
+
+</template>
+
+<script lang="ts" setup>
+import { watch, onMounted, onBeforeUnmount, computed } from 'vue'
+import EmailInput from './EmailInput.vue'
+import GenerateAccount from './GenerateAccount.vue'
+import SetUserData from './SetUserData.vue'
+import SignStatement from './SignStatement.vue'
+import ReadStatement from './ReadStatement.vue'
+import PayInitial from './PayInitial.vue'
+import WaitingRegistration from './WaitingRegistration.vue'
+import Welcome from './Welcome.vue'
+import SelectBranch from './SelectBranch.vue'
+
+import { COOPNAME } from 'src/shared/config'
+import { useCurrentUserStore } from 'src/entities/User'
+
+import { useRegistratorStore } from 'src/entities/Registrator'
+import { useLogoutUser } from 'src/features/User/Logout'
+import { useSessionStore } from 'src/entities/Session'
+import { useAgreementStore } from 'src/entities/Agreement'
+import { useWalletStore } from 'src/entities/Wallet'
+
+import { useRouter } from 'vue-router';
+import { useSystemStore } from 'src/entities/System/model'
+
+const currentUser = useCurrentUserStore()
+const router = useRouter()
+const { state, clearUserData, steps } = useRegistratorStore()
+const session = useSessionStore()
+const store = state
+const username = computed(() => session.username)
+const agreementer = useAgreementStore()
+const wallet = useWalletStore()
+
+onMounted(() => {
+  agreementer.loadCooperativeAgreements(COOPNAME)
+  if (!currentUser.isRegistrationComplete) {
+
+    if (currentUser.userAccount?.status === 'registered' || currentUser.userAccount?.status === 'active' || currentUser.userAccount?.status === 'blocked') {
+      store.step = steps.WaitingRegistration
+      return
+    }
+  }
+})
+
+
+const out = async () => {
+  const { logout } = await useLogoutUser()
+  await logout()
+
+  clearUserData()
+
+  window.location.reload()
+}
+
+onBeforeUnmount(() => {
+  if (store.step == steps.Welcome) {
+    clearUserData()
+  }
+})
+
+watch(() => currentUser.participantAccount, (newValue) => {
+  if (newValue) {
+    clearUserData()
+    store.step = steps.Welcome
+  }
+})
+
+watch(
+  () => [store.step, store.email, store.account, store.userData],
+  () => {
+    if (store.step >= steps.GenerateAccount && store.step < steps.WaitingRegistration) {
+      currentUser.loadProfile(username.value, COOPNAME)
+      wallet.loadUserWalet({coopname: COOPNAME, username: username.value})
+    }
+  }
+)
+
+const registeredAndloggedIn = computed(() => {
+  return currentUser.isRegistrationComplete && useSessionStore().isAuth && store.step == steps.EmailInput
+})
+
+watch(() => registeredAndloggedIn, (newValue) => {
+  if (newValue.value === true)
+    router.push({name: 'index'})
+})
+
+const system = useSystemStore()
+const isBranched = computed(() => system.info?.cooperator_account.is_branched)
+
+</script>
+<style></style>

package/src/pages/Registrator/SignUp/WaitingRegistration.vue

@@ -0,0 +1,69 @@
+<template lang="pug">
+div
+  q-step(
+    :name="store.steps.WaitingRegistration"
+    title="Получите решение совета о приёме Вас в пайщики кооператива"
+    :done="store.isStepDone('WaitingRegistration')"
+  )
+    template(v-if="currentUser?.userAccount?.status !== 'failed'")
+      p Ваш платеж принят. Ожидаем, когда совет рассмотрит Ваше заявление и примет решение о приёме Вас в пайщики. Это может занять до 24 часов. Вы получите уведомление, когда решение будет принято.
+      span Эту страницу можно закрыть, а при необходимости, войти с другого устройства с помощью ключа доступа, который был сохранён ранее.
+      Loader
+    template(v-else)
+      p Произошла ошибка при регистрации. Пожалуйста, обратитесь в подержку для устранения проблемы.
+
+</template>
+
+<script lang="ts" setup>
+import { ref, computed, watch, onBeforeUnmount, onMounted } from 'vue'
+import { useCurrentUserStore } from 'src/entities/User';
+import { COOPNAME } from 'src/shared/config';
+import { Loader } from 'src/shared/ui/Loader';
+import { useRegistratorStore } from 'src/entities/Registrator'
+const store = useRegistratorStore()
+
+const currentStep = store.steps.WaitingRegistration
+
+const step = computed(() => store.state.step)
+const interval = ref()
+
+watch(step, (newValue) => {
+  if (newValue === currentStep) {
+    interval.value = setInterval(() => update(), 10000)
+    update()
+  }
+})
+
+const currentUser = useCurrentUserStore()
+
+const participantAccount = computed(() => currentUser.participantAccount)
+
+onMounted(() => {
+  if (participantAccount.value && step.value === currentStep)
+    store.next()
+})
+
+onBeforeUnmount(() => {
+  if (interval.value) {
+    clearInterval(interval.value)
+  }
+})
+
+const update = async () => {
+  if (store.state.account.username && !participantAccount.value) {
+    try {
+      await currentUser.loadProfile(store.state.account.username, COOPNAME)
+    } catch(e: any){
+      console.log('error: ', e.message)
+    }
+  } else {
+    clearInterval(interval.value)
+  }
+}
+
+watch(() => participantAccount, (newValue) => {
+  if (newValue) store.next()
+})
+
+
+</script>

package/src/pages/Registrator/SignUp/Welcome.vue

@@ -0,0 +1,30 @@
+<template lang="pug">
+div
+  q-step(
+    :name="store.steps.Welcome"
+    :title="'Добро пожаловать в ' + COOP_SHORT_NAME"
+    :done="store.isStepDone('Welcome')"
+  )
+
+    p Совет кооператива {{ COOP_SHORT_NAME }} принял положительное решение о приёме Вас в пайщики, выдал удостоверение и создал цифровой кошелёк для Вас.
+
+    div.q-mt-lg
+      q-btn(
+        color="primary"
+        label="Открыть кошелёк"
+        @click="next"
+      ).q-mt-lg.q-mb-lg
+  </template>
+
+<script lang="ts" setup>
+import { COOP_SHORT_NAME } from 'src/shared/config'
+import { useRouter } from 'vue-router';
+import { useRegistratorStore } from 'src/entities/Registrator';
+const router = useRouter()
+const store = useRegistratorStore()
+
+const next = () => {
+  router.push({ name: 'index' })
+}
+
+</script>

package/src/pages/Registrator/SignUp/index.ts

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

package/src/pages/Support/SupportPage.vue

@@ -0,0 +1,38 @@
+<template lang="pug">
+  div#chatwoot-container
+</template>
+
+<script setup lang="ts">
+// import { onMounted } from 'vue';
+// import { createChatWoot } from '@productdevbook/chatwoot/vue';
+// import { useApp } from 'vue'; // Используется для регистрации плагина
+
+// const app = useApp(); // Подключаем инстанс приложения Vue
+
+// onMounted(() => {
+//   const baseUrl = window.location.origin; // Динамический URL с протоколом и хостом
+
+//   const chatwoot = createChatWoot({
+//     init: {
+//       websiteToken: 'b6BejyTTuxF4yPt61ZTZHjdB',
+//       baseUrl: baseUrl // Вставляем baseUrl
+//     },
+//     settings: {
+//       locale: 'en',
+//       position: 'left',
+//       launcherTitle: 'Hello Chat'
+//     },
+//     partytown: false,
+//   });
+
+//   app.use(chatwoot); // Подключаем Chatwoot как плагин к приложению
+// });
+</script>
+
+<style scoped>
+#chatwoot-container {
+  width: 100vw;
+  height: 100vh;
+  position: relative;
+}
+</style>

package/src/pages/Support/index.ts

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

package/src/pages/Union/Connection/ConnectionPage.vue

@@ -0,0 +1,107 @@
+<template lang="pug">
+div.row.justify-center.q-pa-md
+  div.col-md-8.col-xs-12
+    div(v-if="is_finish == false")
+      div(v-if="!signedDocument")
+        div(v-if="html")
+          DocumentHtmlReader(:html="html")
+          q-btn(@click="sign" color="primary") подписать
+
+        div(v-else)
+          Loader(:text='`Готовим соглашение...`')
+
+      div(v-else)
+        p.text-h6 Предварительная настройка
+        p Пожалуйста, укажите домен для установки MONO. Также, укажите суммы вступительных и минимальных паевых взносов для физических лиц, юридических лиц и индивидуальных предпринимателей:
+
+        AddCooperativeForm(:document="signedDocument" @finish="finish").q-pt-md
+    div(v-if="is_finish == true && coop")
+
+      p.text-h6 Кооператив на подключении
+      p Статус:
+        q-badge(v-if="coop.status == 'pending'" color="orange").q-ml-sm ожидание
+        q-badge(v-if="coop.status == 'active'" color="teal").q-ml-sm активен
+        q-badge(v-if="coop.status == 'blocked'" color="red").q-ml-sm заблокирован
+
+        q-btn(@click="reload" color="primary" size="sm").q-ml-md
+          q-icon(name="refresh")
+          span обновить
+
+      p Пожалуйста, перешлите инструкцию ниже вашему техническому специалисту. После её выполнения, мы автоматически выполним запуск. Далее, Вам необходимо завершить установку уже на Вашем сайте следуя инструкциям, представленным там.
+
+      q-card(flat bordered).q-pa-sm
+        p.text-bold Инструкция
+        div.flex.justify-between
+          span {{instruction}}
+          q-btn(size="sm" icon="fas fa-copy" flat @click="copy")
+
+</template>
+<script setup lang="ts">
+import { DigitalDocument } from 'src/shared/lib/document';
+import { useSessionStore } from 'src/entities/Session';
+import { DocumentHtmlReader } from 'src/shared/ui/DocumentHtmlReader';
+import { computed, ref } from 'vue';
+import { Loader } from 'src/shared/ui/Loader';
+import { AddCooperativeForm } from 'src/features/Union/AddCooperative';
+import { useLoadCooperatives } from 'src/features/Union/LoadCooperatives';
+import { copyToClipboard } from 'quasar';
+import { SuccessAlert } from 'src/shared/api';
+import { Cooperative } from 'cooptypes';
+
+const session = useSessionStore()
+const document = ref(new DigitalDocument())
+const {loadOneCooperative} = useLoadCooperatives()
+
+const coop = ref()
+const instruction = computed(() => `Создайте A-запись домена ${coop.value?.announce} на IP-адрес: 95.174.93.156`)
+
+const html = computed(() => document.value?.data?.html)
+const signedDocument = computed(() => document.value?.signedDocument)
+const is_finish = ref(false)
+
+const copy = () => {
+  copyToClipboard(instruction.value)
+    .then(() => {
+      SuccessAlert('Инструкция скопирована в буфер')
+    })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+
+
+const finish = () => {
+  is_finish.value = true
+  reload()
+}
+
+//todo loadCooperative by username and check status
+const reload = async() => {
+  coop.value = await loadOneCooperative(session.username)
+}
+
+const init = async () => {
+  coop.value = await loadOneCooperative(session.username)
+
+  if (!coop.value)
+    await document.value.generate({
+      registry_id: Cooperative.Registry.CoopenomicsAgreement.registry_id,
+      coopname: 'voskhod',
+      username: session.username,
+    })
+  else is_finish.value = true
+}
+
+const sign = async() => {
+  await document.value.sign()
+}
+
+init()
+
+
+/**
+ * Здесь необходимо получить соглашение для подключения и проверить заполнено ли оно.
+ *
+ *
+ */
+</script>

package/src/pages/Union/Connection/index.ts

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

package/src/pages/Union/ListOfCooperatives/index.ts

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

package/src/pages/Union/ListOfCooperatives/ui/UnionPageListOfCooperatives.vue

@@ -0,0 +1,8 @@
+<template lang="pug">
+div
+  UnionListOfCooperatives
+</template>
+
+<script lang="ts" setup>
+import { UnionListOfCooperatives } from 'src/widgets/Union/ListOfCooperatives/ui';
+</script>

package/src/pages/Union/ListOfCooperatives/ui/index.ts

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

package/src/pages/User/CardPage/index.ts

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

package/src/pages/User/CardPage/ui/CoopCardPage.vue

@@ -0,0 +1,8 @@
+<template lang="pug">
+CoopCard
+
+</template>
+<script lang="ts" setup>
+import { CoopCard } from 'src/widgets/User/CoopCard';
+
+</script>

package/src/pages/User/CardPage/ui/index.ts

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

package/src/pages/User/IdentityPage/index.ts

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

package/src/pages/User/IdentityPage/ui/IdentityPage.vue

@@ -0,0 +1,15 @@
+<template lang="pug">
+PersonalCard(:username="username")
+
+</template>
+<script lang="ts" setup>
+import { PersonalCard } from 'src/widgets/User/PersonalCard/ui'
+
+import { computed } from 'vue';
+import { useCurrentUserStore } from 'src/entities/User';
+
+const currentUser = useCurrentUserStore()
+
+const username = computed(() => currentUser.username)
+
+</script>

package/src/pages/User/IdentityPage/ui/index.ts

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

package/src/pages/User/PaymentMethodsPage/index.ts

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

package/src/pages/User/PaymentMethodsPage/ui/PaymentMethods.vue

@@ -0,0 +1,15 @@
+<template lang="pug">
+PaymentMethodsCard(:username="username")
+
+</template>
+<script lang="ts" setup>
+import { PaymentMethodsCard } from 'src/widgets/User/PaymentMethods';
+
+import { computed } from 'vue';
+import { useCurrentUserStore } from 'src/entities/User';
+
+const currentUser = useCurrentUserStore()
+
+const username = computed(() => currentUser.username)
+
+</script>

package/src/pages/User/PaymentMethodsPage/ui/index.ts

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

package/src/pages/User/SettingsPage/index.ts

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

package/src/pages/User/SettingsPage/ui/UserSettingsPage.vue

@@ -0,0 +1,5 @@
+<template lang="pug">
+router-view
+</template>
+<script lang="ts" setup>
+</script>

package/src/pages/User/SettingsPage/ui/index.ts

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

package/src/pages/User/WalletPage/index.ts

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

package/src/pages/User/WalletPage/ui/WalletPage.vue

@@ -0,0 +1,14 @@
+<template lang="pug">
+WalletCard(:username="username")
+</template>
+<script lang="ts" setup>
+import { WalletCard } from 'src/widgets/User/WalletCard'
+
+import { computed } from 'vue';
+import { useCurrentUserStore } from 'src/entities/User';
+
+const currentUser = useCurrentUserStore()
+
+const username = computed(() => currentUser.username)
+
+</script>

package/src/pages/User/WalletPage/ui/index.ts

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