trustyfund/trusty-ui-vue

trusty-ui-vue's Issues

Разделение экрана в Backup verify

Нужно растянуть верхнюю часть или придумать ещё какой-нибудь ход для того, что набранная фраза на этапе подтверждения brainkey частично не скрывалась как на скринах
здесь вообще целиком не влезает)

Deposit / Withdraw

Deposit

• Openledger
• Trusty

Withdraw

• Openledger
• Trusty

Добавить loader в Coin

На страницу Coin необходимо добавить loader (использование см. в компоненте Transactions), который будет отображаться вместо верхней инфы (того что выше развёртывающихся панелей), пока она не загрузилась.

Fix travis build

На ПК навигационные точки (справа) должны быт видны уже с первого экрана

Перенос вёрстки - manage portfolio

Кнопки скрола справа на ПК версии при клике скролят криво - нужно отцентровать

Brainkey backup logic

Бэкап брейнкия будет вызываться на любом экране кроме home (в случае если этот бэкап еще не пройден).
Факт бэкапа нужно хранить в cookie в формате brainkeyBackupDate: date

Что нужно сделать:

1. Добавить экран ввода пароля, этот экран будет показываться после 1 шага ( Continue to backup)
   По верстке и содержанию пока не понятно, за сим там нужен просто input и кнопка продолжить
   Юзер вводит свой пароль и в случае если всё ок, кнопка становится активна и он переходит на следующий шаг. (проверять можно через action unlockWallet )
2. На следующий экран (backup/phrase) нужно вывести brainkey юзера
3. На следующем экране (backup/verify) нужно проверять валидность ввода brainkey (на confirm) и отправлять на последний экран (backup/done)
4. На экране done нужно сделать возможность отмечать чек пункты и сделать кнопку FinishBackup активной только в случае если все пункты отмечены. (и записывать факт бэкапа в куку)
   
   Вот это нужно выпилить с последнего экрана.

Перенос вёрстки - Profile

Отдельные компоненты на таблицу ассетов, общий баланс, превью списка транзакций

Добавить предупреждение под кнопку COPY ADDRESS экрана deposit

написать мелким желтым шрифтом

IMPORTANT: Send not less than 0.0018 BTC to this deposit address. Sending less than 0.0018 BTC or any other currency will result in the loss of your deposit.

для каждой валюты свой текст. например ETH ниже

IMPORTANT: Send not less than 0.01 ETH to this deposit address. Sending less than 0.01 ETH or any other currency will result in the loss of your deposit.

и тд - посмотреть минималки на bitshares

Настроить eslint

Скрипт на lint уже есть, нужно подключить стандарты airbnb

Некорректный размер кнопки "Настройки"

Кнопка вылезает из хедера, из-за чего на неё можно случайно нажать.

Deposit / Withdraw Openledger

Нужно подумать как это сделать так, чтобы любой мог подключить эти самые депозит и withdraw в свое vue приложение. @riffca есть идеи?

Правки coinpage

• вывести ICO data в отдельный блок

• показывать всю заполненную инфу из api

• переименовать ABOUT в DESCRIPTION

• перенеси блок ABOUT ASSET ISSUER в самый низ под SOCIAL

Фикс кнопки назад хедера

Кнопка назад всегда возвращает на хоум страницу. Необходимо сделать, чтобы возвращала туда, откуда юзер перешёл. Эта информация содержится в $route.

Прикрутить версионность и develop ветку

Убрать приставку OPEN. у openledger ассетов

Убрать сову с экранов login / signup и убрать скрол с экранов (так как все будет влезать)

Регистрация

Value based manual portfolio management

Авторизация

Предлагаю персистентно хранить зашифрованный ключ, при каждом открытии приложения он будет залочен, анлок кладет закрытый ключ в неперсистентное хранилище (обычный vuex store, например module "authed user" или еще как).

На вскидку нужно:

1. Понять как лучше всего превращать vuex модули в персистентные
2. Перетащить куски с авторизацией из нужных источников

Функционал Authorization-Registration

Включает в себя:

1. Улучшенная валидация вводимых инпутов - отображение ошибок в интерфейсе (неверный brainkey, username занят, невалидный и т.п.)
2. Прикручивание API для авторизации к вёрстке
3. Хранение текущего юзера в state
4. logout
5. Хранение текущего юзера (cookies/localStorage)

User page (vuex part)

/user/{username}
Необходимо вывести список ассетов юзера, их value в $ и изменение цены за 7 дней

Перенос верстки - Deposit

Продумать структуру для легкого добавления Deposit Provieders

Поправить лоадер на ПК - чтобы был в центре экрана - сейчас съезжает

Manage portfolio (percent / value based)

Заменить наверху лендинга INFO на FAQ и вставить туда содержание по ссылке ниже

https://docs.google.com/document/d/111wn0G3AafYqxfVX_TeRbgwLOGhPE2_WRu9cHnRNimc/edit#

дизайн-макет уже есть = такой же стиль как в у coin overview

Добавить на экран confirm transactions цену в долларах

Так как все сделки проводясь через BTS, то и цены, подтверждаемые юзером, тоже в BTS. Соответсвенно не несут для юзера смысловой нагрузки)

Поэтому предлагаю добавить в скобках перерасчёт в долларах, чтобы юзер понимал и мог сопоставлять наши цены с рыночными.

Инпуты компонентами

Селект
Текст эдит
Эдитбокс

webpack.prod.js не собирается

скорее всего дело в es2015 + async/await

Улучшить роутинг

1. по "/" показывать EntryPoint.vue, в котором в зависимости от ауентификации показывать либо landing.vue, либо app.vue

2. Улучшить проверку ауентификации в роутере (state)

Desktop вёрстка Backup

Уменьшить размер бандла

Перенос верстки - Signup

Убрать скриншоты из папки проекта

В папке style/screens картинок на 1.2мб. Не забывай, пожалуйста, их удалять после завершения работы над вёрсткой и сабмита PR.

Правки landing

Поправить междустрочные расстояния, вернуть стрелочку.
Проверить по макету.

Дополнить coinPage описанием с Bitshares

@riffca Можешь сверстать описание с bitshares? Там будет одно поле с описанием и всё. Добавил его получение в Coin.vue в геттеры

Перенос вёрстки - Withdraw

Добавить анимацию в разворачивание панелей на странице Coin

Необходимо добавить плавное свёртывание-развёртывание панелей на странице Coin. Также поворот стрелочки (в зависимости от того, развёрнута или свёрнута панель).

Заменить поле PASSWORD на PIN чтобы при клике вылезала цифровая клава

также заменить название поля на

ENTER PIN CODE
CONFIRM PIN

и удалить желтое предпреждение про пароль it cant be recovered

• сократить допустимое число символов до 6

Доработка компоненты Backup

1. Переделать отображение вложенных страниц компонента роутером
   
   Использовать для этого https://router.vuejs.org/en/essentials/nested-routes.html

2. На странице backup-verify при выборе слов необходимо, чтобы они пропадали из контейнера, откуда их выбираешь. Так же предусмотреть длинные слова/много слов - overflow контейнеров со словами.

3. Табличка "Try again" вылезает при загрузке любой из бэкап страниц.

4. Убрать вот это
   

5. Переименовать computed getPhrase из index.vue в phrase (это переменная, т.е. существительная) и перенести её в data (это статические данные).

6. Переименовать имена vue файлов компоненты Backup в соответствие со стайл-гайдом https://vuejs.org/v2/style-guide/#Tightly-coupled-component-names-strongly-recommended
   Заодно можно аналогично переименовать файлы всех остальных компонент.

7. Убрать modal из стора app. Это внутренняя логика компонента backup, пусть там и будет - то есть надо сделать в сторе компоненту backup, где и реализовать логику показа модальных окон (параметр в стейте, экшены, мутации).

8. Убрать выставление тайтла компоненты header через store, вернуть предыдущий вариант через computed из $route.name.

Изменения вносить в данном PR: #26

Перенос вёрстки - список транзакций

staging сервер для мобильных версий

Почистить неиспользуемые dependencies

Установка submodule vuex-bitshares

При установки репки на чистое окружение, не подгружается vuex-bitshares. Директория оказывается пустой.

Сделать фиксированный Header

Необходимо зафиксировать Header сверху, чтобы любая прокрутка происходила в контейнере с остальными компонентами (а не всего body).

На Signup / signin Удалить поле email и переименовать поле ACCOUNT NAME в ENTER EMAIL OR ACCOUNT NAME

ниже вписать заметку Please enter your email address to receive important notifications

Вызов brainkey backup

Прикрутить вызов brainkey backup на manage portfolio, deposit, withdraw, когда эти экраны будут готовы.

Улучшить высоту контейнера с прокруткой

Сейчас любая страница всегда имеет прокрутку независимого от того, влезает её содержимое в экран или нет, пример:

Необходимо избавиться от этого, нужно сделать чтобы App.vue занимал всегда всю доступную высоту и ширину и имел прокрутку в случае когда его контент не влезает в него (сейчас прокрутку у body происходит). Это также предотвратит разрушение вёрстки в случае какого-либо неформатного контента (слишком длинная строка и т.п.).

Перенос верстки - Login