65 lines
2.6 KiB
HTML
65 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=1.0, user-scalable=no">
|
|
<title>Turnierplaner - Team-Eingabe</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>🏐 NVJ Turnierplaner</h1>
|
|
|
|
<div class="settings">
|
|
<div class="settings-group">
|
|
<label for="fieldCount">Anzahl Felder:</label>
|
|
<input type="number" id="fieldCount" min="1" value="1" placeholder="z.B. 4">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="leagues-container">
|
|
<!-- Bundesliga -->
|
|
<div class="league">
|
|
<div class="league-header">
|
|
<div class="league-title">
|
|
<h2>Bundesliga</h2>
|
|
<div class="team-count" id="bundesliga-count">0 Teams</div>
|
|
</div>
|
|
<button class="add-team-btn" onclick="addTeam('bundesliga')">+</button>
|
|
</div>
|
|
<div class="teams-list" id="bundesliga-list">
|
|
<div class="empty-message">Keine Teams hinzugefügt. Klicke auf + um zu beginnen!</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Champions League -->
|
|
<div class="league">
|
|
<div class="league-header">
|
|
<div class="league-title">
|
|
<h2>Champions League</h2>
|
|
<div class="team-count" id="champions-count">0 Teams</div>
|
|
</div>
|
|
<button class="add-team-btn" onclick="addTeam('champions')">+</button>
|
|
</div>
|
|
<div class="teams-list" id="champions-list">
|
|
<div class="empty-message">Keine Teams hinzugefügt. Klicke auf + um zu beginnen!</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="export-section">
|
|
<div class="export-buttons">
|
|
<button class="export-btn" onclick="exportData()">📥 Daten exportieren (JSON)</button>
|
|
<button class="export-btn" onclick="importData()">📤 Daten importieren</button>
|
|
<input type="file" id="import-file" accept=".json" style="display: none;" onchange="handleFileImport(event)">
|
|
</div>
|
|
<button class="next-btn" onclick="navigateToPlanning()">Weiter →</button>
|
|
</div>
|
|
|
|
<div id="export-output"></div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|