index.php

Mashtii

Jun 28th, 2025 (edited)

Never

Add comment

Not a member of Pastebin yet? Sign Up, it unlocks many cool features!

HTML 8.23 KB | None | 0 0

raw download clone embed print report

<?php
require_once 'config.php';
?>
<html lang="pl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Broken Ranks - Timery Championów</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="favicon.png">
</head>
<body class="main-content-area">
<audio id="respawnSound" preload="auto"></audio>
<div class="settings-buttons-left">
<button id="soundSettingsBtn">
<img src="https://api.iconify.design/solar/volume-loud-bold-duotone.svg?color=%231c1c1c" alt="Ikona dźwięku"> Ustaw dźwięk
</button>
</div>
<div class="settings-buttons-right">
<button id="backgroundSettingsBtn">
<img src="https://api.iconify.design/solar/gallery-wide-bold-duotone.svg?color=%231c1c1c" alt="Ikona tła"> Wybierz Tło
</button>
<button id="loginButton" onclick="toggleLoginModal()">🔐 Zaloguj się</button>
<div id="userMenuContainer" style="display: none;">
<button id="userButton">👤 Użytkownik</button>
<div id="userDropdown" class="dropdown-content">
<button onclick="showTab('createGroupSection')">➕ Stwórz grupę</button>
<button onclick="showTab('joinGroupSection')">➡️ Dołącz do grupy</button>
<button onclick="logoutUser()">🚪 Wyloguj</button>
</div>
</div>
</div>
<div class="container">
<h1>Timery Championów - Broken Ranks</h1>
<!-- <div id="activeGroupSelectorContainer" style="display: block;" class="form-group">
<h3>Timery dla grupy: <strong id="activeGroupNameDisplay">Wybierz grupę</strong></h3>
<label for="groupSwitcherSelect">Przełącz grupę dla timerów:</label>
<select id="groupSwitcherSelect">
<option value="">-- Moje Lokalne Timery --</option>
</select>
</div>
-->
<!--
<div id="activeGroupSelectorContainer" style="display: none;" class="form-group">
<h3>Timery dla grupy: <strong id="activeGroupNameDisplay">Wybierz grupę</strong></h3>
<label for="groupSwitcherSelect">Przełącz grupę dla timerów:</label>
<select id="groupSwitcherSelect">
<option value="">-- Moje Lokalne Timery --</option>
</select>
</div>
-->
<div id="activeGroupSelectorContainer" style="display: none;">
<h3>Aktywne Timery dla:</h3>
<div id="group-switcher-tabs" class="group-tabs-container">
</div>
</div>
<div class="form-group">
<label for="championSelect">Wybierz Championa:</label>
<select id="championSelect"></select>
</div>
<div class="form-group">
<label>
<input type="checkbox" id="useCustomTime"> Użyj własnej godziny (Podaj czas zabicia) (HH:MM)
</label>
<input type="text" id="customTime" placeholder="np. 14:23" disabled />
</div>
<div class="button-center" style="margin-top:0;">
<button id="addButton">Dodaj Championa</button>
</div>
<h2>Aktywne Timery (<span id="currentTimerContext">Lokalne</span>)</h2>
<div id="timerList">
<p>Brak aktywnych timerów.</p>
</div>
</div>
<div class="container" id="groupManagementContainer" style="display: none;">
<div id="createGroupSection" class="tab-content" style="display: none;">
<h3>Stwórz nową grupę</h3>
<div class="form-group">
<label for="groupNameInput">Nazwa grupy:</label>
<input type="text" id="groupNameInput" placeholder="Wpisz nazwę dla nowej grupy" />
</div>
<div class="button-center">
<button onclick="createGroup()">Stwórz grupę</button>
</div>
<div id="groupInviteCodeDisplay" class="invite-code-display"></div>
</div>
<div id="joinGroupSection" class="tab-content" style="display: none;">
<h3>Dołącz do istniejącej grupy</h3>
<div class="form-group">
<label for="groupCodeInput">Kod zaproszenia:</label>
<input type="text" id="groupCodeInput" placeholder="Wpisz kod zaproszenia grupy" />
</div>
<div class="button-center">
<button onclick="joinGroup()">Dołącz do grupy</button>
</div>
</div>
</div>
<div class="container" id="userGroupsListSection">
<h2>Twoje Grupy</h2>
<div id="groupListContainer">
</div>
</div>
<div id="loginModal" class="modal">
<h2>Zaloguj się / Zarejestruj</h2>
<div class="form-group">
<label for="loginNick">Nick</label>
<input type="text" id="loginNick" placeholder="Twoja unikalna nazwa" />
</div>
<div class="form-group">
<label for="loginPin">PIN (6 cyfr)</label>
<input type="password" id="loginPin" placeholder="●●●●●●" maxlength="6" pattern="[0-9]*" inputmode="numeric" />
</div>
<p class="form-tip">
<img src="https://api.iconify.design/solar/danger-triangle-bold-duotone.svg?color=%23e9d8a6" alt="Ikona ostrzeżenia" style="width:1em; vertical-align: middle;">
Nick nie musi byc z gry, twoja decyzja, Pin koniecznie zapamietaj
</p>
<div class="modal-buttons">
<button onclick="registerUser()">Zarejestruj się</button>
<button onclick="loginUser()">Zaloguj</button>
<button onclick="toggleLoginModal()">Anuluj</button>
</div>
</div>
<div id="soundModal" class="modal">
<h3>Ustawienia Dźwięku</h3>
<label for="soundSelect">Wybierz dźwięk powiadomienia:</label>
<select id="soundSelect">
<option value="/Sound/ding-36029.mp3">Ding</option>
<option value="/Sound/dogru-128492.mp3">Alarm</option>
<option value="/Sound/siren-128562.mp3">Powiadomienie</option>
<option value="custom">🎵 Własny plik</option>
</select>
<div id="customSoundContainer" style="margin-top: 10px; display: none;">
<input type="file" id="customSoundInput" accept="audio/mp3" />
</div>
<div class="modal-buttons">
<button id="saveSound">Zapisz</button>
<button id="cancelSound">Anuluj</button>
</div>
</div>
<div id="backgroundModal" class="modal">
<h3>Wybierz Tło Aplikacji</h3>
<div id="background-options-container"></div>
<div class="modal-buttons">
<button id="saveBackground">Zapisz</button>
<button id="cancelBackground">Anuluj</button>
</div>
</div>
<div class="footer">Stworzone do gry Broken Ranks</div>
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-auth-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-firestore-compat.js"></script>
<script>
// Wstrzyknięcie konfiguracji z PHP do JavaScript
const firebaseConfig = <?php echo json_encode($firebaseConfig); ?>;
// Inicjalizacja Firebase
firebase.initializeApp(firebaseConfig);
const auth = firebase.auth();
const db = firebase.firestore();
</script>
<script src="firebase.js"></script>
<script src="script.js"></script>
</body>
</html>

Add Comment

Please, Sign In to add comment