Верстка проекта на bootstrap
На текущий момент ищем исполнителя для верстки 1 страницы на bootstrap 3.
В дальнейшем в случае успешного опыта сотрудничества намерены работать по пдобным задачм в рамках развивающегося проекта (ukrzap.com)
С Вас оценка бюджета по данной задаче и желание работать дальше.
Задача:
Переверстать вот эту страницу http://www.ukrzap.com/parts/04152-40060 вот таким образом http://proto.ukrzap.com/v3_direct_search_results.html
Исходные данные:
- Имеется верстка, построенная на http://bootflat.github.io/
- Есть прототип того, как оно должно быть изменено
- Прототип оптимизирован под шинину экрана 1280 пикселей
- Страница должна быть responsive, но ширина не менее, чем 1280 пикселей
Распределение пространиства на странице можно разделить на 2 уровня:
1. Данные о детали + таблица с результатами поиска
2. Данные внутри результатов поиска
Ниже распределение ширины областей в колонках по терминологии bootstrap
* цифра означает размер колонки в системе 12-колоночной bootstrap сетки
1. Колонка с картинкой и данными слева + таблица с результатами поиска
Данные о детали (колонка слева) 2
Таблица с результатами поиска 10
2. Таблица с результатами поиска
Бренд 2
Номер 2
Наименование 3
отправка из 2
Срок 1
Цена 1
Текст, который не влазит в одну строку, обрезать.
Чтобы дать поинмание, о чем речь, привожу примеры
https://www.youtube.com/watch?v=uWPeEl9Ok_s&ab_channel=EricSaupe
https://github.com/twbs/bootstrap/issues/863
Мы не настаиваем на реализации - можете по своему, но чтобы это было правильно с точки зрения общей практики
Заголовки, на нажатие которых таблица должна сортироваться:
- Срок отправки
- Цена
Заголовки с выпадающими мультиселектами:
- Бренд
- Номер
- Отпрака из
- Срок
Таблица с результатами поиска имеет прилипающий при скроле заголовок
Фильтры и сортировки в заголовке должны влиять на все строки во всех 4-х секциях результатов поиска
Применение фильтров и сортировок не должны перегружать страницу
Сортировка: при сортировке блоки должны оставаться на своих местах - сортироваться должны сроки внутри блоков
Фильтрация: если в результате фильтрации не остается ни одной позиции внутри блока, то он должен скрываться вовсе
Все колонки кроме Срок и Цена выровнены по левому краю. Срок и цена - по правому.
С целью экономии пространиства, желательно, чтобы в ячейках содержимое не имело отступов справа и слева. Для этой же цели были убраны видимость ячеек.
Для звездочки рейтинга использовать какаую-нибудь библиотеку, например, вот эту https://github.com/kartik-v/bootstrap-star-rating
Рейтинг не должен быть активным - только чтение
При клике на любом месте строки должен выскакивать модал, как вот тут http://www.ukrzap.com/parts/3439