Frank
eee6c3a369
Previously the restore check only ran lazily on a player's next message, so files could stay wrongly-removed for an arbitrary amount of time after the window expired. The frontend now schedules a setTimeout (using the server-provided deadline, mirroring the terminal lock's reveal timer) that pings the backend right at the deadline so the check runs promptly regardless of player activity. Restored via data-files-removal-deadline on page load too, so a refresh mid-window doesn't lose the timer.
59 lines
2.3 KiB
Twig
59 lines
2.3 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="{{ app.request.locale|default(app.request.defaultLocale|default('en')) }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ 'game.title'|trans({'%site%': ('site.name'|trans)}) }}</title>
|
|
|
|
{# Include Game1-specific CSS in addition to the base app assets #}
|
|
{% block stylesheets %}
|
|
{{ encore_entry_link_tags('app') }}
|
|
{{ encore_entry_link_tags('game1') }}
|
|
{% endblock %}
|
|
</head>
|
|
<body>
|
|
<div id="game-container">
|
|
<div id="mercure-config"
|
|
data-mercure-public-url="{{ mercure_public_url|e('html_attr') }}"
|
|
data-topic="/game/hub/{{ session.id|e('html_attr') }}"
|
|
data-api-ping-url="{{ path('game_api_ping')|e('html_attr') }}"
|
|
data-api-echo-url="{{ path('game_api_message')|e('html_attr') }}"
|
|
data-api-check-finished-url="{{ path('game_api_check_finished', {session: session.id})|e('html_attr') }}"
|
|
data-lost-url="{{ path('game_lost', {session: session.id})|e('html_attr') }}"
|
|
data-screen="{{ screen|e('html_attr') }}"
|
|
{% if lock %}
|
|
data-lock-locked-at="{{ lock.lockedAt }}"
|
|
data-lock-reveal-at="{{ lock.revealAt }}"
|
|
data-lock-unlock-at="{{ lock.unlockAt }}"
|
|
{% endif %}
|
|
{% if filesRemovalDeadline %}
|
|
data-files-removal-deadline="{{ filesRemovalDeadline }}"
|
|
{% endif %}
|
|
style="display:none">
|
|
</div>
|
|
|
|
<div id="game-timer" data-end-time="{{ session.timer }}">
|
|
--:--:--
|
|
</div>
|
|
<div id="lock-banner" style="display:none">
|
|
<div id="lock-banner-text">AI VIRUS: SYSTEM LOCKED</div>
|
|
<div id="lock-countdown">--</div>
|
|
</div>
|
|
<div id="message-container">
|
|
|
|
</div>
|
|
<audio id="message-sound" style="display:none">
|
|
<source src="{{ asset('audio/message.mp3') }}" type="audio/mpeg">
|
|
</audio>
|
|
<div id="input">
|
|
<input type="text" disabled id="input-message">
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
{# Include Game1-specific JS in addition to the base app assets #}
|
|
{% block javascripts %}
|
|
{{ encore_entry_script_tags('app') }}
|
|
{{ encore_entry_script_tags('game1') }}
|
|
{% endblock %}
|