2024-03-28 16:47:48 +01:00
|
|
|
<nav><span onclick="switchView('settingsView')">{{ t 'menu.navbar.Settings' }}</span><span onclick="switchView('mainMenuView')">{{ t 'menu.navbar.Main menu' }}</span> <span id="profileButton" onclick="switchView('profileView')">{{ t 'menu.navbar.Profile' }}</span></nav>
|
2024-03-27 15:51:33 +01:00
|
|
|
<div class="container" id="mainMenuView" data-path="/">
|
2024-01-06 21:09:41 +01:00
|
|
|
<div>
|
2024-03-02 18:28:33 +01:00
|
|
|
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2>{{ t 'menu.index.Select game mode' }}</h2>
|
2024-01-06 21:09:41 +01:00
|
|
|
<div class="modes">
|
|
|
|
<div id="pvpMenuButton">
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2>{{ t 'menu.index.PvP' }}</h2>
|
|
|
|
<p>{{ t 'menu.index.Play against another player' }}</p>
|
2024-01-06 21:09:41 +01:00
|
|
|
</div>
|
|
|
|
<div>
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2 id="ai">{{ t 'menu.index.Vs AI' }}</h2>
|
|
|
|
<p>{{ t 'menu.index.Play against the computer' }}</p>
|
2024-01-06 21:09:41 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2024-03-27 15:51:33 +01:00
|
|
|
<div class="container" id="pvpMenuView" data-path="/pvp">
|
2024-01-06 21:09:41 +01:00
|
|
|
<div>
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2>{{ t 'menu.PvP.PvP' }}</h2>
|
2024-01-06 21:09:41 +01:00
|
|
|
<div class="modes">
|
|
|
|
<div id="createGameButton">
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2>{{ t 'menu.PvP.Create' }}</h2>
|
|
|
|
<p>{{ t 'menu.PvP.Create your own room' }}</p>
|
2024-01-06 21:09:41 +01:00
|
|
|
</div>
|
2024-01-08 16:53:12 +01:00
|
|
|
<div onclick="switchView('pvpJoinView')">
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2>{{ t 'menu.PvP.Join' }}</h2>
|
|
|
|
<p>{{ t 'menu.PvP.Join a room by a code' }}</p>
|
2024-01-06 21:09:41 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2024-03-27 15:51:33 +01:00
|
|
|
<div class="container" id="pvpCreateView" data-path="/pvp/create">
|
2024-01-06 21:09:41 +01:00
|
|
|
<div>
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2>{{ t 'menu.PvP/Create.PvP / Create' }}</h2>
|
2024-01-06 21:09:41 +01:00
|
|
|
<div class="modes">
|
|
|
|
<div>
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2>{{ t 'menu.PvP/Create.Room code' }}</h2>
|
2024-03-26 12:41:28 +01:00
|
|
|
<input type="text" maxlength="6" readonly value="-" id="createGameCode">
|
2024-03-27 15:51:33 +01:00
|
|
|
<h3>{{ t 'menu.PvP/Create.Waiting for an opponent' }}</h3>
|
|
|
|
<button id="leaveGameButton">{{ t 'menu.PvP/Create.Leave the room' }}</button>
|
2024-01-06 21:09:41 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2024-03-27 15:51:33 +01:00
|
|
|
<div class="container" id="pvpJoinView" data-path="/pvp/join">
|
2024-01-06 21:09:41 +01:00
|
|
|
<div>
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2>{{ t 'menu.PvP/Join.PvP / Join' }}</h2>
|
2024-01-06 21:09:41 +01:00
|
|
|
<div class="modes">
|
|
|
|
<div>
|
2024-04-10 22:26:06 +02:00
|
|
|
<form action="#" id="pvpJoinForm">
|
2024-03-27 15:51:33 +01:00
|
|
|
<input type="text" maxlength="6" id="pvpJoinCode" placeholder="{{ t 'menu.PvP/Join.Room code' }}" autocomplete="off">
|
|
|
|
<input type="submit" value="{{ t 'menu.PvP/Join.Join' }}">
|
2024-01-06 21:09:41 +01:00
|
|
|
</form>
|
2024-01-05 23:35:11 +01:00
|
|
|
</div>
|
2024-01-06 21:09:41 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2024-01-05 23:35:11 +01:00
|
|
|
|
2024-03-27 15:51:33 +01:00
|
|
|
<div class="container" id="preparingGame" data-path="/pvp/prepairing">
|
2024-02-29 21:55:56 +01:00
|
|
|
<div>
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2>{{ t 'menu.PvP/Loading.PvP / Loading' }}</h2>
|
2024-02-29 21:55:56 +01:00
|
|
|
<div class="modes">
|
|
|
|
<div>
|
2024-03-27 15:51:33 +01:00
|
|
|
<h2>{{ t 'menu.PvP/Loading.Wait' }}</h2>
|
|
|
|
<h3>{{ t 'menu.PvP/Loading.You will be redirected soon' }}</h3>
|
|
|
|
<h3>{{ t 'menu.PvP/Loading.Opponent:' }}</h3>
|
2024-02-29 21:55:56 +01:00
|
|
|
<h4 id="oppNameField"></h4>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2024-03-27 15:51:33 +01:00
|
|
|
<div class="container" id="profileView" data-path="/profile">
|
2024-03-19 22:33:14 +01:00
|
|
|
<div class="profile">
|
2024-03-27 15:51:33 +01:00
|
|
|
<h1 id="nickname">{{ t 'menu.Profile.Loading' }}</h1>
|
2024-03-19 22:33:14 +01:00
|
|
|
<div>
|
2024-03-27 15:51:33 +01:00
|
|
|
<span>{{ t 'menu.Profile.Player since:' }} </span>
|
2024-03-24 19:51:49 +01:00
|
|
|
<span id="playerSince">-</span>
|
2024-03-19 22:33:14 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2024-03-22 11:47:12 +01:00
|
|
|
<div class="stats">
|
2024-03-27 15:51:33 +01:00
|
|
|
<div class="matchList"></div>
|
2024-03-22 11:47:12 +01:00
|
|
|
<div class="periodal">
|
2024-03-27 15:51:33 +01:00
|
|
|
<div class="stat"><h1 id="monthlyPlayed">-</h1><span>{{ t 'menu.Profile.matches played this month' }}</span></div>
|
|
|
|
<div class="stat"><h1 id="totalPlayed">-</h1><span>{{ t 'menu.Profile.total matches played' }}</span></div>
|
|
|
|
<div class="stat"><h1 id="winrate">-</h1><span>{{ t 'menu.Profile.winrate' }}</span></div>
|
2024-03-19 22:33:14 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2024-04-06 01:48:49 +02:00
|
|
|
<div class="container" id="settingsView" data-path="/settings">
|
2024-03-28 16:47:48 +01:00
|
|
|
<div>
|
2024-04-06 01:48:49 +02:00
|
|
|
<h1>{{ t 'menu.Settings.Settings' }}</h1>
|
|
|
|
<h2>{{ t 'menu.Settings.General' }}</h2>
|
|
|
|
<label for="language">Language: </label>
|
|
|
|
<select name="language" id="languages">
|
|
|
|
|
|
|
|
</select>
|
2024-04-11 19:32:00 +02:00
|
|
|
<h3><a href="/privacy" target="_blank">{{ t 'landing.Privacy policy' }}</a></h3>
|
|
|
|
<h3 id="logout">Log out</h3>
|
2024-03-28 16:47:48 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2024-03-26 12:41:28 +01:00
|
|
|
<script>
|
2024-03-27 15:51:33 +01:00
|
|
|
window.locale = {
|
|
|
|
"Unknown error occured": "{{ t 'menu.General.Unknown error occured' }}",
|
|
|
|
"Status:": "{{ t 'menu.General.Status:' }}",
|
|
|
|
"Victory": "{{ t 'menu.Profile.Victory' }}",
|
|
|
|
"Defeat": "{{ t 'menu.Profile.Defeat' }}",
|
|
|
|
"Click to view match statistics": "{{ t 'menu.Profile.Click to view match statistics' }}",
|
2024-04-06 01:48:49 +02:00
|
|
|
"No matches played": "{{ t 'menu.Profile.No matches played' }}",
|
2024-03-27 15:51:33 +01:00
|
|
|
|
|
|
|
"Reconnecting": "{{ t 'errors.Reconnecting' }}",
|
|
|
|
"Reconnected": "{{ t 'errors.Reconnected' }}",
|
|
|
|
"Reconnection error occured": "{{ t 'errors.Reconnection error occured' }}",
|
|
|
|
"Reconnection failed": "{{ t 'errors.Reconnection failed' }}",
|
|
|
|
"Disconnected": "{{ t 'errors.Disconnected' }}",
|
|
|
|
"Try to refresh the page if this error reoccurs": "{{ t 'errors.Try to refresh the page if this error reoccurs' }}",
|
|
|
|
"Connection error": "{{ t 'errors.Connection error' }}",
|
|
|
|
};
|
2024-03-26 12:41:28 +01:00
|
|
|
</script>
|
2024-03-19 22:33:14 +01:00
|
|
|
<script src="/assets/js/spa_lib.js"></script>
|
2024-01-06 21:09:41 +01:00
|
|
|
<script src="/assets/js/socket.js"></script>
|
2024-03-19 22:33:14 +01:00
|
|
|
<script src="/assets/js/socket-err-handler.js"></script>
|