SendPage[alpha]

src/i18n/cn.js

@@ -17,7 +17,9 @@ export default {
     contacts: '联系方式',
     contactsDesc: '查看联系人',
     topUsers: '与会者排名',
-    topUsersDesc: '在第一批中找到自己！'
+    topUsersDesc: '在第一批中找到自己！',
+    send: '翻譯',
+    sendDesc: '將您的第一個發送至 Yat!'
   },
   sign: {
     t1: '嗨！ 欢迎来到Yat，价值交换系统。 我已经为你想出了一个独特的助记符短语--把它当作你的数字签名，这是识别你自己所必需的。 我没有存储它，因此无法恢复。 现在只有你知道它，所以在纸上仔细写下来，或者至少通过点击它并将其放在某个地方来复制它。',
@@ -57,7 +59,8 @@ export default {
   },
   titles: {
     topUsersTitle: '与会者排名',
-    contacts: '联系方式'
+    contacts: '联系方式',
+    send: '翻譯'
   },
 
   transactionMessage: {
@@ -66,6 +69,12 @@ export default {
   import: '出口/进口',
   dowloadJson: 'Скачать JSON-файл',
   uploadJson: 'JSON-файл',
+  placeholder: {
+    p1: '搜尋',
+    p2: '和',
+    p3: '資訊',
+    p4: '給誰'
+  },
   aboutPlatform: {
     bannerTexts: {
       banner1: '我们为什么可靠 ...'
@@ -89,7 +98,8 @@ export default {
     scanQr: {
       NotAllowedError: {
         headerErr: '摄像头的使用未经授权！',
-        textErr: '根据隐私和数据保护政策，浏览器设置必须允许访问！请检查这一点。然后刷新页面，在第二次请求中允许访问设备摄像头。'
+        textErr:
+          '根据隐私和数据保护政策，浏览器设置必须允许访问！请检查这一点。然后刷新页面，在第二次请求中允许访问设备摄像头。'
       },
       NotFoundError: '',
       NotSupportedError: '',

src/i18n/en.js

@@ -17,7 +17,9 @@ export default {
     contacts: 'Contacts',
     contactsDesc: 'View contacts',
     topUsers: 'Ranking of participants',
-    topUsersDesc: 'Find yourself among the first ones!'
+    topUsersDesc: 'Find yourself among the first ones!',
+    send: 'Transfer',
+    sendDesc: 'Send your first to Yat!'
   },
   sign: {
     t1: 'Hi! Welcome to Yat, the value exchange system. I have already come up with a unique mnemonic phrase for you - consider it your digital signature, necessary to identify yourself. I do not have it stored and therefore cannot be restored. Now only you know it, so write it down carefully on paper or at least copy it by clicking on it and put it somewhere.',
@@ -57,15 +59,21 @@ export default {
   },
   titles: {
     topUsersTitle: 'Ranking of participants',
-    contacts: 'Contacts'
+    contacts: 'Contacts',
+    send: 'Transfer'
   },
   transactionMessage: {
     successfull: 'Transaction completed'
   },
   import: 'Export/Import',
   dowloadJson: 'Download JSON-file',
   uploadJson: 'JSON-file',
-  placeholder: 'Find ',
+  placeholder: {
+    p1: 'Find',
+    p2: 'Sum',
+    p3: 'Message',
+    p4: 'To whom'
+  },
   aboutPlatform: {
     bannerTexts: {
       banner1: "Why we're reliable..."
@@ -89,7 +97,8 @@ export default {
     scanQr: {
       NotAllowedError: {
         headerErr: 'Access to the camera was not authorized!',
-        textErr: 'In accordance with the privacy and data protection policy, access in the browser settings must be allowed! Please check this. Then refresh the page and allow access to the device camera in a second request.'
+        textErr:
+          'In accordance with the privacy and data protection policy, access in the browser settings must be allowed! Please check this. Then refresh the page and allow access to the device camera in a second request.'
       },
       NotFoundError: '',
       NotSupportedError: '',

src/i18n/ru.js

@@ -17,7 +17,9 @@ export default {
     contacts: 'Контакты',
     contactsDesc: 'Смотреть контакты',
     topUsers: 'Рейтинг участников',
-    topUsersDesc: 'Окажись в числе первых!'
+    topUsersDesc: 'Окажись в числе первых!',
+    send: 'Перевод',
+    sendDesc: 'Отправь свой первый Ятѣ!'
   },
   sign: {
     t1: 'Привет! Добро пожаловать в Ятѣ, систему обмена ценностями. Я уже придумал тебе уникальную мнемоническую фразу - считай её своей цифровой подписью, необходимой для удостоверения себя. Она у меня не хранится и потому не подлежит восстановлению. Теперь её знаешь только ты, поэтому аккуратно запиши на бумаге или хотябы скопируй, кликнув на неё, и вставь куда-нибудь.',
@@ -57,15 +59,21 @@ export default {
   },
   titles: {
     topUsersTitle: 'Рейтинг участников',
-    contacts: 'Контакты'
+    contacts: 'Контакты',
+    send: 'Перевод'
   },
   transactionMessage: {
     successfull: 'Транзакция выполнена'
   },
   import: 'Экспорт/импорт',
   dowloadJson: 'Скачать JSON-файл',
   uploadJson: 'JSON-файл',
-  placeholder: 'Поиск',
+  placeholder: {
+    p1: 'Поиск',
+    p2: 'Сумма',
+    p3: 'Сообщение',
+    p4: 'Кому'
+  },
   aboutPlatform: {
     bannerTexts: {
       banner1: 'Почему c нами надежно...'
@@ -89,7 +97,8 @@ export default {
     scanQr: {
       NotAllowedError: {
         headerErr: 'Доступ к камере не был разрешен!',
-        textErr: 'В соответствии с политикой конфиденциальности и защиты данных, доступ в настройках браузера должен быть разрешен! Пожалуйста, проверьте это. Затем обновите страницу и разрешите доступ к камере устройства при повторном запросе.'
+        textErr:
+          'В соответствии с политикой конфиденциальности и защиты данных, доступ в настройках браузера должен быть разрешен! Пожалуйста, проверьте это. Затем обновите страницу и разрешите доступ к камере устройства при повторном запросе.'
       },
       NotFoundError: '',
       NotSupportedError: '',

src/i18n/uz.js

@@ -17,7 +17,9 @@ export default {
     contacts: 'Kontaktlar',
     contactsDesc: "Kontaktlarni ko'rish",
     topUsers: 'Ishtirokchilar reytingi',
-    topUsersDesc: "Birinchilardan bo'ling!"
+    topUsersDesc: "Birinchilardan bo'ling!",
+    send: 'Tarjima',
+    sendDesc: 'Yat-ga birinchi xabaringizni yuboring'
   },
   sign: {
     t1: "Salom! Ятѣ, qiymat almashish tizimiga xush kelibsiz. Men sizga allaqachon noyob mnemonik iborani o'ylab topdim-uni o'zingizni tasdiqlash uchun zarur bo'lgan raqamli imzoingiz deb hisoblang. U menda saqlanmaydi va shuning uchun uni tiklash mumkin emas. Endi siz uni faqat bilasiz, shuning uchun uni qog'ozga ehtiyotkorlik bilan yozing yoki hech bo'lmaganda uni bosib nusxa ko'chiring va biron joyga qo'ying.",
@@ -57,7 +59,8 @@ export default {
   },
   titles: {
     topUsersTitle: 'Ishtirokchilar reytingi',
-    contacts: 'Kontaktlar'
+    contacts: 'Kontaktlar',
+    send: 'Tarjima'
   },
 
   userTxHistory: {
@@ -71,7 +74,12 @@ export default {
   import: 'Eksport/import',
   dowloadJson: 'JSON faylini yuklab oling',
   uploadJson: 'JSON-fayl',
-  placeholder: 'Qidiruv',
+  placeholder: {
+    p1: 'Qidirmoq',
+    p2: 'so`m',
+    p3: 'Xabar',
+    p4: 'Kimga'
+  },
   aboutPlatform: {
     bannerTexts: {
       banner1: 'Nima uchun biz bilan ishonchli...'
@@ -95,7 +103,8 @@ export default {
     scanQr: {
       NotAllowedError: {
         headerErr: 'Kameraga kirishga ruxsat berilmagan!',
-        textErr: "Maxfiylik va ma'lumotlarni himoya qilish siyosatiga muvofiq, brauzer sozlamalarida kirishga ruxsat berilishi kerak! Iltimos, tekshiring. Keyin sahifani yangilang va yana so'ralganda qurilma kamerasiga kirishga ruxsat bering."
+        textErr:
+          "Maxfiylik va ma'lumotlarni himoya qilish siyosatiga muvofiq, brauzer sozlamalarida kirishga ruxsat berilishi kerak! Iltimos, tekshiring. Keyin sahifani yangilang va yana so'ralganda qurilma kamerasiga kirishga ruxsat bering."
       },
       NotFoundError: '',
       NotSupportedError: '',

src/layouts/MainLayout.vue

@@ -150,6 +150,13 @@ const clear = () => {
             <q-item-label caption>{{ $t('menu.topUsersDesc') }}</q-item-label>
           </q-item-section>
         </q-item>
+        <q-item to="/send" clickable tag="span">
+          <q-item-section avatar><q-icon name="emoji_events" /></q-item-section>
+          <q-item-section>
+            <q-item-label>{{ $t('menu.send') }}</q-item-label>
+            <q-item-label caption>{{ $t('menu.sendDesc') }}</q-item-label>
+          </q-item-section>
+        </q-item>
       </q-list>
     </q-drawer>
     <q-dialog v-model="enter" persistent>

src/pages/ContactsPage.vue

@@ -29,7 +29,7 @@
 
     <q-btn class="q-ma-sm" icon="person_add" @click="plus" />
 
-    <q-input filled :label="$t('placeholder')" label-color="white" @update:model-value="update" class="q-mt-md"
+    <q-input filled :label="$t('placeholder.p1')" label-color="white" @update:model-value="update" class="q-mt-md"
       style="width: 45%;" />
 
     <q-card class="q-mb-sm" flat v-for="(contact, i) in contacts" :key="contact.id" style="background-color: #110030">

src/pages/send/SendPage.vue

@@ -0,0 +1,35 @@
+<script>
+</script>
+<template>
+    <div class="wrapper">
+        <div class="inputHolder" style="  width: 700px; height: 300px; ">
+            <q-item class="text-h6">{{ $t('titles.send') }}</q-item>
+            <q-input filled :label="$t('placeholder.p4')" label-color="white" @update:model-value="update"
+                class="q-mt-md" style="width: 45%;" />
+            <q-input filled :label="$t('placeholder.p2')" label-color="white" @update:model-value="update"
+                class="q-mt-md" style="width: 45%;" />
+            <q-input filled :label="$t('placeholder.p3')" label-color="white" @update:model-value="update"
+                class="q-mt-md" style="width: 45%;" />
+
+            <q-btn color="primary" style="margin-top: 20px; border-radius: 4px;">{{ $t('send') }}</q-btn>
+
+        </div>
+    </div>
+
+</template>
+
+<style>
+.wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 70vh;
+}
+
+.inputHolder {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+</style>

src/router/routes.ts

@@ -21,7 +21,8 @@ const routes: RouteRecordRaw[] = [
       { path: 'ask', component: () => import('src/pages/landing/AskPage.vue') },
       { path: 'earn', component: () => import('src/pages/landing/EarnPage.vue') },
       { path: 'spend', component: () => import('src/pages/landing/SpendPage.vue') },
-      { path: 'topUsers', component: () => import('src/pages/topUsers/TopUsersPage.vue') }
+      { path: 'topUsers', component: () => import('src/pages/topUsers/TopUsersPage.vue') },
+      { path: 'send', component: () => import('src/pages/send/SendPage.vue') }
     ]
   },