Настроить видео чаты ( через Google Hangouts или другие сервисы) – №1030570

Нужна система бронирования квестов.
Есть сайт на Wordpress. Системы бронирования Wordpress не устраивают, так как для клиента выводится неудобный календарь. Нужно чтобы клиенту выводится список дней, начиная с текущей даты. В каждом дне по несколько сеансов. В ячейке сеанса пишется время начала и цена.
Игрок нажимает ячейку,  ему выводится форма - Имя, телефон, количество игроков и другие поля, например,  возраст.
После бронирования ему приходит сообщение SMS и на почту. Сообщение и почта приходят админу и еще на несколько резервных адресов и телефонов.
В основном игроки заходят на сайт с мобильных телефонов.
Пример сайта:
questgames.com.ua
там любой квест посмотреть.
Если сможете подобрать готовую систему бронирования, даже платную, наиболее подходящую нам, это преимущество.
Есть сайты-агрегаторы квестов, с ними нужно синхронизировать расписание. Для каждого сайта будет отдельное тех. задание.
Систему планируется развивать, дополнять.

Админ должен создать квест для страницы квеста по форме-анкете, (название, адрес, телефон, описание, картинки, жанр, сложность, количество игроков и т.д.) менять сеансы, в сеансе назначать цену. У разных квестов могут быть разные админы.
Пример анкеты квеста:
ссылка

Админ может и снимать брони, тогда при отмене брони, поставить чекбокс "отменить все квесты на данной локации", по умолчанию включен.
Админ может сам закрывать сеанс. Тогда бронь в отображенити расписания для админа должна быть выделена другим  цветом.
Внешний вид расписания для игроков тоже желательно сделать с настраиваемыми цветами.

Второстепенно:
1. Также нужно, но не в первую очередь, выгружать отчет по играм, хотя бы в формате CSV.
2. И отображение в гугл-календарь.
3. При заполнении формы брони - проверка формата телефона, почты.

Базовая цена в выходные дни может отличаться.
В админке Квестгеймс делают так:
"Дни недели, цена".
например,  Пн-Пт 13:30 за 600 грн, Сб-Вс 13:30 за 800 грн.
От числа людей зависит и цена. Обычно цена для 2,3,4 человек фиксирована, далее добавляется по N гривен за игрока.

В одной локации проходит несколько квестов. Нужно, чтобы в анкете квеста было поле Локация. При бронировании проверяется, что ни один квест на этой локации не занят, и бронируются все квесты на этой локации.

Сейчас необходимо:
чтобы игрок бронировал квест через сайт, и администратору приходило сообщение,
чтобы те несколько квестов, которые на одной локации, имели одно расписание ( или сами закрывали другие квесты на это время),
чтобы была синхронизация с другими сайтами.

задач по синхронизации будет несколько, для 3-4 главных сайтов.
Они похожи, отличаются названия полей.
в первую очередь нужна  синхронизация с questroom
ссылка
Свернуть

Нам нужно подключить по API службы службы доставки
интерфейс (стандартизация класса) у нас готов, проект на питон джанго

набор функций которые будут отдавать и принимать нужную нам инфу,
Обязательные требованияпример api по логистической компании ссылка

еще наш пример

ФИАС (он же guid) — единый российский государственный адресный реестр. Любой адрес в России имеет свой уникальный идентификатор вида "c17f05f4-8310-48ac-9095-dccdafdb42cf"
КЛАДР (он же city_code) - Классификатор адресов Российской Федерации. Уникальный идентификатор городов, областей и улиц


1. Список тарифов - delivery_cost (
self,
fias_id: str,
parcels: List,
region: int = 77,
func: str = 'tarif',
address: Optional = None,
price_assess: Optional = 0,
price_amount: Optional = 0,
flag_courier: Optional = True,
flag_pvz: Optional = True,
flag_post: Optional = True,
)
Возвращает массив тарифров
tariff = {
'name': 'B2CPL',
'icon': 'b2cpl',
'from_pvz': True,
'from_door': False,
'to_pvz': True,
'to_door': False,
'code': item,
'price': item,
'days': item
}

2. Список ПВЗ - get_pvz_list (self,
city, /* Название города киррилицей */
city_code, /* КЛАДР код города */
city_guid, /* ФИАС код города */
cityId /* ID города в службе */
)
3. Создание заказа - create_orders (data).
4. Отмена заказа - cancel_order (data, order_id).
5. Получение накладной - get_invoice (self, uuid=None, track=None). Возвращает название файла накладной, сохраненной у нас на сервере
6. Получение ярлыка - get_label (self, uuid=None, track=None). Возвращает название файла ярлыка, сохраненного у нас на сервере
7. История изменения статусов заказа - get_status (self, order_id)
Возвращает массив статусов заказа
status = {
'name': 'Прибыл в г. Москва',
'code': 'MSK_delivered',
'date': '2020-03-15 19:30:47',
'location': Optional
}
8. Регистрация заявки на вызова курьера - call_courier (self, data)

сообщите цену и сроки Свернуть

Задача
Нужно оптимизировать скрипт
ссылка

Знающему человеку работы на 30мин.

сейчас рисование области работает только на декстоп-браузерах. Нужно сделать так чтобы оно работало и на мобильных устройствах (всех современных браузерах в ос ios, android).

Требования
Без глюков, и чтобы не поломалось рисование на десктопе.
Не использовать никакие доп. фреймворки, а только то что уже есть в jsfiddle примере.

результат скинуть форком jsfiddle. + выгрузить на какой нибудь бесплатный хостинг чтобы я мог с мобильного проверить работоспособность сразу, не разворачивая код у себя. Свернуть