appen-isen/site-interpromo-2024
1
0
Fork 0
mirror of https://github.com/appen-isen/site-interpromo-2024.git synced 2026-01-18 16:37:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

checkbox pour les joueurs

Browse Source
This commit is contained in:
Allan Cueff
2024-11-12 00:01:42 +01:00
parent 3279d4d9ef
commit acee44484f
3 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Front/arbitrage.html
View File

@@ -164,9 +164,9 @@
</div>
<div class="form-group">
<label for="TeamPlayers">Joueurs</label>
<select class="form-control" id="TeamPlayers" name="TeamPlayers" multiple required>
<!-- Options dynamiques -->
</select>
<div class="scrollable-input form-control" id="TeamPlayers">
<!-- Checkbox dynamiques -->
</div>
</div>
<div class="form-group">
<label for="Teamcaptain">Capitaine</label>

10
Front/js/backend/match.js
View File

@@ -361,7 +361,13 @@ if (window.location.href.includes("arbitrage.html")) {
});
const playerSelect = document.getElementById('TeamPlayers');
// display the list of players with her name, firstname and promo
playerSelect.innerHTML = PlayerList.map(player => `<option id="${player.id}" value="${player.id}">${player.name} ${player.prenom} ${player.expand.promo.name}</option>`).join('');
playerSelect.innerHTML = PlayerList.map(player => `
<div class="form-check">
<input class="form-check-input" type="checkbox" value="${player.id}" id="${player.id}">
<label class="form-check-label" for="flexCheckDefault">
${player.name} ${player.prenom} ${player.expand.promo.name}
</label>
</div>`).join('');
const captaineSelect = document.getElementById('Teamcaptain');
captaineSelect.innerHTML = PlayerList.map(player => `<option id="${player.id}" value="${player.id}">${player.name} ${player.prenom} ${player.expand.promo.name}</option>`).join('');
const SportList = await pb.collection('sport').getFullList({});
@@ -373,7 +379,7 @@ if (window.location.href.includes("arbitrage.html")) {
const teamName = document.getElementById('TeamName').value;
const teamPromo = document.getElementById('Teampromo').selectedOptions[0].value;
const teamSport = document.getElementById('Teamsport').selectedOptions[0].value;
const teamPlayers = Array.from(document.getElementById('TeamPlayers').selectedOptions).map(option => option.value);
const teamPlayers = Array.from(document.querySelectorAll('TeamPlayers input:checked')).map(checkbox => checkbox.value);
const teamCaptain = document.getElementById('Teamcaptain').selectedOptions[0].value;
const data = {
"name": teamName,

6
Front/style.css
View File

@@ -1,3 +1,9 @@
.mt-6 {
margin-top: 6rem !important;
}
.scrollable-input {
width: 100%;
height: 100px;
overflow-y: scroll;
}