Форма для приема заказа на сайте

В состав системы "YTaxi" входит WEB-форма, предназначенная для оформления заказа - форма ввода и отображения состояния заказа (OrderForm.html)

Пример страницы формы ввода и отображения состояния заказа

Форма встраивается в WEB-страницу сайта посредством элемента "iframe".

В атрибуте "src" элемента "iframe" указывается URL загрузки формы и параметры работы формы.

URL загрузки http://<Сервер клиента YTaxi>/OrderForm/OrderForm.html

Параметры формы ввода заказа

- serviceId=<ID службы такси в настройке сервера клиентов такси (YourTaxiAPIServices, id, сообщается поставщиком услуги такси)>

- lang=<код языка (ru,uk, по умолчанию ru)>

- confirmphone=<подтверждать/не подтверждать № телефона (true/false, по умолчанию true)> (если подтверждение отключено, на сервере следует включить параметр "AllowRegWithoutConfirmation")

- showMap=<показывать/не показывать карту (true/false, по умолчанию false)>

- showDrvName=<показывать/не показывать имя водителя (true/false, по умолчанию true)>

- showDistance=<показывать/не показывать информацию о расстоянии (true/false, по умолчанию false)>

- discount=<использовать/не использовать карточки лояльности (true/false, по умолчанию false)>

- execMethod=<выбор пользователем (0, по умолчанию), по тарифу (1), по таксометру (2)>

- timetolive=<время в минутах активности № телефона клиента (по умолчанию 60)>

- css=<URL файла стилей; если не указан - используются стили по умолчанию>

Стилизация формы ввода заказа

Стили пользователя, указанные параметром "css", переопределяют встроенные стили.

Если какой-либо из стилей не переопределён, то используется встроенный стиль.

Исключение классов автомобилей и дополнительных услуг из фильтра

Исключения осуществляется средствами CSS. Для исключения необходимо перечислить id строк из списка "классов"/"услуг" и назначить стиль "не отображать" (display: none)

Идентификатор строки состоит из префикса "tr" + символьное значение enum, например: "trCrane" ("CarClasses.Crane" - Кран)

Пример правила: #trCrane, #trSpecialVehicle, #trSemiTruck { display: none; }