Клиентская часть промо-сайта

Требования:

1. Верстка на базе twitter bootstrap по представленным макетам.

2. Определено желаемое REST api для UI (для рест апи представлены тестовые json файлы)

3. Реализована клиентская логика на JS (смена фильтров перечитывает данные, кнопки нажимаются, тултипы всплывают итд)

Первый экран.

Панель фильтров.

Конфигурация фильтров должна считываться с REST сервиса.

Панель коллекций.

Есть несколько фото коллекции, при клике на большую фото открывается lightbox с увеличенной картинкой.

Параметры которые меняются в шаблоне:

1. Набор фото

2. Стоимость коллекции от и до

3.Наличие (есть или нет и где находится)

4. Название

5. Дата последнего обновления (от нее считаем сколько прошло с обновления)

- если прошло менее 3ех часов, то пишем "обновлено 1 час назад, 2 часа назад"

- если прошло более 3ех часов, пишем "вчера в 14-45", "сегодня в 14-08"

- если прошло более 2 дней показываем дату и время (те не пишем позавчера :))

6. Элементы коллекции

- Название

- Артикул

- Цена

- Наличие где

- Наличие кол-во

- Дата обновления, те же правила что в 5

У каждой коллекции есть свой id, фото передаются ссылками относительно root url сервера

Элемент коллекции должен быть оформлен в виде шаблона, который при необходимости, можно изменить.

На мокапе показан развернутое превью элементов коллекции, по умолчанию, элементы коллекции не должны быть видны,

а должны раскрываться нажатием на кнопку "Показать элементы коллекции"

!ВАЖНО при клике на (?) в блоке "стоимость на вашу площадь" должно отображаться окно с затенением UI в котором

отображается текстовая информация и несколько картинок.

Предусмотреть шаблон для этой информации. Шаблон не зависит от выбранной коллекции, те статический.

Заказ коллекции

При клике на кнопку "Хочу эту коллекцию" отображается окно 2. остальной UI затеняется.

при наведении на (?) отображаются тултипы.

В выпадающем списке когда позвонить можно указать свои варианты (задать в шаблоне или в конфигурации), они отправляются в виде строки.

При клике на кнопку "Начать работу", данные отправляются на сервер (JSON, REST).

Жду предложений по срокам и цене.

В заявке оставляйте ссылки на выполненные ранее работы / портфолио.