Інтегрувати новий дизайн

Спочатку заавнтажується 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 надсилаються відповіді. Таким чином в самому процесі роботи клієнт майже не залежить від швидкості інтернет підключення і може отримувати необхідний контент майже миттєво