Integracja szablonów z backendem

Zaimplementować nowy wygląd strony klienta w quizie, zachowując cały istniejący funkcjonalność oraz zapewniając optymalną szybkość działania.

Materiały wejściowe

    1.    Archiwa z przygotowanym wyglądem zewnętrznym części klienta

    •    template – pliki obecnego funkcjonalności.

    •    verstka – częściowo przygotowany nowy design (CSS, obrazki, JS, HTML).

    2.    Projekt w Figma: link.

    3.    Testowa wersja dev strony – dostęp zostanie udostępniony na żądanie.

Wymagania dotyczące pracy

    •    Integracja nowego designu bez zmiany głównej logiki działania systemu.

    •    Zachowanie szybkości działania: minimalne obciążenie serwera, praca przez WebSocket bez cache.

    •    Oddzielne pliki dla każdego typu rundy (nie ukryte bloki, a oddzielne szablony).

    •    Przeniesienie stylów do CSS, jeśli nie wpłynie to na szybkość działania.

    •    Nie zmieniać invite_ws_js.tpl, oprócz generowania formularza odpowiedzi.

Struktura plików

    •    Główny kontener – index.tpl, w którym w <div id="CONTENT"> ładowany jest jeden z szablonów:

    •    invite_wsfull.tpl (pełny funkcjonalność).

    •    invite_wsfullcafe.tpl (tylko przyjmowanie odpowiedzi).

    •    invite_wsfulllite.tpl (lżejsza wersja).

    •    Style i mechanizmy

    •    invite_inline_style.tpl – style inline.

    •    invite_can_bet.tpl – jeśli w grze dozwolona stawka.

    •    Formularze dla specjalnych typów rund (invite_ws_answers_*.tpl).

    •    Formularz odpowiedzi ma <span id="answer1" class="answer_done"></span> do zapisywania odpowiedzi.

Oczekiwany rezultat

Odświeżona strona klienta z nowym designem, działająca tak samo szybko jak stara wersja.