Требуется запрограммировать блок динамических SVG схем стадионов.
Пример:
Рисовать сами схемы не нужно, нужно запрограммировать серверную и браузерную часть и написать требования к подготовке SVG схем для их загрузки на сайт.
Проект выполнен на движке "Битрикс", редакция "Малый бизнес". Браузерная часть должна быть реализована на jQuery.
Ссылка на проект, с которым нужно работать:
Схемы стадионов там уже есть, но они статические (просто JPG картинки, программно не связанные с билетами).
Требования:
1) Динамическая схема стадиона должна быть программно связана с таблицей билетов справа
2) Каждый элемент (сектор) схемы должен иметь номер и быть кликабелен
3) При клике по сектору схемы – в таблице билетов справа должны фильтроваться только билеты, соответствующие выбранному сектору
4) При наведении мыши на сектор схемы – во всплывающей подсказке над сектором должны отображаться билеты, которые соответствуют данному сектору и/или данной категории билетов
5) Цвет секторов на схеме должен соответствовать цвету категории билета в таблице справа
6) При наведении мыши на билет в таблице справа, на схеме должны подсвечиваться сектора той же категории. Если у билета указан сектор – то на схеме должен подсвечиваться только один этот сектор.
7) Сектора, на которые нет проданных билетов должны быть серого цвета. Они не кликабельны.
В проекте уже созданы информационные блоки: "Схемы стадионов" (здесь перечислены все возможные категории билетов для данного стадиона), "Билеты" (полная информация о билетах в продаже). Нужно к ним привязать динамическую схему стадиона.
Таким образом, нужно сделать следующее:
1) К уже существующему проекту добавить функционал динамических SVG схем. Доработать серверную часть (Битрикс, PHP) и браузерную часть (jQuery).
2) Написать инструкцию для дизайнера по рисованию векторных схем, их конвертации в SVG и подготовке к публикации на сайте и интеграции с билетами.
Сроки: 2 недели.