fix_error

src/pages/account/AgreementsPage.vue

@@ -0,0 +1,104 @@
+<template>
+  <pn-page-card>
+    <template #title>
+      {{$t('agreements__title')}}
+    </template>
+    <pn-scroll-list>
+      <div class="flex column w100 q-pa-md q-gutter-y-md">
+        <div>
+          {{ $t('agreements__description') }}
+        </div>
+        <div class="flex items-center no-wrap">
+          <q-checkbox v-model="agreement" val="1" class="q-pr-sm"/>
+          <span>
+            {{ $t('agreements__checkbox_agreement_terms') + ' ' }}
+            <span
+              @click="router.push({ name: 'terms' })"
+              class="cursor-pointer"
+              style="text-decoration: underline;"
+              >
+              {{ $t('agreements__checkbox_agreement_terms_doc') }}
+            </span>
+          </span>
+        </div>
+        <div class="flex items-center no-wrap">
+          <q-checkbox v-model="agreement" val="2" class="q-pr-sm"/>
+          <span>
+            {{ $t('agreements__checkbox_agreement_consent') + ' ' }}
+            <span
+              @click="router.push({ name: 'consent' })"
+              class="cursor-pointer"
+              style="text-decoration: underline;"
+              >
+              {{ $t('agreements__checkbox_agreement_consent_doc') }}
+            </span>
+            {{ ' ' +  $t('agreements__checkbox_agreement_privacy') + ' ' }}
+            <span
+              @click="router.push({ name: 'consent' })"
+              class="cursor-pointer"
+              style="text-decoration: underline;"
+              >
+              {{ $t('agreements__checkbox_agreement_privacy_doc') }}
+            </span>
+          </span>
+        </div>
+      </div>
+    </pn-scroll-list>
+    <template #footer>
+      <div class="flex no-wrap justify-center w100 q-gutter-x-md q-pb-md">
+        <q-btn
+          flat
+          color="negative"
+          no-caps
+          style="opacity: 0.6"
+          @click="onDecline"
+          class="col"
+          >
+          <div class="flex column items-center">
+            {{ $t('agreements__btn_decline') }}
+            <span class="text-caption">
+              {{ $t('agreements__btn_decline_description') }}
+            </span>
+          </div>
+        </q-btn>
+        <q-btn
+          color="primary"
+          no-caps
+          :disable="agreement.length !== 2"
+          @click="onSubmit"
+          class="fix-disabled-btn col"
+          >
+          {{$t('agreements__btn_agree')}}
+        </q-btn>
+      </div>
+    </template>
+
+  </pn-page-card>
+</template>
+
+<script setup lang="ts">
+  import { ref, inject } from 'vue'
+  import { useRouter } from 'vue-router'
+  import { useAuthStore } from 'stores/auth'
+  import type { WebApp } from '@twa-dev/types'
+  const tg = inject('tg') as WebApp
+
+  function onDecline () {
+    tg.close()
+  }
+
+
+  const authStore = useAuthStore()
+  const router = useRouter()
+
+  async function onSubmit () {
+    await authStore.termsAccepted()
+    await router.push({ name: 'projects' })
+  }
+
+  const agreement = ref([])
+
+</script>
+
+<style>
+</style>

src/pages/account/ConsentPage.vue

@@ -0,0 +1,10 @@
+<template>
+  <doc-block type="consent"/>
+</template>
+
+<script setup lang="ts">
+  import docBlock from 'components/docBlock.vue'
+</script>
+
+<style>
+</style>