За прошедшие выходные, я допилил финансовый менеджер со стороны UI а 80%, осталось дописать раздел настроек.
Как выглядел финансовый менеджер до переработки:
 |
Абсолютно неадаптиная верстка и все свалено в одну кучу. На мобиле приходилось много скролить и маштабировать. |
Не считая, того, что я автоматизировал процесс внесения трат с отчетов от банка, теперь UI выглядит так (скрины с смартфона):
 |
Менюшка, на мобиле скрыта и открыватеся по нажатию на иконку, на десктопе видна всегда. |
 |
История рассходов, теперь влезает даже на экран мобилы. |
 |
Форма добавления расхода/дохода |
 |
Вьюха статистики (лейблы диаграммы пока не очень влезают, нужно допиливать) |
 |
График расходов (общий и стакаемый) |
 |
График накоплении и дельты (чистого дохода) |
В форме ввода данных для полей Категория/Получатель применяется jqueryUI Autocomplete
Для биндинга формы/дейтпикеров в статистике/истории применяется V.ts(мой простой дата биндинг js движок)
Вот так для сравнения, это выглядит на десктопе:
 |
Форма добавления (Транзакции по карте необработанные отсутствуют, когда они есть, там таблица) |
 |
История транзакций на десктопе |
 |
Статистика на десктопе |
Комментариев нет:
Отправить комментарий