mirror of
https://github.com/appen-isen/site-interpromo-2024.git
synced 2026-01-18 16:37:30 +01:00
250 lines
13 KiB
HTML
250 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr" data-bs-theme="dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title> Arbitrage </title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"/>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
|
<!--- Ajout d'un fichier css pour les classes personalisé --->
|
|
<link rel="stylesheet" href="style.css"/>
|
|
<script src="js/cookie.js" defer></script>
|
|
<link rel="icon" href="assets/appen.png">
|
|
<script src="js/backend/login.js" type="module" defer></script>
|
|
<script src="js/backend/player.js" type="module" defer></script>
|
|
<script src="js/backend/match.js" type="module" defer></script>
|
|
<script defer data-domain="appen.fr" src="https://plausible.mrqt.fr/js/script.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav class="navbar navbar-dark bg-dark fixed-top">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="index.html">
|
|
<img src="assets/appen.png" alt="Logo" width="30" height="30"
|
|
class="d-inline-block align-text-top logo-appen">
|
|
Interpromos 2024
|
|
</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
|
data-bs-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent"
|
|
aria-expanded="false" aria-label="Ouvrir la navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse text-bg-dark" id="navbarToggleExternalContent" data-bs-theme="dark">
|
|
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
|
|
<li class="nav-item">
|
|
<a class="nav-link d-inline-flex align-items-center" aria-current="page" href="index.html">
|
|
<!--
|
|
<span class="material-symbols-outlined pe-3">wifi_tethering</span>
|
|
--->
|
|
<div class="pe-3 icons-display"></div>
|
|
Matchs en direct
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-inline-flex align-items-center" href="teams.html">
|
|
<!---<span class="material-symbols-outlined pe-3">trophy</span>--->
|
|
<div class="pe-3 icons-display"></div>
|
|
Classement et équipes
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-inline-flex align-items-center" href="sports.html">
|
|
<!---<span class="material-symbols-outlined pe-3">fitness_center</span>--->
|
|
<div class="pe-3 icons-display"></div>
|
|
Liste des sports
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link d-inline-flex align-items-center" role="button" id="disconect">
|
|
<!---<span class="material-symbols-outlined">login</span>--->
|
|
<div class="pe-3 icons-display"></div>
|
|
Déconnexion
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
|
|
<div class="container">
|
|
<div class="col-8 offset-2 mt-6" id="cardContainer">
|
|
<div class="text-center align-items-center">
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalAddPlayer">Ajouter un joueur
|
|
</button>
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalListAllPlayers">Lister
|
|
tous les joueurs
|
|
</button>
|
|
</div>
|
|
<br>
|
|
<div class="text-center align-items-center">
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalAddTeam">Crée une équipe
|
|
</button>
|
|
<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#modalRemoveTeam">Supprimer une équipe
|
|
</button>
|
|
</div>
|
|
<br>
|
|
<div class="text-center align-items-center">
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalAddMatch">Ajouter
|
|
un match
|
|
</button>
|
|
<button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#modalRemoveMatch">
|
|
Supprimer un match
|
|
</button>
|
|
</div>
|
|
<div class="modal" tabindex="-1" id="modalAddPlayer">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Ajouter un joueur</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="addPlayerForm">
|
|
<div class="form-group">
|
|
<label for="PlayerfirstName">Prénom</label>
|
|
<input type="text" class="form-control" id="PlayerfirstName" name="firstName" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="PlayerlastName">Nom</label>
|
|
<input type="text" class="form-control" id="PlayerlastName" name="lastName" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Playerpromo">Promo</label>
|
|
<select class="form-control" id="Playerpromo" name="Playerpromo" required>
|
|
<!-- Options dynamiques -->
|
|
</select>
|
|
</div>
|
|
<br>
|
|
<button type="submit" class="btn btn-primary" id="addPlayerButton">Ajouter ce joueur</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal" tabindex="-2" id="modalListAllPlayers">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Liste des joueurs</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<input type="text" id="searchPlayerInput" class="form-control" placeholder="Rechercher un joueur...">
|
|
<ul id="playersList" class="list-group mt-3"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal" tabindex="-3" id="modalAddTeam">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Ajouter une équipe</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="addTeamForm">
|
|
<div class="form-group">
|
|
<label for="TeamName">Nom de l'équipe</label>
|
|
<input type="text" class="form-control" id="TeamName" name="TeamName" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Teampromo">Promo</label>
|
|
<select class="form-control" id="Teampromo" name="Teampromo" required>
|
|
<!-- Options dynamiques -->
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="searchPlayer">Rechercher un joueur</label>
|
|
<input type="text" class="form-control" id="searchPlayer" placeholder="Rechercher un joueur...">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="TeamPlayers">Joueurs</label>
|
|
<div class="scrollable-input form-control" id="TeamPlayers">
|
|
<!-- Checkbox dynamiques -->
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Teamcaptain">Capitaine</label>
|
|
<select class="form-control" id="Teamcaptain" name="Teamcaptain">
|
|
<!-- Options dynamiques -->
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="Teamsport">Sport</label>
|
|
<select class="form-control" id="Teamsport" name="Teamsport" required>
|
|
<!-- Options dynamiques -->
|
|
</select>
|
|
</div>
|
|
<br>
|
|
<button type="submit" class="btn btn-primary" id="addTeamButton">Ajouter cette équipe</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal" tabindex="-4" id="modalRemoveTeam">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Supprimer une équipe</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="delTeamForm">
|
|
<div class="form-group">
|
|
<label for="TeamDelName">Nom de l'équipe</label>
|
|
<select class="form-control" id="TeamDelName" name="TeamDelName" required>
|
|
<!-- Options dynamiques -->
|
|
</select>
|
|
</div>
|
|
<br>
|
|
<button type="submit" class="btn btn-danger">Supprimer cette équipe (attention cette action est
|
|
irréversible)
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal" tabindex="-5" id="modalAddMatch">
|
|
|
|
</div>
|
|
<div class="modal" tabindex="-6" id="modalRemoveMatch" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Supprimer un match</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="delMatchForm">
|
|
<div class="mb-3" id="matchdelJS">
|
|
|
|
</div>
|
|
<button type="submit" class="btn btn-danger">Supprimer ce match (attention cette action est
|
|
irréversible)
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-8 offset-2 mt-6" id="cardContainer2"></div>
|
|
</div>
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
|
|
crossorigin="anonymous"></script>
|
|
</body>
|
|
</html> |