воскресенье, 23 августа 2015 г.

Kaikei: Финансовый менеджер (Часть 2)

За прошедшие выходные, я допилил финансовый менеджер со стороны UI а 80%, осталось дописать раздел настроек.
Как выглядел финансовый менеджер до переработки:

Абсолютно неадаптиная верстка и все свалено в  одну кучу. На мобиле приходилось много скролить и маштабировать.
Не считая, того, что я автоматизировал процесс внесения трат с отчетов  от банка, теперь UI выглядит так (скрины с смартфона):
Менюшка, на мобиле скрыта и открыватеся по нажатию на иконку, на десктопе видна всегда.
История рассходов, теперь влезает даже на экран мобилы.
Форма добавления расхода/дохода
Вьюха статистики (лейблы диаграммы пока не очень влезают, нужно допиливать)
График расходов (общий и стакаемый)

График накоплении и дельты (чистого дохода)
В форме ввода данных для полей Категория/Получатель применяется jqueryUI Autocomplete
Для биндинга формы/дейтпикеров в статистике/истории применяется V.ts(мой простой дата биндинг js движок)

Вот так для сравнения, это выглядит на десктопе:
Форма добавления (Транзакции по карте необработанные отсутствуют, когда они есть, там таблица)

История транзакций на десктопе
Статистика на десктопе



Комментариев нет:

Отправить комментарий