Merge pull request #24 from 16bravo/feature/web_page_ameliorations

amelioration tableau bootstrap + ajout drapeaux
16bravo · Dec 20, 2023 · 86a097e · 86a097e
2 parents 972d5b5 + b6c0a78
commit 86a097e
Show file tree

Hide file tree

Showing 255 changed files with 9 additions and 2 deletions.
diff --git a/img/AFG.png b/img/AFG.png
diff --git a/img/AIA.png b/img/AIA.png
diff --git a/img/ALB.png b/img/ALB.png
diff --git a/img/ALG.png b/img/ALG.png
diff --git a/img/AND.png b/img/AND.png
diff --git a/img/ANG.png b/img/ANG.png
diff --git a/img/ARG.png b/img/ARG.png
diff --git a/img/ARM.png b/img/ARM.png
diff --git a/img/ARU.png b/img/ARU.png
diff --git a/img/ASA.png b/img/ASA.png
diff --git a/img/ATG.png b/img/ATG.png
diff --git a/img/AUS.png b/img/AUS.png
diff --git a/img/AUT.png b/img/AUT.png
diff --git a/img/AZE.png b/img/AZE.png
diff --git a/img/BAH.png b/img/BAH.png
diff --git a/img/BAN.png b/img/BAN.png
diff --git a/img/BDI.png b/img/BDI.png
diff --git a/img/BEL.png b/img/BEL.png
diff --git a/img/BEN.png b/img/BEN.png
diff --git a/img/BER.png b/img/BER.png
diff --git a/img/BFA.png b/img/BFA.png
diff --git a/img/BHR.png b/img/BHR.png
diff --git a/img/BHU.png b/img/BHU.png
diff --git a/img/BIH.png b/img/BIH.png
diff --git a/img/BLR.png b/img/BLR.png
diff --git a/img/BLZ.png b/img/BLZ.png
diff --git a/img/BOL.png b/img/BOL.png
diff --git a/img/BOT.png b/img/BOT.png
diff --git a/img/BRA.png b/img/BRA.png
diff --git a/img/BRB.png b/img/BRB.png
diff --git a/img/BRU.png b/img/BRU.png
diff --git a/img/BUL.png b/img/BUL.png
diff --git a/img/CAM.png b/img/CAM.png
diff --git a/img/CAN.png b/img/CAN.png
diff --git a/img/CGO.png b/img/CGO.png
diff --git a/img/CHA.png b/img/CHA.png
diff --git a/img/CHI.png b/img/CHI.png
diff --git a/img/CIV.png b/img/CIV.png
diff --git a/img/CMR.png b/img/CMR.png
diff --git a/img/COD.png b/img/COD.png
diff --git a/img/COK.png b/img/COK.png
diff --git a/img/COL.png b/img/COL.png
diff --git a/img/COM.png b/img/COM.png
diff --git a/img/CPV.png b/img/CPV.png
diff --git a/img/CRC.png b/img/CRC.png
diff --git a/img/CRO.png b/img/CRO.png
diff --git a/img/CTA.png b/img/CTA.png
diff --git a/img/CUB.png b/img/CUB.png
diff --git a/img/CUR.png b/img/CUR.png
diff --git a/img/CYP.png b/img/CYP.png
diff --git a/img/CZE.png b/img/CZE.png
diff --git a/img/DEN.png b/img/DEN.png
diff --git a/img/DJI.png b/img/DJI.png
diff --git a/img/DMA.png b/img/DMA.png
diff --git a/img/DOM.png b/img/DOM.png
diff --git a/img/ECU.png b/img/ECU.png
diff --git a/img/EGY.png b/img/EGY.png
diff --git a/img/ENG.png b/img/ENG.png
diff --git a/img/EQG.png b/img/EQG.png
diff --git a/img/ERI.png b/img/ERI.png
diff --git a/img/ESP.png b/img/ESP.png
diff --git a/img/EST.png b/img/EST.png
diff --git a/img/ETH.png b/img/ETH.png
diff --git a/img/FAR.png b/img/FAR.png
diff --git a/img/FIJ.png b/img/FIJ.png
diff --git a/img/FIN.png b/img/FIN.png
diff --git a/img/FRA.png b/img/FRA.png
diff --git a/img/GAM.png b/img/GAM.png
diff --git a/img/GBN.png b/img/GBN.png
diff --git a/img/GEO.png b/img/GEO.png
diff --git a/img/GER.png b/img/GER.png
diff --git a/img/GHA.png b/img/GHA.png
diff --git a/img/GIB.png b/img/GIB.png
diff --git a/img/GLP.png b/img/GLP.png
diff --git a/img/GNB.png b/img/GNB.png
diff --git a/img/GRE.png b/img/GRE.png
diff --git a/img/GRN.png b/img/GRN.png
diff --git a/img/GUA.png b/img/GUA.png
diff --git a/img/GUF.png b/img/GUF.png
diff --git a/img/GUI.png b/img/GUI.png
diff --git a/img/GUM.png b/img/GUM.png
diff --git a/img/GUY.png b/img/GUY.png
diff --git a/img/HAI.png b/img/HAI.png
diff --git a/img/HKG.png b/img/HKG.png
diff --git a/img/HON.png b/img/HON.png
diff --git a/img/HUN.png b/img/HUN.png
diff --git a/img/IDN.png b/img/IDN.png
diff --git a/img/IND.png b/img/IND.png
diff --git a/img/IRL.png b/img/IRL.png
diff --git a/img/IRN.png b/img/IRN.png
diff --git a/img/IRQ.png b/img/IRQ.png
diff --git a/img/ISL.png b/img/ISL.png
diff --git a/img/ISR.png b/img/ISR.png
diff --git a/img/ITA.png b/img/ITA.png
diff --git a/img/JAM.png b/img/JAM.png
diff --git a/img/JOR.png b/img/JOR.png
diff --git a/img/JPN.png b/img/JPN.png
diff --git a/img/KAZ.png b/img/KAZ.png
diff --git a/img/KEN.png b/img/KEN.png
diff --git a/img/KGZ.png b/img/KGZ.png
diff --git a/img/KIR.png b/img/KIR.png
diff --git a/img/KOR.png b/img/KOR.png
diff --git a/img/KOS.png b/img/KOS.png
diff --git a/img/KSA.png b/img/KSA.png
diff --git a/img/KUW.png b/img/KUW.png
diff --git a/img/LAO.png b/img/LAO.png
diff --git a/img/LAT.png b/img/LAT.png
diff --git a/img/LBN.png b/img/LBN.png
diff --git a/img/LBR.png b/img/LBR.png
diff --git a/img/LBY.png b/img/LBY.png
diff --git a/img/LCA.png b/img/LCA.png
diff --git a/img/LES.png b/img/LES.png
diff --git a/img/LIE.png b/img/LIE.png
diff --git a/img/LIT.png b/img/LIT.png
diff --git a/img/LUX.png b/img/LUX.png
diff --git a/img/MAC.png b/img/MAC.png
diff --git a/img/MAD.png b/img/MAD.png
diff --git a/img/MAR.png b/img/MAR.png
diff --git a/img/MAS.png b/img/MAS.png
diff --git a/img/MAU.png b/img/MAU.png
diff --git a/img/MCO.png b/img/MCO.png
diff --git a/img/MD.png b/img/MD.png
diff --git a/img/MDA.png b/img/MDA.png
diff --git a/img/MDV.png b/img/MDV.png
diff --git a/img/MEX.png b/img/MEX.png
diff --git a/img/MKD.png b/img/MKD.png
diff --git a/img/MLI.png b/img/MLI.png
diff --git a/img/MLT.png b/img/MLT.png
diff --git a/img/MNE.png b/img/MNE.png
diff --git a/img/MON.png b/img/MON.png
diff --git a/img/MOZ.png b/img/MOZ.png
diff --git a/img/MSR.png b/img/MSR.png
diff --git a/img/MTN.png b/img/MTN.png
diff --git a/img/MTQ.png b/img/MTQ.png
diff --git a/img/MWI.png b/img/MWI.png
diff --git a/img/MYA.png b/img/MYA.png
diff --git a/img/NAM.png b/img/NAM.png
diff --git a/img/NCL.png b/img/NCL.png
diff --git a/img/NED.png b/img/NED.png
diff --git a/img/NEP.png b/img/NEP.png
diff --git a/img/NGA.png b/img/NGA.png
diff --git a/img/NIC.png b/img/NIC.png
diff --git a/img/NIG.png b/img/NIG.png
diff --git a/img/NIR.png b/img/NIR.png
diff --git a/img/NIU.png b/img/NIU.png
diff --git a/img/NMI.png b/img/NMI.png
diff --git a/img/NOR.png b/img/NOR.png
diff --git a/img/NZL.png b/img/NZL.png
diff --git a/img/OMA.png b/img/OMA.png
diff --git a/img/PAK.png b/img/PAK.png
diff --git a/img/PAL.png b/img/PAL.png
diff --git a/img/PAN.png b/img/PAN.png
diff --git a/img/PAR.png b/img/PAR.png
diff --git a/img/PER.png b/img/PER.png
diff --git a/img/PHI.png b/img/PHI.png
diff --git a/img/PLE.png b/img/PLE.png
diff --git a/img/PNG.png b/img/PNG.png
diff --git a/img/POL.png b/img/POL.png
diff --git a/img/POR.png b/img/POR.png
diff --git a/img/PRC.png b/img/PRC.png
diff --git a/img/PRK.png b/img/PRK.png
diff --git a/img/QAT.png b/img/QAT.png
diff --git a/img/REU.png b/img/REU.png
diff --git a/img/ROU.png b/img/ROU.png
diff --git a/img/RSA.png b/img/RSA.png
diff --git a/img/RUS.png b/img/RUS.png
diff --git a/img/RWA.png b/img/RWA.png
diff --git a/img/SAM.png b/img/SAM.png
diff --git a/img/SCO.png b/img/SCO.png
diff --git a/img/SEN.png b/img/SEN.png
diff --git a/img/SEY.png b/img/SEY.png
diff --git a/img/SGP.png b/img/SGP.png
diff --git a/img/SKN.png b/img/SKN.png
diff --git a/img/SLE.png b/img/SLE.png
diff --git a/img/SLV.png b/img/SLV.png
diff --git a/img/SMA.png b/img/SMA.png
diff --git a/img/SMR.png b/img/SMR.png
diff --git a/img/SOL.png b/img/SOL.png
diff --git a/img/SOM.png b/img/SOM.png
diff --git a/img/SRB.png b/img/SRB.png
diff --git a/img/SRI.png b/img/SRI.png
diff --git a/img/SSD.png b/img/SSD.png
diff --git a/img/STP.png b/img/STP.png
diff --git a/img/SUD.png b/img/SUD.png
diff --git a/img/SUI.png b/img/SUI.png
diff --git a/img/SUR.png b/img/SUR.png
diff --git a/img/SVK.png b/img/SVK.png
diff --git a/img/SVN.png b/img/SVN.png
diff --git a/img/SWE.png b/img/SWE.png
diff --git a/img/SWZ.png b/img/SWZ.png
diff --git a/img/SYR.png b/img/SYR.png
diff --git a/img/TAH.png b/img/TAH.png
diff --git a/img/TAI.png b/img/TAI.png
diff --git a/img/TAN.png b/img/TAN.png
diff --git a/img/TCA.png b/img/TCA.png
diff --git a/img/THA.png b/img/THA.png
diff --git a/img/TJK.png b/img/TJK.png
diff --git a/img/TKM.png b/img/TKM.png
diff --git a/img/TLS.png b/img/TLS.png
diff --git a/img/TOG.png b/img/TOG.png
diff --git a/img/TON.png b/img/TON.png
diff --git a/img/TRI.png b/img/TRI.png
diff --git a/img/TUN.png b/img/TUN.png
diff --git a/img/TUR.png b/img/TUR.png
diff --git a/img/TUV.png b/img/TUV.png
diff --git a/img/UAE.png b/img/UAE.png
diff --git a/img/UGA.png b/img/UGA.png
diff --git a/img/UKR.png b/img/UKR.png
diff --git a/img/URU.png b/img/URU.png
diff --git a/img/USA.png b/img/USA.png
diff --git a/img/UZB.png b/img/UZB.png
diff --git a/img/VAN.png b/img/VAN.png
diff --git a/img/VAT.png b/img/VAT.png
diff --git a/img/VEN.png b/img/VEN.png
diff --git a/img/VGB.png b/img/VGB.png
diff --git a/img/VIE.png b/img/VIE.png
diff --git a/img/VIN.png b/img/VIN.png
diff --git a/img/VIR.png b/img/VIR.png
diff --git a/img/WAL.png b/img/WAL.png
diff --git a/img/YEM.png b/img/YEM.png
diff --git a/img/ZAM.png b/img/ZAM.png
diff --git a/img/ZIM.png b/img/ZIM.png
diff --git a/img/aq.png b/img/aq.png
diff --git a/img/ax.png b/img/ax.png
diff --git a/img/bl.png b/img/bl.png
diff --git a/img/bq.png b/img/bq.png
diff --git a/img/bv.png b/img/bv.png
diff --git a/img/cc.png b/img/cc.png
diff --git a/img/cx.png b/img/cx.png
diff --git a/img/eh.png b/img/eh.png
diff --git a/img/fk.png b/img/fk.png
diff --git a/img/fm.png b/img/fm.png
diff --git a/img/gb.png b/img/gb.png
diff --git a/img/gg.png b/img/gg.png
diff --git a/img/gl.png b/img/gl.png
diff --git a/img/gs.png b/img/gs.png
diff --git a/img/hm.png b/img/hm.png
diff --git a/img/im.png b/img/im.png
diff --git a/img/io.png b/img/io.png
diff --git a/img/je.png b/img/je.png
diff --git a/img/ky.png b/img/ky.png
diff --git a/img/mf.png b/img/mf.png
diff --git a/img/nf.png b/img/nf.png
diff --git a/img/nr.png b/img/nr.png
diff --git a/img/pm.png b/img/pm.png
diff --git a/img/pn.png b/img/pn.png
diff --git a/img/pr.png b/img/pr.png
diff --git a/img/sh.png b/img/sh.png
diff --git a/img/sj.png b/img/sj.png
diff --git a/img/tf.png b/img/tf.png
diff --git a/img/tk.png b/img/tk.png
diff --git a/img/um.png b/img/um.png
diff --git a/img/wf.png b/img/wf.png
diff --git a/img/yt.png b/img/yt.png
diff --git a/index.html b/index.html
@@ -5,6 +5,10 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <!-- Ajoutez la référence au thème Bootstrap -->
   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css">
+  <script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.5.1.js"></script>
+  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
+  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js"></script>
   <title>Bravo!Ranking</title>
 </head>
 <body class="bg-light">
@@ -42,20 +46,23 @@ <h1 class="mb-4">Bravo!Ranking</h1>
   // Référence vers le corps du tableau
   const tableBody = document.getElementById('table-body');
 
-  // Chargement du JSON et construction du tableau
+  // Chargement du JSON et construction du tableau avec DataTables
   loadJSON().then(jsonData => {
     // Boucle à travers les données JSON et construit les lignes du tableau
     jsonData.forEach(item => {
       const row = document.createElement('tr');
       row.innerHTML = `
         <td>${item.ranking}</td>
-        <td><img src="${item.flag}" alt="${item.team}" width="30"></td>
+        <td><img src="img/${item.flag}" alt="${item.team}" width="30"></td>
         <td>${item.team}</td>
         <td>${item.points}</td>
         <td>${item.confederation}</td>
       `;
       tableBody.appendChild(row);
     });
+
+    // Activer DataTables sur le tableau
+    $('#myTable').DataTable();
   });
 </script>