Cedric/mon-petit-pari
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualiser dashboard.html

Browse Source
This commit is contained in:
Cedric
2026-07-04 14:01:21 +02:00
parent 6b9ff9220e
commit f313a0a870
1 changed files with 29 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard.html
+28 -10
View File
@@ -5,10 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard - MonPetitPari.fr</title> <title>Dashboard - MonPetitPari.fr</title>
<link rel="stylesheet" href="css/dashboard.css"> <link rel="stylesheet" href="css/dashboard.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<nav class="dashboard-nav"> <nav class="dashboard-nav">
<div class="logo">🎾 MonPetitPari.fr</div> <div class="logo">🎾 MonPetitPari.fr <span style="font-size: 0.9rem; font-weight: normal;">- Roland Garros 2026</span></div>
<div class="user-info"> <div class="user-info">
<span id="userName">Utilisateur</span> <span id="userName">Utilisateur</span>
<span id="userPoints" class="points">0 pts</span> <span id="userPoints" class="points">0 pts</span>
@@ -20,10 +21,10 @@
<!-- Sidebar --> <!-- Sidebar -->
<aside class="sidebar"> <aside class="sidebar">
<ul> <ul>
<li class="active" onclick="showSection('matches')">🎾 Matches</li> <li class="active" id="tab-matches" onclick="showSection('matches')">📅 Matches</li>
<li onclick="showSection('players')">👥 Joueurs</li> <li id="tab-players" onclick="showSection('players')">🏃‍♂️ Joueurs</li>
<li onclick="showSection('leaderboard')">🏆 Classement</li> <li id="tab-leaderboard" onclick="showSection('leaderboard')">🏆 Classement</li>
<li onclick="showSection('stats')">📊 Mes Stats</li> <li id="tab-stats" onclick="showSection('stats')">📊 Mes Stats</li>
</ul> </ul>
</aside> </aside>
@@ -31,13 +32,26 @@
<main class="main-content"> <main class="main-content">
<!-- Section Matches --> <!-- Section Matches -->
<section id="matches" class="section active"> <section id="matches" class="section active">
<h2>Matches du Tournoi</h2> <h2>Matches du Tournoi 2026</h2>
<div class="filter-bar" style="margin-bottom: 1.5rem; display: flex; gap: 1rem;">
<button class="filter-btn active" id="btn-all-matches" onclick="filterMatchesCategory('all')">Tous</button>
<button class="filter-btn" id="btn-mens-matches" onclick="filterMatchesCategory('Messieurs')">Simple Messieurs</button>
<button class="filter-btn" id="btn-womens-matches" onclick="filterMatchesCategory('Dames')">Simple Dames</button>
</div>
<div id="matchesList" class="matches-grid"></div> <div id="matchesList" class="matches-grid"></div>
</section> </section>
<!-- Section Players --> <!-- Section Players -->
<section id="players" class="section"> <section id="players" class="section">
<h2>Joueurs du Tournoi</h2> <h2>Joueurs & Joueuses Engagés</h2>
<div class="search-filter-container" style="margin-bottom: 2rem; display: flex; gap: 1rem; flex-wrap: wrap;">
<input type="text" id="playerSearch" placeholder="🔍 Rechercher un joueur ou une nationalité..." oninput="handlePlayerSearch()" style="flex: 1; padding: 0.8rem; border-radius: 8px; border: 1px solid #ddd; font-family: inherit;">
<select id="genderFilter" onchange="handlePlayerSearch()" style="padding: 0.8rem; border-radius: 8px; border: 1px solid #ddd; font-family: inherit;">
<option value="all">Toutes les catégories</option>
<option value="Messieurs">Simple Messieurs</option>
<option value="Dames">Simple Dames</option>
</select>
</div>
<div id="playersGrid" class="players-grid"></div> <div id="playersGrid" class="players-grid"></div>
</section> </section>
@@ -84,8 +98,9 @@
<span class="close" onclick="closePredictionModal()">&times;</span> <span class="close" onclick="closePredictionModal()">&times;</span>
<h2>Faire un pronostic</h2> <h2>Faire un pronostic</h2>
<div id="matchDetails"></div> <div id="matchDetails"></div>
<div class="prediction-options"> <div class="prediction-options">
<button class="predict-btn" onclick="makePrediction(1)">Joueur 1</button> <button class="predict-btn" id="predictBtn1" onclick="makePrediction(1)">Joueur 1</button>
<div class="probabilities"> <div class="probabilities">
<div class="prob-bar"> <div class="prob-bar">
<div id="prob1" class="prob-fill"></div> <div id="prob1" class="prob-fill"></div>
@@ -95,15 +110,18 @@
<div class="probabilities"> <div class="probabilities">
<span id="probText2">50%</span> <span id="probText2">50%</span>
<div class="prob-bar"> <div class="prob-bar">
<div id="prob2" class="prob-fill"></div> <div id="prob2" class="prob-fill" style="background: #e85d04;"></div>
</div> </div>
</div> </div>
<button class="predict-btn" onclick="makePrediction(2)">Joueur 2</button> <button class="predict-btn" id="predictBtn2" onclick="makePrediction(2)">Joueur 2</button>
</div> </div>
<div id="matchupAnalysis" class="matchup-analysis"></div> <div id="matchupAnalysis" class="matchup-analysis"></div>
</div> </div>
</div> </div>
<!-- Chargement ordonné des scripts pour éviter les erreurs de dépendances -->
<script src="js/data.js"></script>
<script src="js/prediction.js"></script> <script src="js/prediction.js"></script>
</body> </body>
</html> </html>