Интегрировать новый дизайн

Сначала загружается index.tpl. В нем на месте {$CONTENT} загружается один из следующих шаблонов:

invite_wsfull.tpl

invite_wsfullcafe.tpl

invite_wsfulllite.tpl

В зависимости от настроек. Разница в следующем:

invite_wsfullcafe.tpl содержит только прием ответов

invite_wsfulllite.tpl немного облегченный вариант

invite_wsfull.tpl содержит помимо приема ответов еще ссылки на онлайн-трансляции, на техподдержку и т.д.

Эти три файла загружают как бы обертку. 

Во-первых, инлайн стиль из шаблона invite_inline_style.tpl. 

Во-вторых, если разрешена ставка в игре, то invite_can_bet.tpl

Также еще шаблоны для различных типов раундов с нестандартной механикой приема ответов, если эти механики присутствуют в игре (в  <div id="***" style="display:none;"></div>). Код, который загружает:

{foreach  $round.answer_templates as $type=>$template}

                    <div id="{$type}" style="display:none;">

                        {include $template}

                    </div>

                {/foreach}

Какие бывают шаблоны:

invite_ws_answers_alko.tpl

invite_ws_answers_blackbox.tplinvite_ws_answers_blackjack.tpl

invite_ws_answers_risk.tpl

Скрипт по WS получает информацию о том, какой див показывать содержимое. Стандартные вопросы генерируются по количеству вопросов, переданных в WS в файле invite_ws_js.tpl (строка 70) (который загружается всегда). Переменная countquestionscloums отвечает за количество столбцов для формы ответов и генерируется на бэкенде. На данный момент она всегда равна 1, но нужно учитывать, что она может быть и больше.

Кстати, этот файл лучше не править, кроме места генерации формы ответов.

Также как механика ответов загружается и механика обратной связи (invite_ws_answers_awards.tpl)

Почти каждый input для ответа имеет <span id="answer1" class="answer_done"></span> для записи отправленного ответа. Где в айди после answer есть номер поля для ввода ответов.

Общая идея такого построения системы, чтобы первое загрузка не зависело от кеша абсолютно и полностью, загрузило все, что нужно, чтобы в дальнейшем лишь переключать необходимые дивы при получении минимального набора данных по WebSocket. Также через WS отправляются ответы. Таким образом, в самом процессе работы клиент почти не зависит от скорости интернет подключения и может получать необходимый контент почти мгновенно