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