Integrate new design

First, index.tpl is loaded. In it, at the place of {$CONTENT}, one of the following templates is loaded:

invite_wsfull.tpl

invite_wsfullcafe.tpl

invite_wsfulllite.tpl

Depending on the settings. The difference is as follows:

invite_wsfullcafe.tpl contains only the acceptance of responses

invite_wsfulllite.tpl is a slightly simplified version

invite_wsfull.tpl contains, in addition to accepting responses, links to online broadcasts, technical support, etc.

These three files load like a wrapper. 

First, the inline style from the template invite_inline_style.tpl. 

Secondly, if betting is allowed in the game, then invite_can_bet.tpl

Also, there are templates for different types of rounds with non-standard mechanics for accepting responses, if these mechanics are present in the game (in  <div id="***" style="display:none;"></div>). The code that loads:

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

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

                        {include $template}

                    </div>

                {/foreach}

What templates are available:

invite_ws_answers_alko.tpl

invite_ws_answers_blackbox.tplinvite_ws_answers_blackjack.tpl

invite_ws_answers_risk.tpl

The script via WS receives information about which div to show the content. Standard questions are generated based on the number of questions passed in WS in the file invite_ws_js.tpl (line 70) (which is always loaded). The variable countquestionscloums which is responsible for the number of columns for the response form is generated on the backend. Currently, it is always equal to 1, but it should be taken into account that it can be more.

By the way, it is better not to edit this file except for the place where the response form is generated.

Also, as the response mechanics, the feedback mechanics (invite_ws_answers_awards.tpl) is loaded

Almost every input for the response has <span id="answer1" class="answer_done"></span> for recording the sent response. Where in the id after answer is the number of the input field for responses.

The overall idea of such a system construction is that the first loading does not depend on the cache at all and completely, loading everything needed so that in the future only the necessary divs are switched when receiving a minimal set of data via WebSocket. Responses are also sent via WS. Thus, in the process of operation, the client is almost independent of the speed of the internet connection and can receive the necessary content almost instantly.