Match de l’Italie en direct

Suivez le match de l’Italie en direct en direct à la radio et/ou en score live ci dessous en direct live sur notre site ou sur notre application :

Une radio à nous proposer ? envoyez nous un message



[radio_player id= »102442″]
[radio_player id= »102446″][radio_player id= »102438″][radio_player id=102449]
faites défiler sur votre mobile –>
application rugby
Résultats de la rencontre

Résultats de la rencontre

Italie en direct

Italie en direct

Actions
Composition
    Équipe LocaleÉquipe Visiteuse
    function fetchDataAndUpdate() { let urlParams = new URLSearchParams(window.location.search); // const rencontreId = urlParams.get(‘id’) const teamId = 34 fetch(`https://rugby-app-4ebacff10fda.herokuapp.com/rencontres/next_rencontre?id=${teamId}`) .then(response => response.json()) .then(allData => { const data = allData[0]; if (data.rencontre_resultat_locale && data.rencontre_resultat_visiteuse) { createChart(data); updateActions(data); updateScoreAndTeams(data); updateLists(data); } else { updateScoreAndTeams(data); updateActions(data); } if (data.etat === ‘termine’) { const refreshButton = document.getElementById(‘refresh-button’); if (refreshButton) refreshButton.remove(); } else { resetTimer(); } }); } function createTimelineItem(action, actionTeamName) { const li = document.createElement(‘li’); li.className = ‘timeline-item’; let sousTypeString =  »; let minute = action.minutes + ‘ minutes’ if (action.type === ‘CARD’) { sousTypeString = action.sousType ||  »; } const img = document.createElement(‘img’); img.src = `https://vibrez-rugby.com/wp-content/uploads/2023/10/${action.type_traduit ? action.type_traduit.normalize(« NFD »).replace(/[u0300-u036f]/g, «  »).toLowerCase().replace(/s+/g,  ») :  »}${sousTypeString}.png`; let teamImage =  »; if (action.type !== ‘Start’ && action.type !== ‘Stop’) { teamImage = `Italie en direct`; } else { minute =  » } li.innerHTML = `
    ${minute}

    ${teamImage}${action.type_traduit}

    ${action.Joueur1 ? `

    ${action.Joueur1.Personne.nom}

    ` :  »} ${action.Joueur2 ? `

    ${action.Joueur2.Personne.nom}

    ` :  »}
    `; li.querySelector(‘.timeline-marker’).appendChild(img); return li; } function updateActions(data) { const timeline = document.querySelector(‘.timeline’); timeline.innerHTML =  »; if (data.etat !== ‘A venir’ && data.etat !== ‘avenir’) { if (Array.isArray(data.actions)) { for (const action of data.actions) { const actionTeamName = String(action.competitionEquipeId) === String(data.local_team.id) ? data.local_team.img_base64 : data.visitor_team.img_base64; const item = createTimelineItem(action, actionTeamName); timeline.appendChild(item); } } } if (!data.compositon_equipe_local) return; const table = document.querySelector(« .custom-composition-table »); while (table.rows.length > 1) table.deleteRow(1);const sortedEquipeLocal = data.compositon_equipe_local.sort((a, b) => a.numero – b.numero); const sortedEquipeVisiteur = data.compositon_equipe_visiteur.sort((a, b) => a.numero – b.numero);for (const [i, joueurLocal] of sortedEquipeLocal.entries()) { const joueurVisiteur = sortedEquipeVisiteur[i]; const row = table.insertRow(); row.insertCell(0).innerHTML = `${joueurLocal.numero}${joueurLocal.nom} ${joueurLocal.estCapitaine ? « C » : «  »}`; row.insertCell(1).innerHTML = joueurVisiteur ? `${joueurVisiteur.numero}${joueurVisiteur.nom} ${joueurVisiteur.estCapitaine ? « C » : «  »}` :  »; } } function getFormeHtml(equipe) { let formeArray = equipe.forme; return formeArray.map(val => { if (val === ‘v’) { return ‘‘; } else if (val === ‘n’) { return ‘‘; } else if (val === ‘p’) { return ‘‘; } }).join(‘ ‘); } function updateScoreAndTeams(data) { const scoreContainer = document.querySelector(« .custom-score-container »); const emblemeLocal = document.querySelector(« .custom-emblem-local »); const dateContainer = document.querySelector(« .custom_date »); const nomLocal = document.querySelector(« .custom-local-name »); const formeLocal = document.querySelector(« .circle »); const emblemeVisiteur = document.querySelector(« .custom-emblem-visitor »); const nomVisiteur = document.querySelector(« .custom-visitor-name »); const h1Container = document.querySelector(« .custom-h1 »); let titre = « Résultat »; emblemeLocal.src = data.local_team.img_base64; let formeEquipeLocale = getFormeHtml(data.local_team); let formeEquipeVisiteuse = getFormeHtml(data.visitor_team); nomLocal.innerHTML = data.local_team.name + ‘
    ‘ + formeEquipeLocale; emblemeVisiteur.src = data.visitor_team.img_base64; nomVisiteur.innerHTML = data.visitor_team.name + ‘
    ‘ + formeEquipeVisiteuse; let etatClean = data.etat.replace(/ »/g,  »); if (data.rencontre_resultat_locale && etatClean === « termine ») { scoreContainer.innerHTML = `
    ${data.rencontre_resultat_locale.pointsDeMarque} – ${data.rencontre_resultat_visiteuse.pointsDeMarque}
    `; h1Container.innerHTML = `${titre} ${data.local_team.name} – ${data.visitor_team.name}`; if (dateContainer) dateContainer.remove(); } else if (data.etat === ‘endirect’) { scoreContainer.innerHTML = `
    ${data.rencontre_resultat_locale.pointsDeMarque} – ${data.rencontre_resultat_visiteuse.pointsDeMarque}
    `; h1Container.textContent = `${data.local_team.name} – ${data.visitor_team.name} en Direct`; if (dateContainer) dateContainer.remove(); } else { h1Container.textContent = `${data.local_team.name} – ${data.visitor_team.name} en Direct`; const date = new Date(data.date); date.setHours(date.getHours() – 2); const dateFormatted = `${date.toLocaleDateString(‘fr-FR’, { year: ‘numeric’, month: ‘long’, day: ‘numeric’, })}`; const heureFormatted = `${date.toLocaleTimeString(‘fr-FR’, { hour: ‘2-digit’, minute: ‘2-digit’, })}`; const chartContainer = document.getElementById(‘myChart’); const matchSummary = document.querySelector(« .match-summary »); if (matchSummary) matchSummary.remove(); if (chartContainer) chartContainer.remove(); dateContainer.innerHTML = `
    ${dateFormatted}
    ${heureFormatted}
    `; } }function updateLists(data) { const summaryTable = document.querySelector(‘.summary-table’); summaryTable.innerHTML =  »; const orderedKeys = [‘MI-TEMPS’, ‘ESSAI’, ‘TRANSFORMATION’, ‘PENALITE’, ‘DROP’, ‘CARTON_JAUNE’, ‘CARTON_ROUGE’]; const localeStats = data?.stats?.locale || {}; const extStats = data?.stats?.ext || {};orderedKeys.forEach((key, index) => { const localKey = key.toLowerCase(); const visitorKey = key.toLowerCase(); let localValue = localeStats.hasOwnProperty(localKey) ? localeStats[localKey] : 0; let visitorValue = extStats.hasOwnProperty(visitorKey) ? extStats[visitorKey] : 0;if (key === ‘MI-TEMPS’) { localValue = localeStats.hasOwnProperty(localKey) ? localeStats[localKey] : null; visitorValue = extStats.hasOwnProperty(visitorKey) ? extStats[visitorKey] : null; }if (localValue !== null || visitorValue !== null) { const tr = document.createElement(‘tr’); const tdLocal = document.createElement(‘td’); tdLocal.textContent = localValue; const tdKey = document.createElement(‘td’); tdKey.textContent = key; const tdVisitor = document.createElement(‘td’); tdVisitor.textContent = visitorValue; tr.appendChild(tdLocal); tr.appendChild(tdKey); tr.appendChild(tdVisitor); if (index >= 3) tr.classList.add(‘hide’); summaryTable.appendChild(tr); } }); } function showTab(id) { document.querySelectorAll(‘.tab-content’).forEach(el => el.classList.remove(‘active’)); document.querySelectorAll(‘.tab’).forEach(el => el.classList.remove(‘active’)); document.getElementById(id).classList.add(‘active’); document.querySelector(`.tab[onclick= »showTab(‘${id}’) »]`).classList.add(‘active’); }function toggleItems() { const showMoreButton = document.querySelector(‘.show-more-button’); const summaryTable = document.querySelector(‘.summary-table’); const rows = Array.from(summaryTable.querySelectorAll(‘tr’)); if (summaryTable.classList.contains(‘expanded’)) { rows.forEach((row, index) => { if (index >= 3) row.classList.remove(‘show’); }); summaryTable.classList.remove(‘expanded’); showMoreButton.innerHTML = ‘β–Ό ‘; } else { rows.forEach(row => row.classList.add(‘show’)); summaryTable.classList.add(‘expanded’); showMoreButton.innerHTML = ‘β–² ‘; } } function interpolateArray(data, fitCount) { var linearInterpolate = function (before, after, atPoint) { return before + (after – before) * atPoint; };var springFactor = (data.length – 1) / (fitCount – 1); var newData = []; newData[0] = data[0]; for (var i = 1; i i); const teams = { [data.local_team.id]: { name: data.local_team.name, color: ‘orange’ }, [data.visitor_team.id]: { name: data.visitor_team.name, color: ‘blue’ } };const datasets = Object.keys(teams).map(teamId => { const rawTeamData = chartData.filter(item => item.team === teamId).map(item => item.score); const teamData = interpolateArray(rawTeamData, 85); return { label: teams[teamId].name, data: teamData, borderColor: teams[teamId].color, borderWidth: 2, fill: false, pointRadius: 0, tension: 0.2 }; }); const localTeamDataset = datasets.find(dataset => dataset.label === teams[data.local_team.id].name); const sortedDatasets = [localTeamDataset].concat(datasets.filter(dataset => dataset !== localTeamDataset)); if (myChart) { myChart.destroy(); } if (document.getElementById(‘myChart’)) { const ctx = document.getElementById(‘myChart’).getContext(‘2d’); myChart = new Chart(ctx, { type: ‘line’, data: { labels: labels, datasets: sortedDatasets }, options: { plugins: { legend: { display: true, position: ‘top’, labels: { usePointStyle: true } } }, scales: { x: { display: false }, y: { display: false } }, elements: { line: { tension: 0.1 } } } }); } }let refreshTimeout = null; const refreshButton = document.getElementById(‘refresh-button’); function resetTimer() { if (refreshTimeout) { clearTimeout(refreshTimeout); } refreshTimeout = setTimeout(() => { fetchDataAndUpdate(); }, 60000); } refreshButton.addEventListener(‘click’, fetchDataAndUpdate); const showMoreButton = document.querySelector(‘.show-more-button’); showMoreButton.addEventListener(‘click’, toggleItems); fetchDataAndUpdate(); .custom-container { max-width: 1000px; margin: auto; padding: 5px 125px 0px; } .header { text-align: center; padding: 20px 0; border-bottom: 1px solid #ccc; } .match-info { display: flex; justify-content: space-around; padding-top: 20px; } .team { text-align: center; } .team img { border-radius: 10%; max-width: initial; min-width: 150px; max-width: 150px; } .team h2 { text-align: center; } .date { margin-bottom: 2px; text-align: center; font-size: 1.2rem; } .custom_date { padding-top: 10%; width: 100%; } #refresh-button { text-align: center; margin: 10px auto; display: block; padding: 10px 20px; border: none; border-radius: 5px; background-color: #e6000c; color: #fff; cursor: pointer; transition: background-color 0.3s; } #refresh-button:hover { background-color: #d5232cad; text-decoration: none; } .score { font-size: 3rem; font-weight: bold; color: #333; border: 1px solid rgb(0, 0, 0); background-color: black; color: #ffffff; padding: 20px; border-radius: 10px; } .tabs { display: flex; justify-content: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 20px; } .tab { padding: 10px 20px; cursor: pointer; flex: 1; text-align: center; background: #ccc; transition: background 0.3s; } .tab.active { background: #e6000c; color: #fff; } .tab-content { display: none; padding: 20px 0; } .tab-content.active { display: block; } table { width: 100%; border-collapse: collapse; } th, td { padding: 10px; border: 1px solid #ccc; text-align: center; } th { background: #e6000c; color: #fff; } td { padding-left: 15%; text-align: left; } .captain { background-color: #ffcc00; border-radius: 50%; padding: 2px 6px; margin-left: 5px; font-weight: bold; } .player-number { background-color: #ddd; border-radius: 3px; padding: 2px 5px; margin-right: 5px; } .custom-score-container { display: flex; justify-content: center; align-items: center; } .score-red { font-size: 3rem; font-weight: bold; color: #333; border: 1px solid #e6000c; background-color: #e6000c; color: #ffffff; padding: 20px; border-radius: 10px; } .composition { display: flex; justify-content: space-between; align-items: center; } .composition .start, .composition .middle, .composition .end { flex: 1; display: flex; justify-content: center; align-items: center; } body { color: #768390; background: #FFF; font-family: « Effra », Helvetica, sans-serif; padding: 0; } .timeline { line-height: 1.4em; list-style: none; margin: 0; } .timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 { line-height: inherit; color: #3D4351; margin-top: 0; } .timeline-item { padding-left: 60px; position: relative; } .timeline-item:last-child { padding-bottom: 0; } .timeline-info { font-size: 12px; font-weight: 700; letter-spacing: 0px; margin: 0 0 0.5em 0; text-transform: uppercase; white-space: nowrap; } .timeline-marker img { border-radius: 50%; } .timeline-marker { position: absolute; top: 0; bottom: 0; left: 0; } .timeline-marker:after { content: «  »; width: 3px; background: #CCD5DB; display: block; position: absolute; top: 60px; bottom: 10px; left: 23px; } .timeline-item:last-child .timeline-marker:after { content: none; } .timeline-content { padding-bottom: 40px; } .timeline-content p:last-child { margin-bottom: 0; } .match-summary { width: 100%; border: none; } .summary-table { width: 100%; border-collapse: collapse; text-align: left; border: none; table-layout: auto; display: flex; align-content: center; align-items: stretch; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; } .summary-table tr { border: none; } .summary-table td { padding: 10px; border: none; } .summary-table td:nth-child(1) { text-align: left; color: #333; font-weight: bold; } .summary-table td:nth-child(2) { text-align: center; font-weight: bold; width: 100%; } .summary-table td:nth-child(3) { text-align: right; color: #333; font-weight: bold; } .summary-table th { text-align: left; padding: 10px; } .show-more-button { text-align: center; margin: auto; display: block; border: none; border-radius: 5px; background-color: #e6000c; color: #fff; cursor: pointer; font-size: 16px; transition: background-color 0.3s; font-family: Arial, sans-serif; } .show-more-button:hover { background-color: #d5232cad; text-decoration: none; } .hide { display: none; } .show { display: table-row; } #myChart { display: block; margin: auto; max-height: 350px; max-width: 70%; } .circle { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 2px; } .circle-v { background-color: green; } .circle-n { background-color: yellow; } .circle-p { background-color: red; } @media (max-width: 640px) { .custom-h1 { font-size: 20px; } .team h2 { font-size: 13px; } .score { font-size: 15px; } .score-red { font-size: 15px; } .custom-container { margin: auto; padding: 0; } .date { font-size: 10px; } .custom-composition-table { font-size: 9px; } .summary-table td { font-size: 10px; padding: 4px; } .team img { min-width: 70px; border-radius: 10%; max-width: 80px; } td { padding-left: 5%; text-align: left; } .circle { width: 8px; height: 8px; border-radius: 50%; margin-right: 1px; } }
    Voir aussi :πŸ‰ Italie — Fiche club, effectif & statsπŸ† Championnat des Nations — Classement & calendrier