Разработать интерактивную сетку мероприятий

Цена договорная • наличный расчёт, электронные деньги
19 октября 2018, 14:24 • 9 откликов • 69 просмотров
Необходимо разработать вывод данных в сетку подобную ежедневному планингу (img1 во вложении).
по вертикальными столбцам показываются залы (площадки) проведения мероприятий.
По горизонтальным строчкам время. На пересечении мероприятие.

Входные данные:
- начало и конец дня в часах (8:00, 20:30)
- дробление часа 10, 15, 30 минут (т.е. минимальное время между линиями в сетке 10:00 - 10:10, 10:00 - 10:15, 10:00 - 10:30).
- массив списка залов типа $halls = array(0 => array('id'=>2, 'name'=>"Зал 1" ), 1 => array('id'=>15, 'name'=>"Зал 23" ));
- мероприятия имеют следующие данные:
- время начала мероприятия
- время окончания мероприятия и/или длительность
- id зала
- название мероприятия
- html данные спикеров
- html данные описания мероприятий

формат массива данных мероприятия предлагаю сформулировать вам, чтобы было проще работать с данными.

Что необходимо:
1. Отрисовать сетку по данным начала и конца дня в часах, с нужным шагом и перечнем залов (приложение img2).
2. Нанести мероприятия
3. При наведении на пиктограмку в мероприятии показать дополнительную информацию во всплывающем окошке (спикеры, описание мероприятия)
5. Реализовать изменение длительности мероприятия путем перетаскивания или верхней или нижней границы, по окончании движения генерировать ajax запрос к серверу (пока путь произвольный).
4. Реализовать перемещении отдельного мероприятия по сетке (в свободное место), по окончании движения генерировать ajax запрос к серверу (пока путь произвольный).

З.Ы. Формирование изначальной сетки из массива данных необходимо делать посредством PHP.


Файлы