Нужно сверстать страницы кабинета (всего 4 штуки) с
1) современным дизайном, т.е. вы подбираете цветовую гамму. иконки, значки. делаете поп-апы и пр.
2) нормальным отображением с мобильных устройств. – адаптив
Уже есть аж целых 2 версии кабинета с некоторыми сверстанными страницами- не красиво, но работает.
Условно без верстки. Задача – переверстать то что есть по современным канонам.
Вот ссылка на сайт, где продаются шаблоны кабинетов – вот примерно в таком дизайне хотим видеть выполненную работу.
В процессе создания будет создан чат где будет руководитель проекта и программист.
Вот некоторые вводные:
Первый кабинет Вход
admin:adminadmin
Второй кабинет – делал фрилансер отсюда, вообще не понял задание – нарисовал чисто структуру без дизайна, с местами едущей версткой, и то часть функционала не работает (поп-апы). Но может чем-то поможет.
Общие требования:
* Файл css не должен быть минимизирован. Желательны простые стили по структуре,
без килобайтных связок классов очередями.. файл css размером 300-500к будет минусом
* Js не должен быть минимизирован. Использование плагинов желательно
отдельными js файлами с урлами доков. Иконки такие чтобы было где посмотреть
если надо вставить свои (бывает шрифтом делаются и неясно какая коллекция).
* Везде где можно должны работать поля autocomplete
В проекте используется плагин таблиц, вот страница примера для bootstrap4
Необходимо чтобы верстка не конфликтовала с таблицами.
Например на первой же странице проекта присутствуют сразу 3 таблицы:
Меню слева – двухуровневое.
Требуется верстка:
* страница входа (с окнами логина и регистрации:
если нажать в окне регистрации "Зарегистрироваться" без заполнения полей,
то видно что используется вывод ошибок, надо наметить)
*
(4 таблицы и сверху статистика) – по структуре вот как тут:
таблицы с вертикальной прокруткой, выбором кол-ва отображаемых строк (5,10,20,50)
* на странице поставщиков
если нажать на плюсик то открывается сложный фильтр,
который хотелось бы получить готовым шаблоном:
вертикальные табы-меню в которых при раскрытии стоят как в примере чекбоксы,
при нажатии на "Плюс" добавляется таб..
функционал(не касаясь диза и адаптива):
– при любых изменениях кроме кнопки "+" сверху, появляется кнопка "Записать" снизу(можно сразу ее создать)
– в аккардионе в заглавии табов нажатие на иконку удаления не должно приводить к открытию/закрытию таба – должно выводить на
какуюто функцию-заглушку
– клик по любой марке должен открывать попап (как сейчас в проекте) со всеми моделями и с кнопками Отмена/Сохранить
– в этом окне клик на модель должен открыть второй попап над первым с доп инфой и с кнопками Отмена/Сохранить
– соответственно мульти окна должны работать правильно, клик вне окна не закрывает окна
– около моделей бывает информационное число Audi [19] – просьба предусмотреть для него элемент для заполнения
– список моделей в мод окне может быть и небольшим и достаточно громоздким, хотелось бы оптимального поведения для
адаптивности
– дерево с инфой во втором окне прогать не обязательно
– чекбоксы по всему проекту должны быть не системные
* "Управление заказом":
пример страницы тут :
или здесь:
– но этот сырой – исполнитель не смог доделать, бросил
прототип страницы тут:
– ("Аукционные предложения" с прокруткой вертикальной)
Это сводка предложений поставщиков. ведется подетально. т.е. для каждой детали свой набор предложений.
При нажатии на "Поставщики" – попап с содержимым – списком поставщиков, кто оставил предложение.
Карточки выводятся с комментарием, ценой детали, ценой доставки, и фото (при наличии)
– верхний блок – детали заказа. Там должны редактироваться данные:
(марка и модель идут с автоподсказкой при наборе;
дерево чекбоксов верстать не надо – только контейнер под него, но чтоб дерево потенциально не конфликтовало;
нужна динамика набора нажатием на кнопки меню покупаемых деталей
– Блок чатов с поставщиками. Для каждой детали создается свой чат. В этом чате присутствуют поставщики с каждым из которых
ведется свой чат, соотв должно работать ппереключение. Из функционала – сообщения, прикрепить файл, прикрепить
изображение. и кнопка "Создать предложение"
При успешном сотрудничестве закажем еще дополнительно страниц – порядка 4-5
Конечная цена реализации обсуждаема.
Оплата или безопасная сделка или поэтапно при сдаче страниц.