---
# System prepended metadata

title: 'План UI:'

---

# План UI:

Главная задача - надо добить все мелкие элементы согласно дизайну заказчика, там где они не отвечают специфики работы биржи(канальной системе) - создать и реализовать свое решение. 

> Первоисточник дизайна: https://app.moqups.com/nCGHxUx2xW/edit/page/ac9afbf72

Итак по вкладкам: 
![](https://i.imgur.com/d8nBLDC.png)
  
## TRADE  
1. Дизайн предусматривает светлую и темную тему - сделай переключалку, если экспортировать цветовую схему из мокапа трудаемкая задача - дай мне знать, я заряжу версталу - он сделает это за тебя(нужно знать только формат таблицы стилей).

2. При наведении и нажатии на уровень в стакане - сумма уровня должна появлятся в интерфейса постановки заказа.

3. Слева вверху переключалка по регионам - сделай, переключалку на три региона api - пока все одинаковые.

4. Новостная лента - добавь ее как компонент дизайна, забей туда фейк-ньювс

5. Мобильная версия - ее фактически нет, но нужно чтоб для мобильных пользователей показывалась адекватная картина - что и как подумай, прими решение самостоятельно(исходи из того что мобильную версию все равно делать тебе)


## FUNDS
> Этот раздел отвечает за отображение информайции по 1. актуальному состоянию L1/L2/L3 балансов пользователя, 2. истории изменения этого состояния(транзакций между L1/L2/L3) и дает инструменты по его изменению(пополнению/снятию L1/L2/L3)

Тут надо пересмотреть предложенный заказчиком вариант - исходи из концепции что биржа это DEX - все вызовы в ней это транзакции в различные блокчейны, считай что L2/OXA - это блокчейн из одной ноды(Банк v2 в принципе это и есть нода parity)

**Внешний вид** - идешь в [keyless.one/dashboard](https://keyless.one/dashboard) - там три блокчейна, в каждом можно пополнить/снять + можно посмотреть исторические данные - моя идея сделать такойже интерфейс в OXA, разделив учетки каждого блокчейна на 3 части(BTC-L1; BTC-L2; BTC-L3). 
Также для упрощения тебе разработки - чтоб ты не ждал хендлера - внедри себе хендлер-заглушку в терминал(если хорошо получится - оставим это решение в производстве, тк убедить клиента что хендлер не должен быть частью OXA пока не удалось) - быстрое решение по хендлеру - можно посмотреть и взять тут: 
https://rsolomakhin.github.io/


### История изменения состояний(лог транзакций(L1/L2/L3))

API транзакций брать в разных источниках(исходя из блокчейна):

Решение: https://github.com/trezor/blockbook
Описание API: https://github.com/trezor/blockbook/blob/master/docs/api.md

1. Эндпоинт **Bitcoin API**: https://btc.l2dex.io:19130/
2. Эндпоинт **Ethereum API**: https://ropsten1.trezor.io/
3. Эндпоинт **L2/OXA History API**: пока не готов - сегодня будет, интерфейс **[backbook rest api v2](https://github.com/trezor/blockbook/blob/master/docs/api.md)**.

Полный список доступных эндпоинтов трезора, и модель работы с этим апи можно взять в пакете 
**[l2a-payment-handler](https://gitlab.l2a.io/l2a.io/l2a-payment-handler?nav_source=navbar)**:
![](https://i.imgur.com/9ZDhJMb.png)

### Теущее состояние балансов

~~- Тут вроде проблем нет и все отлажено - если я не прав - дай знать.~~

После поддержки **BTC** частично отвалились каналы и сигнатуры (по новой схеме как раз **L2** транзакции). Но это все починится в рамках поддержки **L2/OXA History API** и будет работать как раньше. 

> Прошу тут дать свои рекомендации относительно текущего API

## ORDERS

Это часть уже реализованна в главном окне(торговом терминале) - просо продублируй его

# Второстепенные разделы
По функционалу этих разделов я уточню у заказчика - но пока они без изменений.

## Customer Service

## About

## Terms&Service

## API

## USDR

