diff --git a/Front/arbimatch.html b/Front/arbimatch.html index 9aeb984..182e3a5 100644 --- a/Front/arbimatch.html +++ b/Front/arbimatch.html @@ -67,7 +67,7 @@
-
+

diff --git a/Front/js/backend/arbitrage.js b/Front/js/backend/arbitrage.js index fc94d60..0a628f5 100644 --- a/Front/js/backend/arbitrage.js +++ b/Front/js/backend/arbitrage.js @@ -9,7 +9,7 @@ const data = { const record = await pb.collection('match').update(idMatch, data); const currentStatus = await pb.collection('match').getOne(idMatch, { - expand: 'sport', + expand: 'sport,team1,team2', }); const textPoint1 = document.getElementById("textPoint1") @@ -22,10 +22,100 @@ const buttonPoint1 = document.getElementById("btnPoint1") const buttonPoint2 = document.getElementById("btnPoint2") -console.log(currentStatus); - if(currentStatus.expand.sport.name === "basketball"){ - buttonPoint1.addEventListener('click', async function(event) { + document.getElementById("arbitrage").innerHTML = ""; + const arbitrageDiv = document.getElementById("arbitrage"); + const arbitragePoint1 = document.createElement("div"); + arbitragePoint1.className = "text-center d-flex justify-content-evenly"; + const arbitragePoint1Btn1 = document.createElement("a"); + arbitragePoint1Btn1.className = "btn btn-primary"; + arbitragePoint1Btn1.id = "btnPoint1Btn1"; + arbitragePoint1Btn1.innerHTML = "1 point pour " + currentStatus.expand.team1.name; + const arbitragePoint1Btn2 = document.createElement("a"); + arbitragePoint1Btn2.className = "btn btn-primary"; + arbitragePoint1Btn2.id = "btnPoint1Btn2"; + arbitragePoint1Btn2.innerHTML = "2 points pour " + currentStatus.expand.team1.name; + const arbitragePoint1Btn3 = document.createElement("a"); + arbitragePoint1Btn3.className = "btn btn-primary"; + arbitragePoint1Btn3.id = "btnPoint1Btn3"; + arbitragePoint1Btn3.innerHTML = "3 points pour " + currentStatus.expand.team1.name; + arbitragePoint1.appendChild(arbitragePoint1Btn1); + arbitragePoint1.appendChild(arbitragePoint1Btn2); + arbitragePoint1.appendChild(arbitragePoint1Btn3); + arbitrageDiv.appendChild(arbitragePoint1); + const arbitrageDisplayPoint1 = document.createElement("h5"); + arbitrageDisplayPoint1.className = "text-center"; + arbitrageDisplayPoint1.id = "textPoint1"; + arbitrageDisplayPoint1.innerHTML = currentStatus.point1; + arbitrageDiv.appendChild(arbitrageDisplayPoint1); + arbitrageDiv.appendChild(document.createElement("br")); + const arbitrageDisplayPoint2 = document.createElement("h5"); + arbitrageDisplayPoint2.className = "text-center"; + arbitrageDisplayPoint2.id = "textPoint2"; + arbitrageDisplayPoint2.innerHTML = currentStatus.point2; + arbitrageDiv.appendChild(arbitrageDisplayPoint2); + const arbitragePoint2 = document.createElement("div"); + arbitragePoint2.className = "text-center d-flex justify-content-evenly"; + const arbitragePoint2Btn1 = document.createElement("a"); + arbitragePoint2Btn1.className = "btn btn-primary"; + arbitragePoint2Btn1.id = "btnPoint2Btn1"; + arbitragePoint2Btn1.innerHTML = "1 point pour " + currentStatus.expand.team2.name; + const arbitragePoint2Btn2 = document.createElement("a"); + arbitragePoint2Btn2.className = "btn btn-primary"; + arbitragePoint2Btn2.id = "btnPoint2Btn2"; + arbitragePoint2Btn2.innerHTML = "2 points pour " + currentStatus.expand.team2.name; + const arbitragePoint2Btn3 = document.createElement("a"); + arbitragePoint2Btn3.className = "btn btn-primary"; + arbitragePoint2Btn3.id = "btnPoint2Btn3"; + arbitragePoint2Btn3.innerHTML = "3 points pour " + currentStatus.expand.team2.name; + arbitragePoint2.appendChild(arbitragePoint2Btn1); + arbitragePoint2.appendChild(arbitragePoint2Btn2); + arbitragePoint2.appendChild(arbitragePoint2Btn3); + arbitrageDiv.appendChild(arbitragePoint2); + arbitrageDiv.appendChild(document.createElement("br")); + const arbitrageStopForm = document.createElement("form"); + arbitrageStopForm.id = "stopMatch"; + const arbitrageStopFormDiv = document.createElement("div"); + arbitrageStopFormDiv.className = "text-center"; + const arbitrageStopFormBtn = document.createElement("button"); + arbitrageStopFormBtn.type = "submit"; + arbitrageStopFormBtn.className = "btn btn-danger"; + arbitrageStopFormBtn.id = "btnStop"; + arbitrageStopFormBtn.innerHTML = "Arrêter le match"; + arbitrageStopFormDiv.appendChild(arbitrageStopFormBtn); + arbitrageStopForm.appendChild(arbitrageStopFormDiv); + arbitrageDiv.appendChild(arbitrageStopForm); + + + //Comptage des points + const point1Team1 = document.getElementById("btnPoint1Btn1"); + const point2Team1 = document.getElementById("btnPoint1Btn2"); + const point3Team1 = document.getElementById("btnPoint1Btn3"); + const point1Team2 = document.getElementById("btnPoint2Btn1"); + const point2Team2 = document.getElementById("btnPoint2Btn2"); + const point3Team2 = document.getElementById("btnPoint2Btn3"); + + point1Team1.addEventListener('click', async function(event) { + event.preventDefault(); + const data = { + "point1": currentStatus.point1 + 1, + }; + const record = await pb.collection('match').update(idMatch, data); + textPoint1.innerHTML = currentStatus.point1 + 1; + location.reload(); + }); + + point2Team1.addEventListener('click', async function(event) { + event.preventDefault(); + const data = { + "point1": currentStatus.point1 + 2, + }; + const record = await pb.collection('match').update(idMatch, data); + textPoint1.innerHTML = currentStatus.point1 + 2; + location.reload(); + }); + + point3Team1.addEventListener('click', async function(event) { event.preventDefault(); const data = { "point1": currentStatus.point1 + 3, @@ -35,7 +125,27 @@ if(currentStatus.expand.sport.name === "basketball"){ location.reload(); }); - buttonPoint2.addEventListener('click', async function(event) { + point1Team2.addEventListener('click', async function(event) { + event.preventDefault(); + const data = { + "point2": currentStatus.point2 + 1, + }; + const record = await pb.collection('match').update(idMatch, data); + textPoint2.innerHTML = currentStatus.point2 + 1; + location.reload(); + }); + + point2Team2.addEventListener('click', async function(event) { + event.preventDefault(); + const data = { + "point2": currentStatus.point2 + 2, + }; + const record = await pb.collection('match').update(idMatch, data); + textPoint2.innerHTML = currentStatus.point2 + 2; + location.reload(); + }); + + point3Team2.addEventListener('click', async function(event) { event.preventDefault(); const data = { "point2": currentStatus.point2 + 3, @@ -46,6 +156,9 @@ if(currentStatus.expand.sport.name === "basketball"){ }); } else{ + buttonPoint1.innerHTML = "1 point pour " + currentStatus.expand.team1.name; + buttonPoint2.innerHTML = "1 point pour " + currentStatus.expand.team2.name; + buttonPoint1.addEventListener('click', async function(event) { event.preventDefault(); const data = { diff --git a/Front/js/backend/sport.js b/Front/js/backend/sport.js new file mode 100644 index 0000000..65693b4 --- /dev/null +++ b/Front/js/backend/sport.js @@ -0,0 +1,33 @@ +console.log("Backend sport start loading..."); +import pb from './login.js' + +const SportList = await pb.collection('sport').getFullList({}); + +const sportCardContainer = document.getElementById("sportContainer"); +SportList.forEach(sport => { + const card = document.createElement('div'); + card.classList.add('card', 'my-3'); + const cardHeader = document.createElement('div'); + cardHeader.classList.add('card-header', 'text-center', 'bg-light-subtle', 'text-emphasis-light'); + cardHeader.innerHTML = sport.name.toUpperCase(); + card.appendChild(cardHeader); + const cardBody = document.createElement('div'); + cardBody.classList.add('card-body', 'bg-light-subtle', 'text-emphasis-light'); + const cardTitle = document.createElement('h5'); + cardTitle.classList.add('card-title'); + cardTitle.innerHTML = "En tête : " + "BACK A FAIRE"; + const cardText = document.createElement('p'); + cardText.classList.add('card-text'); + cardText.innerHTML = "(PHASE A REMPLACER PAR LE BACK QUAND IL SERA FAIT)"; + cardBody.appendChild(cardTitle); + cardBody.appendChild(cardText); + card.appendChild(cardBody); + const cardFooter = document.createElement('div'); + cardFooter.classList.add('card-footer', 'bg-light-subtle', 'text-emphasis-light'); + cardFooter.innerHTML = "Prochain match : " + "BACK A FAIRE"; + card.appendChild(cardFooter); + sportCardContainer.appendChild(card); +}); + + +console.log("Backend sport loaded!"); \ No newline at end of file diff --git a/Front/js/backend/team.js b/Front/js/backend/team.js new file mode 100644 index 0000000..b9e41d4 --- /dev/null +++ b/Front/js/backend/team.js @@ -0,0 +1,74 @@ +console.log("Backend team start loading..."); +import pb from './login.js' + +const EquipeList = await pb.collection('equipes').getFullList({ + expand: 'promo,sport', +}); + +const PromoList = await pb.collection('promo').getFullList({ +}); + +const promoCardContainer = document.getElementById("promoCardContainer"); +PromoList.forEach(promo => { + const card = document.createElement('div'); + card.classList.add('card', 'my-3'); + const cardHeader = document.createElement('div'); + cardHeader.classList.add('card-header', 'text-center', 'bg-light-subtle', 'text-emphasis-light'); + cardHeader.innerHTML = promo.name; + card.appendChild(cardHeader); + const cardBody = document.createElement('div'); + cardBody.classList.add('card-body', 'bg-light-subtle', 'text-emphasis-light'); + const cardText = document.createElement('p'); + EquipeList.forEach(equipe => { + if(equipe.expand.promo.name === promo.name){ + cardText.innerHTML += equipe.expand.sport.name + ": " + equipe.name + " (" + "CLASSEMENT A REMPLACER PAR LE BACK QUAND IL SERA FAIT" + ")" + "
"; + } + }); + cardBody.appendChild(cardText); + card.appendChild(cardBody); + promoCardContainer.appendChild(card); +}); + + +const teamCardContainer = document.getElementById("teamCardContainer"); +EquipeList.forEach(equipe => { + const card = document.createElement('div'); + card.classList.add('card', 'my-3'); + + const cardHeader = document.createElement('div'); + cardHeader.classList.add('card-header', 'text-center', 'bg-light-subtle', 'text-emphasis-light'); + cardHeader.innerHTML = equipe.name; + + const cardBody = document.createElement('div'); + cardBody.classList.add('card-body', 'bg-light-subtle', 'text-emphasis-light'); + + const cardText1 = document.createElement('h5'); + cardText1.classList.add('card-title'); + cardText1.innerHTML = "Sport : " + equipe.expand.sport.name; + + + const cardText2 = document.createElement('p'); + cardText2.classList.add('card-text'); + cardText2.innerHTML = "Promo : " + equipe.expand.promo.name; + + const cardMember = document.createElement('p'); + cardMember.classList.add('card-text'); + cardMember.innerHTML = "Membres : " + equipe.capitaine + ", " + equipe.membres; + + const cardFooter = document.createElement('div'); + cardFooter.classList.add('card-footer', 'bg-light-subtle', 'text-emphasis-light'); + cardFooter.innerHTML = "Prochain match : " + equipe.nextMatch; + + cardBody.appendChild(cardText1); + cardBody.appendChild(cardText2); + cardBody.appendChild(cardMember); + + card.appendChild(cardHeader); + card.appendChild(cardBody); + card.appendChild(cardFooter); + + teamCardContainer.appendChild(card); +}); + + +console.log("Backend team loaded!"); \ No newline at end of file diff --git a/Front/sports.html b/Front/sports.html index 302e06a..fe73592 100644 --- a/Front/sports.html +++ b/Front/sports.html @@ -11,6 +11,7 @@ +
@@ -60,67 +61,8 @@
-
-
-
- BASKETBALL -
-
-
En tête: Promo X
-

Quarts de finale

-
- -
-
-
- HANDBALL -
-
-
En tête: Promo Y
-

Quarts de finale

-
- -
-
-
- FOOTBALL -
-
-
En tête: Promo Z
-

Quarts de finale

-
- -
-
-
- VOLLEY -
-
-
En tête: Promo Z
-

Quarts de finale

-
- -
-
-
- BADMINTON -
-
-
En tête: Promo Z
-

Tournoi

-
- -
-
-
- DÉFIS ENDURO -
-
-
En tête: Promo Z
-

Tournoi

-
- -
+
+
diff --git a/Front/teamDetail.html b/Front/teamDetail.html deleted file mode 100644 index 5f77a32..0000000 --- a/Front/teamDetail.html +++ /dev/null @@ -1,78 +0,0 @@ - - - - - Detail de l'équipe - - - - - - - - - - -
- -
-
-
-
-

Détail de l'équipe

-
-
-
-
-

Nom de l'équipe

-
-
-
-
-

Liste des joueurs

-
-
-
- - \ No newline at end of file diff --git a/Front/teams.html b/Front/teams.html index 9db8a5f..a04256b 100644 --- a/Front/teams.html +++ b/Front/teams.html @@ -11,6 +11,7 @@ +
@@ -60,56 +61,8 @@
-
-
-
- Promo X -
-
-
Classement Provisoire : 1er
-

Football: phases de poule - Basketball: demi-finale - Volley: phase de poule (éliminé) - Handball: quarts de final (en jeu) - Badminton: tournoi (3e) - Défis Enduro: 1er -

-
- -
-
-
- Promo Y -
-
-
Classement Provisoire : 2e
-

Football: phases de poule - Basketball: demi-finale - Volley: phase de poule (éliminé) - Handball: quarts de final (en jeu) - Badminton: tournoi (3e) - Défis Enduro: 1er -

-
- -
-
-
- Promo Z -
-
-
Classement Provisoire : 3e
-

Football: phases de poule - Basketball: demi-finale - Volley: phase de poule (éliminé) - Handball: quarts de final (en jeu) - Badminton: tournoi (3e) - Défis Enduro: 1er -

-
- -
-
+
+