cedricAbonnel
40656631ba
- Admin stats : clic sur un réseau AS affiche les IPs avec mini sparkline 14 jours + articles/livres consultés - AccessLogParser : calcul ip_data (daily + top paths) inclus dans le cache stats - Suppression du tableau statique "Répartition par réseau" (fusionné dans accordéon pays) - PHP-CS-Fixer appliqué sur l'ensemble des fichiers modifiés Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
451 lines
22 KiB
JavaScript
451 lines
22 KiB
JavaScript
/* Admin stats : graphiques, sparklines, accordéon pays/AS/IP */
|
||
|
||
function esc(s) {
|
||
return String(s).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
|
||
}
|
||
|
||
// ── Visiteurs par pays ────────────────────────────────────────────────────────
|
||
(function () {
|
||
var el = document.getElementById('stats-country-container');
|
||
var asList = (typeof FOLIO_AS_LIST !== 'undefined') ? FOLIO_AS_LIST : [];
|
||
var ipData = (typeof FOLIO_IP_DATA !== 'undefined') ? FOLIO_IP_DATA : {};
|
||
if (!el || !asList.length) { return; }
|
||
|
||
var dispNames = null;
|
||
try { dispNames = new Intl.DisplayNames(['fr'], { type: 'region' }); } catch (e) {}
|
||
function countryName(code) {
|
||
if (!code || code === '??') { return 'Inconnu'; }
|
||
try { return dispNames ? dispNames.of(code) : code; } catch (e) { return code; }
|
||
}
|
||
function flag(code) {
|
||
if (!code || code.length !== 2) { return ''; }
|
||
var cp = Array.from(code.toUpperCase()).map(function (c) { return 0x1F1E6 + c.charCodeAt(0) - 65; });
|
||
return String.fromCodePoint(cp[0], cp[1]) + ' ';
|
||
}
|
||
|
||
// Index IPs par ASN pour le drill-down
|
||
var ipsByAsn = {};
|
||
Object.keys(ipData).forEach(function (ip) {
|
||
var d = ipData[ip];
|
||
var key = d.asn || '__unknown__';
|
||
if (!ipsByAsn[key]) { ipsByAsn[key] = []; }
|
||
ipsByAsn[key].push({ ip: ip, hits: d.hits, daily: d.daily, paths: d.paths });
|
||
});
|
||
Object.keys(ipsByAsn).forEach(function (k) {
|
||
ipsByAsn[k].sort(function (a, b) { return b.hits - a.hits; });
|
||
});
|
||
|
||
// Mini sparkline (80×20px polyline) pour chaque IP
|
||
function ipSparkline(daily) {
|
||
if (!daily || !daily.length) { return ''; }
|
||
var W = 80, H = 20, padX = 1, padY = 2;
|
||
var max = Math.max.apply(null, daily) || 1;
|
||
var n = daily.length;
|
||
var pts = daily.map(function (v, i) {
|
||
var x = padX + i * (W - 2 * padX) / (n - 1);
|
||
var y = H - padY - (v / max) * (H - 2 * padY);
|
||
return x.toFixed(1) + ',' + y.toFixed(1);
|
||
}).join(' ');
|
||
return '<svg xmlns="http://www.w3.org/2000/svg" width="' + W + '" height="' + H
|
||
+ '" style="display:block;flex-shrink:0">'
|
||
+ '<polyline points="' + pts + '" fill="none" stroke="#6c757d"'
|
||
+ ' stroke-width="1.2" stroke-linejoin="round" stroke-linecap="round"/>'
|
||
+ '</svg>';
|
||
}
|
||
|
||
// Agréger par pays
|
||
var byCountry = {}, asByCountry = {};
|
||
asList.forEach(function (as) {
|
||
var c = as.country || '??';
|
||
byCountry[c] = (byCountry[c] || 0) + as.hits;
|
||
if (!asByCountry[c]) { asByCountry[c] = []; }
|
||
asByCountry[c].push(as);
|
||
});
|
||
|
||
var countries = Object.keys(byCountry).map(function (c) {
|
||
return { code: c, hits: byCountry[c], networks: asByCountry[c] };
|
||
}).sort(function (a, b) { return b.hits - a.hits; }).slice(0, 20);
|
||
|
||
if (!countries.length) { el.innerHTML = '<p class="text-muted mb-0">Aucune donnée.</p>'; return; }
|
||
|
||
var maxH = countries[0].hits || 1;
|
||
var html = '<div class="accordion accordion-flush" id="acc-countries">';
|
||
|
||
countries.forEach(function (c, ci) {
|
||
var pct = Math.round(c.hits / maxH * 100);
|
||
var cname = flag(c.code) + countryName(c.code);
|
||
var vis = c.hits.toLocaleString('fr-FR');
|
||
var accId = 'acc-country-' + ci;
|
||
var nets = c.networks.slice().sort(function (a, b) { return b.hits - a.hits; });
|
||
var maxN = nets[0] ? nets[0].hits : 1;
|
||
|
||
var netRows = nets.map(function (n, ni) {
|
||
var npct = Math.round(n.hits / maxN * 100);
|
||
var asId = 'acc-as-' + ci + '-' + ni;
|
||
var asnKey = n.asn || '__unknown__';
|
||
var ips = ipsByAsn[asnKey] || [];
|
||
|
||
// Lignes IP avec mini sparkline + chemins
|
||
var ipRows = ips.slice(0, 20).map(function (ipInfo) {
|
||
var articles = [], books = [];
|
||
Object.keys(ipInfo.paths || {}).forEach(function (path) {
|
||
var cnt = ipInfo.paths[path];
|
||
if (path.indexOf('/post/') === 0) { articles.push({ path: path, cnt: cnt }); }
|
||
else if (path.indexOf('/book/') === 0) { books.push({ path: path, cnt: cnt }); }
|
||
});
|
||
articles.sort(function (a, b) { return b.cnt - a.cnt; });
|
||
books.sort(function (a, b) { return b.cnt - a.cnt; });
|
||
|
||
var pathsHtml = '';
|
||
if (articles.length) {
|
||
pathsHtml += '<div style="font-size:.75rem;color:#6c757d">Articles : '
|
||
+ articles.slice(0, 3).map(function (p) {
|
||
var slug = decodeURIComponent(p.path.replace('/post/', ''));
|
||
return '<a href="' + esc(p.path) + '" target="_blank" style="color:inherit">'
|
||
+ esc(slug.length > 28 ? slug.slice(0, 28) + '…' : slug)
|
||
+ '</a> (' + p.cnt + ')';
|
||
}).join(', ') + '</div>';
|
||
}
|
||
if (books.length) {
|
||
pathsHtml += '<div style="font-size:.75rem;color:#6c757d">Livres : '
|
||
+ books.slice(0, 3).map(function (p) {
|
||
var slug = decodeURIComponent(p.path.replace('/book/', ''));
|
||
return '<a href="' + esc(p.path) + '" target="_blank" style="color:inherit">'
|
||
+ esc(slug.length > 28 ? slug.slice(0, 28) + '…' : slug)
|
||
+ '</a> (' + p.cnt + ')';
|
||
}).join(', ') + '</div>';
|
||
}
|
||
if (!pathsHtml) { pathsHtml = '<span style="font-size:.75rem;color:#adb5bd">—</span>'; }
|
||
|
||
return '<div class="d-flex align-items-center gap-2 py-1 border-bottom">'
|
||
+ '<code style="width:9rem;flex-shrink:0;font-size:.72rem;color:#6c757d">'
|
||
+ esc(ipInfo.ip) + '</code>'
|
||
+ ipSparkline(ipInfo.daily || [])
|
||
+ '<div class="flex-grow-1">' + pathsHtml + '</div>'
|
||
+ '<div class="text-end text-muted small" style="width:4rem;flex-shrink:0">'
|
||
+ (ipInfo.hits || 0).toLocaleString('fr-FR') + '</div>'
|
||
+ '</div>';
|
||
}).join('');
|
||
|
||
var hasIps = ips.length > 0;
|
||
var toggleAttrs = hasIps ? ' data-bs-toggle="collapse" data-bs-target="#' + asId + '" role="button"' : '';
|
||
var chevron = hasIps ? '<span class="text-muted ms-1" style="font-size:.65rem">▾</span>' : '';
|
||
|
||
return '<div>'
|
||
+ '<div class="d-flex align-items-center gap-2 py-1"' + toggleAttrs + '>'
|
||
+ '<div class="small" style="width:9rem;flex-shrink:0">'
|
||
+ esc(n.name || '?')
|
||
+ (n.asn ? ' <span class="text-muted">AS' + esc(n.asn) + '</span>' : '')
|
||
+ chevron + '</div>'
|
||
+ '<div class="flex-grow-1"><div class="progress" style="height:4px">'
|
||
+ '<div class="progress-bar bg-info" style="width:' + npct + '%"></div>'
|
||
+ '</div></div>'
|
||
+ '<div class="text-end text-muted small" style="width:4rem;flex-shrink:0">'
|
||
+ n.hits.toLocaleString('fr-FR') + '</div>'
|
||
+ '</div>'
|
||
+ (hasIps ? '<div id="' + asId + '" class="collapse">'
|
||
+ '<div class="border-start ms-3 ps-2 pb-1">' + ipRows + '</div>'
|
||
+ '</div>' : '')
|
||
+ '</div>';
|
||
}).join('');
|
||
|
||
html += '<div class="accordion-item border-0">'
|
||
+ '<div class="d-flex align-items-center gap-2 py-2 px-0" data-bs-toggle="collapse"'
|
||
+ ' data-bs-target="#' + accId + '" role="button" aria-expanded="false">'
|
||
+ '<div class="fw-medium" style="width:10rem;flex-shrink:0">' + cname + '</div>'
|
||
+ '<div class="flex-grow-1"><div class="progress" style="height:6px">'
|
||
+ '<div class="progress-bar" style="width:' + pct + '%"></div>'
|
||
+ '</div></div>'
|
||
+ '<div class="text-end fw-semibold" style="width:5rem;flex-shrink:0">'
|
||
+ vis + ' <span class="text-muted fw-normal small">vis.</span></div>'
|
||
+ '<span class="text-muted" style="width:1rem;flex-shrink:0;font-size:.7rem">▾</span>'
|
||
+ '</div>'
|
||
+ '<div id="' + accId + '" class="collapse">'
|
||
+ '<div class="ps-2 pb-2 border-start ms-3">' + netRows + '</div>'
|
||
+ '</div>'
|
||
+ '</div>';
|
||
});
|
||
|
||
html += '</div>';
|
||
el.innerHTML = html;
|
||
}());
|
||
|
||
// ── Pages les plus visitées (RSS XML + sparklines) ───────────────────────────
|
||
(function () {
|
||
var container = document.getElementById('stats-pages-container');
|
||
var badge = document.getElementById('stats-pages-count');
|
||
var pagesByDay = (typeof FOLIO_PAGES_BY_DAY !== 'undefined') ? FOLIO_PAGES_BY_DAY : {};
|
||
if (!container) { return; }
|
||
|
||
function sparkline(data) {
|
||
var W = 120, H = 28, padX = 2, padY = 3;
|
||
var max = Math.max.apply(null, data) || 1;
|
||
var n = data.length;
|
||
var pts = data.map(function (v, i) {
|
||
var x = padX + i * (W - 2 * padX) / (n - 1);
|
||
var y = H - padY - (v / max) * (H - 2 * padY);
|
||
return x.toFixed(1) + ',' + y.toFixed(1);
|
||
}).join(' ');
|
||
var first = padX.toFixed(1) + ',' + (H - padY).toFixed(1);
|
||
var last = (W - padX).toFixed(1) + ',' + (H - padY).toFixed(1);
|
||
return '<svg xmlns="http://www.w3.org/2000/svg" width="' + W + '" height="' + H + '" style="display:block;overflow:visible">'
|
||
+ '<defs><linearGradient id="spk-grad" x1="0" y1="0" x2="0" y2="1">'
|
||
+ '<stop offset="0%" stop-color="var(--bs-primary,#0d6efd)" stop-opacity="0.18"/>'
|
||
+ '<stop offset="100%" stop-color="var(--bs-primary,#0d6efd)" stop-opacity="0"/>'
|
||
+ '</linearGradient></defs>'
|
||
+ '<polygon points="' + first + ' ' + pts + ' ' + last + '" fill="url(#spk-grad)"/>'
|
||
+ '<polyline points="' + pts + '" fill="none" stroke="var(--bs-primary,#0d6efd)" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round"/>'
|
||
+ '</svg>';
|
||
}
|
||
|
||
function trendChart(totals) {
|
||
var trendEl = document.getElementById('stats-trend-container');
|
||
if (!trendEl || !totals.length) { return; }
|
||
|
||
var n = totals.length;
|
||
var VW = 900, VH = 480;
|
||
var ml = 44, mr = 12, mt = 12, mb = 28;
|
||
var W = VW - ml - mr;
|
||
var H = VH - mt - mb;
|
||
|
||
var rawMax = Math.max.apply(null, totals) || 1;
|
||
var mag = Math.pow(10, Math.floor(Math.log(rawMax) / Math.LN10));
|
||
var maxV = Math.ceil(rawMax / mag) * mag;
|
||
var nTicks = 4;
|
||
|
||
var now = new Date();
|
||
var labels = totals.map(function (_, i) {
|
||
var d = new Date(now);
|
||
d.setDate(d.getDate() - (n - 1 - i));
|
||
return d.toLocaleDateString('fr-FR', { day: 'numeric', month: 'short' });
|
||
});
|
||
|
||
var pts = totals.map(function (v, i) {
|
||
return { x: ml + i * W / (n - 1), y: mt + H - (v / maxV) * H, v: v, l: labels[i] };
|
||
});
|
||
|
||
function smoothPath(points) {
|
||
var d = 'M ' + points[0].x.toFixed(1) + ' ' + points[0].y.toFixed(1);
|
||
for (var i = 0; i < points.length - 1; i++) {
|
||
var p0 = points[i > 0 ? i - 1 : i];
|
||
var p1 = points[i];
|
||
var p2 = points[i + 1];
|
||
var p3 = points[i + 2 < points.length ? i + 2 : i + 1];
|
||
var t = 0.35;
|
||
var cp1x = p1.x + t * (p2.x - p0.x) / 2;
|
||
var cp1y = p1.y + t * (p2.y - p0.y) / 2;
|
||
var cp2x = p2.x - t * (p3.x - p1.x) / 2;
|
||
var cp2y = p2.y - t * (p3.y - p1.y) / 2;
|
||
d += ' C ' + cp1x.toFixed(1) + ' ' + cp1y.toFixed(1)
|
||
+ ', ' + cp2x.toFixed(1) + ' ' + cp2y.toFixed(1)
|
||
+ ', ' + p2.x.toFixed(1) + ' ' + p2.y.toFixed(1);
|
||
}
|
||
return d;
|
||
}
|
||
|
||
var linePath = smoothPath(pts);
|
||
var areaPath = linePath
|
||
+ ' L ' + pts[n - 1].x.toFixed(1) + ' ' + (mt + H)
|
||
+ ' L ' + pts[0].x.toFixed(1) + ' ' + (mt + H) + ' Z';
|
||
|
||
var grid = '', yLabels = '';
|
||
for (var t = 0; t <= nTicks; t++) {
|
||
var val = Math.round(maxV * t / nTicks);
|
||
var gy = (mt + H - (val / maxV) * H).toFixed(1);
|
||
grid += '<line x1="' + ml + '" y1="' + gy + '" x2="' + (VW - mr) + '" y2="' + gy
|
||
+ '" stroke="#e9ecef" stroke-width="1"/>';
|
||
yLabels += '<text x="' + (ml - 6) + '" y="' + gy + '" text-anchor="end" dominant-baseline="middle"'
|
||
+ ' font-size="11" fill="#adb5bd">' + val + '</text>';
|
||
}
|
||
|
||
var xLabels = '';
|
||
pts.forEach(function (p, i) {
|
||
if (i % 2 === 0 || i === n - 1) {
|
||
xLabels += '<text x="' + p.x.toFixed(1) + '" y="' + (VH - 4) + '" text-anchor="middle"'
|
||
+ ' font-size="11" fill="#adb5bd">' + p.l + '</text>';
|
||
}
|
||
});
|
||
|
||
var dots = pts.map(function (p) {
|
||
return '<circle cx="' + p.x.toFixed(1) + '" cy="' + p.y.toFixed(1) + '" r="14"'
|
||
+ ' fill="transparent" cursor="default">'
|
||
+ '<title>' + esc(p.l) + ' : ' + p.v + ' vis.</title>'
|
||
+ '</circle>'
|
||
+ '<circle cx="' + p.x.toFixed(1) + '" cy="' + p.y.toFixed(1) + '" r="3"'
|
||
+ ' fill="var(--bs-primary,#0d6efd)" stroke="#fff" stroke-width="1.5" pointer-events="none"/>';
|
||
}).join('');
|
||
|
||
trendEl.innerHTML =
|
||
'<p class="small text-muted mb-2 fw-semibold">Trafic total — 14 derniers jours</p>'
|
||
+ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ' + VW + ' ' + VH + '"'
|
||
+ ' style="width:100%;height:480px;display:block;overflow:visible">'
|
||
+ '<defs>'
|
||
+ '<linearGradient id="area-grad" x1="0" y1="0" x2="0" y2="1">'
|
||
+ '<stop offset="0%" stop-color="var(--bs-primary,#0d6efd)" stop-opacity="0.2"/>'
|
||
+ '<stop offset="100%" stop-color="var(--bs-primary,#0d6efd)" stop-opacity="0"/>'
|
||
+ '</linearGradient>'
|
||
+ '</defs>'
|
||
+ grid
|
||
+ '<path d="' + areaPath + '" fill="url(#area-grad)"/>'
|
||
+ '<path d="' + linePath + '" fill="none" stroke="var(--bs-primary,#0d6efd)"'
|
||
+ ' stroke-width="2" stroke-linejoin="round" stroke-linecap="round"/>'
|
||
+ dots
|
||
+ yLabels
|
||
+ xLabels
|
||
+ '</svg>';
|
||
}
|
||
|
||
function multiLineChart(pagesByDay, rssRows) {
|
||
var el = document.getElementById('stats-multiline-container');
|
||
if (!el) { return; }
|
||
|
||
var COLORS = ['#0d6efd','#198754','#dc3545','#fd7e14','#6f42c1',
|
||
'#20c997','#0dcaf0','#e63946','#f4a261','#457b9d'];
|
||
var n = 14;
|
||
var VW = 900, VH = 480;
|
||
var ml = 44, mr = 12, mt = 12, mb = 28;
|
||
var W = VW - ml - mr;
|
||
var H = VH - mt - mb;
|
||
|
||
var series = [];
|
||
rssRows.forEach(function (row) {
|
||
var pm = row.link.match(/\/post\/[^?#]*/);
|
||
var data = pm ? (pagesByDay[pm[0]] || null) : null;
|
||
if (data && series.length < 10) {
|
||
series.push({ title: row.title || row.slug, data: data });
|
||
}
|
||
});
|
||
if (!series.length) { return; }
|
||
|
||
var allVals = series.reduce(function (acc, s) { return acc.concat(s.data); }, []);
|
||
var rawMax = Math.max.apply(null, allVals) || 1;
|
||
var mag = Math.pow(10, Math.floor(Math.log(rawMax) / Math.LN10));
|
||
var maxV = Math.ceil(rawMax / mag) * mag;
|
||
var nTicks = 4;
|
||
|
||
var now = new Date();
|
||
var labels = series[0].data.map(function (_, i) {
|
||
var d = new Date(now);
|
||
d.setDate(d.getDate() - (n - 1 - i));
|
||
return d.toLocaleDateString('fr-FR', { day: 'numeric', month: 'short' });
|
||
});
|
||
|
||
function smoothPath(pts) {
|
||
var d = 'M ' + pts[0].x.toFixed(1) + ' ' + pts[0].y.toFixed(1);
|
||
for (var i = 0; i < pts.length - 1; i++) {
|
||
var p0 = pts[i > 0 ? i - 1 : i];
|
||
var p1 = pts[i], p2 = pts[i + 1];
|
||
var p3 = pts[i + 2 < pts.length ? i + 2 : i + 1];
|
||
var t = 0.35;
|
||
var cp1x = p1.x + t * (p2.x - p0.x) / 2, cp1y = p1.y + t * (p2.y - p0.y) / 2;
|
||
var cp2x = p2.x - t * (p3.x - p1.x) / 2, cp2y = p2.y - t * (p3.y - p1.y) / 2;
|
||
d += ' C ' + cp1x.toFixed(1) + ' ' + cp1y.toFixed(1)
|
||
+ ', ' + cp2x.toFixed(1) + ' ' + cp2y.toFixed(1)
|
||
+ ', ' + p2.x.toFixed(1) + ' ' + p2.y.toFixed(1);
|
||
}
|
||
return d;
|
||
}
|
||
|
||
var grid = '', yLabels = '';
|
||
for (var t = 0; t <= nTicks; t++) {
|
||
var val = Math.round(maxV * t / nTicks);
|
||
var gy = (mt + H - (val / maxV) * H).toFixed(1);
|
||
grid += '<line x1="' + ml + '" y1="' + gy + '" x2="' + (VW - mr) + '" y2="' + gy
|
||
+ '" stroke="#e9ecef" stroke-width="1"/>';
|
||
yLabels += '<text x="' + (ml - 6) + '" y="' + gy + '" text-anchor="end" dominant-baseline="middle"'
|
||
+ ' font-size="11" fill="#adb5bd">' + val + '</text>';
|
||
}
|
||
|
||
var xLabels = '';
|
||
labels.forEach(function (lbl, i) {
|
||
if (i % 2 === 0 || i === n - 1) {
|
||
var x = (ml + i * W / (n - 1)).toFixed(1);
|
||
xLabels += '<text x="' + x + '" y="' + (VH - 4) + '" text-anchor="middle"'
|
||
+ ' font-size="11" fill="#adb5bd">' + lbl + '</text>';
|
||
}
|
||
});
|
||
|
||
var lines = series.map(function (s, si) {
|
||
var color = COLORS[si % COLORS.length];
|
||
var pts = s.data.map(function (v, i) {
|
||
return { x: ml + i * W / (n - 1), y: mt + H - (v / maxV) * H, v: v, l: labels[i] };
|
||
});
|
||
var dots = pts.map(function (p) {
|
||
return '<circle cx="' + p.x.toFixed(1) + '" cy="' + p.y.toFixed(1) + '" r="14"'
|
||
+ ' fill="transparent"><title>' + esc(p.l) + ' — ' + esc(s.title) + ' : ' + p.v + ' vis.</title></circle>'
|
||
+ '<circle cx="' + p.x.toFixed(1) + '" cy="' + p.y.toFixed(1) + '" r="2.5"'
|
||
+ ' fill="' + color + '" stroke="#fff" stroke-width="1" pointer-events="none"/>';
|
||
}).join('');
|
||
return '<path d="' + smoothPath(pts) + '" fill="none" stroke="' + color
|
||
+ '" stroke-width="1.8" stroke-linejoin="round" stroke-linecap="round"/>' + dots;
|
||
}).join('');
|
||
|
||
var legend = series.map(function (s, si) {
|
||
var color = COLORS[si % COLORS.length];
|
||
var short = s.title.length > 32 ? s.title.slice(0, 32) + '…' : s.title;
|
||
return '<span class="d-inline-flex align-items-center gap-1 me-3 mb-1 small">'
|
||
+ '<svg width="16" height="3" style="flex-shrink:0"><line x1="0" y1="1.5" x2="16" y2="1.5"'
|
||
+ ' stroke="' + color + '" stroke-width="2.5" stroke-linecap="round"/></svg>'
|
||
+ '<span class="text-truncate" style="max-width:160px" title="' + esc(s.title) + '">'
|
||
+ esc(short) + '</span></span>';
|
||
}).join('');
|
||
|
||
el.innerHTML =
|
||
'<p class="small text-muted mb-2 fw-semibold">Par article — 14 derniers jours</p>'
|
||
+ '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ' + VW + ' ' + VH + '"'
|
||
+ ' style="width:100%;height:480px;display:block;overflow:visible">'
|
||
+ grid + lines + yLabels + xLabels + '</svg>'
|
||
+ '<div class="d-flex flex-wrap mt-2">' + legend + '</div>';
|
||
}
|
||
|
||
fetch('/trending?period=14d')
|
||
.then(function (r) { return r.ok ? r.text() : Promise.reject(); })
|
||
.then(function (xml) {
|
||
var doc = new DOMParser().parseFromString(xml, 'application/xml');
|
||
var items = Array.from(doc.querySelectorAll('item'));
|
||
if (!items.length) {
|
||
container.innerHTML = '<p class="text-muted p-3 mb-0">Aucune donnée.</p>';
|
||
return;
|
||
}
|
||
var rows = items.map(function (item) {
|
||
var raw = (item.querySelector('title') || { textContent: '' }).textContent;
|
||
var link = ((item.querySelector('link') || {}).textContent || '').trim();
|
||
var m = raw.match(/\((\d+)\s+visiteurs?\)$/);
|
||
var vis = m ? parseInt(m[1], 10) : 0;
|
||
var title = raw.replace(/\s*\(\d+\s+visiteurs?\)$/, '');
|
||
var slug = decodeURIComponent(link.replace(/.*\/post\//, ''));
|
||
var pm = link.match(/\/post\/[^?#]*/);
|
||
var daily = pm ? (pagesByDay[pm[0]] || null) : null;
|
||
return { title: title, link: link, slug: slug, vis: vis, daily: daily };
|
||
});
|
||
var nDays = 14;
|
||
var totals = new Array(nDays).fill(0);
|
||
Object.values(pagesByDay).forEach(function (arr) {
|
||
arr.forEach(function (v, i) { if (i < nDays) { totals[i] += v; } });
|
||
});
|
||
trendChart(totals);
|
||
multiLineChart(pagesByDay, rows);
|
||
|
||
var html = '<div class="table-responsive"><table class="table table-sm table-hover mb-0 small w-100"><tbody>';
|
||
rows.forEach(function (row, i) {
|
||
var vis = row.vis.toLocaleString('fr-FR');
|
||
var spk = row.daily ? sparkline(row.daily) : '';
|
||
html += '<tr>'
|
||
+ '<td class="text-muted ps-3" style="width:2rem;vertical-align:middle">' + (i + 1) + '</td>'
|
||
+ '<td style="vertical-align:middle"><a href="' + esc(row.link) + '" target="_blank"'
|
||
+ ' class="text-decoration-none" title="' + esc(row.slug) + '">'
|
||
+ esc(row.title || row.slug) + '</a></td>'
|
||
+ '<td style="width:130px;vertical-align:middle;padding:4px 8px">' + spk + '</td>'
|
||
+ '<td class="text-end fw-semibold pe-3" style="width:5rem;vertical-align:middle">'
|
||
+ vis + ' <span class="text-muted fw-normal">vis.</span></td>'
|
||
+ '</tr>';
|
||
});
|
||
html += '</tbody></table></div>';
|
||
if (badge) { badge.textContent = rows.length + ' URLs'; }
|
||
container.innerHTML = html;
|
||
})
|
||
.catch(function () {
|
||
container.innerHTML = '<p class="text-muted p-3 mb-0">Impossible de charger le flux.</p>';
|
||
});
|
||
}());
|