v1.6.33 : exclusion AS, compteurs 7/14/30j, 👍 uniquement
- Carte visiteurs uniques non-bot : 7 / 14 / 30 jours en tête de /admin/stats - Bouton ✕ par AS pour l'exclure des stats ; section AS exclus avec ↺ - Alerte IPs sans résolution AS dans la carte pays - Parser : fenêtre 30 jours, calcul visiteurs uniques toutes IPs non-bot - Graphiques adaptés à 30 jours (labels x/3) - Réactions articles : 👍 uniquement (suppression 🔥 et 🤔) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
+271
-131
@@ -22,6 +22,52 @@ function botBadge(ua) {
|
||||
return isBot(ua) ? '<span title="Bot connu" style="font-size:.85rem">🤖</span> ' : '';
|
||||
}
|
||||
|
||||
// AS exclus (modifié dynamiquement par les boutons)
|
||||
var _excludedAs = (typeof FOLIO_EXCLUDED_AS !== 'undefined') ? FOLIO_EXCLUDED_AS.slice() : [];
|
||||
var _csrf = (typeof FOLIO_CSRF !== 'undefined') ? FOLIO_CSRF : '';
|
||||
|
||||
// ── Résumé visiteurs ─────────────────────────────────────────────────────────
|
||||
(function () {
|
||||
var el = document.getElementById('stats-summary-container');
|
||||
var uv = (typeof FOLIO_UNIQUE_VISITORS !== 'undefined') ? FOLIO_UNIQUE_VISITORS : {};
|
||||
var ipd = (typeof FOLIO_IP_DATA !== 'undefined') ? FOLIO_IP_DATA : {};
|
||||
if (!el) { return; }
|
||||
|
||||
function computeCounts() {
|
||||
var base = { 7: uv[7] || 0, 14: uv[14] || 0, 30: uv[30] || 0 };
|
||||
// Soustraire les IPs des AS exclus (top 200 uniquement — approximation)
|
||||
Object.keys(ipd).forEach(function (ip) {
|
||||
var d = ipd[ip];
|
||||
if (!d.asn || _excludedAs.indexOf(d.asn) === -1) { return; }
|
||||
var daily = d.daily || [];
|
||||
var n = daily.length;
|
||||
if (daily.some(function (v) { return v > 0; })) { base[30] = Math.max(0, base[30] - 1); }
|
||||
if (daily.slice(Math.max(0, n - 14)).some(function (v) { return v > 0; })) { base[14] = Math.max(0, base[14] - 1); }
|
||||
if (daily.slice(Math.max(0, n - 7)).some(function (v) { return v > 0; })) { base[7] = Math.max(0, base[7] - 1); }
|
||||
});
|
||||
return base;
|
||||
}
|
||||
|
||||
function render() {
|
||||
var c = computeCounts();
|
||||
el.innerHTML =
|
||||
'<div class="card mb-4">'
|
||||
+ '<div class="card-body py-2 px-3">'
|
||||
+ '<div class="d-flex flex-wrap gap-4 align-items-center">'
|
||||
+ '<span class="small fw-semibold text-muted">Visiteurs uniques non-bot</span>'
|
||||
+ '<span class="d-flex flex-column align-items-center"><span class="fs-5 fw-bold">' + c[7].toLocaleString('fr-FR') + '</span><span class="text-muted" style="font-size:.7rem">7 jours</span></span>'
|
||||
+ '<span class="d-flex flex-column align-items-center"><span class="fs-5 fw-bold">' + c[14].toLocaleString('fr-FR') + '</span><span class="text-muted" style="font-size:.7rem">14 jours</span></span>'
|
||||
+ '<span class="d-flex flex-column align-items-center"><span class="fs-5 fw-bold">' + c[30].toLocaleString('fr-FR') + '</span><span class="text-muted" style="font-size:.7rem">30 jours</span></span>'
|
||||
+ (_excludedAs.length ? '<span class="badge bg-warning text-dark" style="font-size:.65rem">' + _excludedAs.length + ' AS exclu(s)</span>' : '')
|
||||
+ '</div>'
|
||||
+ '</div>'
|
||||
+ '</div>';
|
||||
}
|
||||
|
||||
render();
|
||||
document.addEventListener('folio:excluded-as-changed', render);
|
||||
}());
|
||||
|
||||
// ── Visiteurs par pays ────────────────────────────────────────────────────────
|
||||
(function () {
|
||||
var el = document.getElementById('stats-country-container');
|
||||
@@ -53,6 +99,9 @@ function botBadge(ua) {
|
||||
ipsByAsn[k].sort(function (a, b) { return b.hits - a.hits; });
|
||||
});
|
||||
|
||||
// IPs sans AS
|
||||
var noAsCount = Object.keys(ipData).filter(function (ip) { return !ipData[ip].asn; }).length;
|
||||
|
||||
function ipSparkline(daily) {
|
||||
if (!daily || !daily.length) { return ''; }
|
||||
var W = 80, H = 20, padX = 1, padY = 2;
|
||||
@@ -70,143 +119,234 @@ function botBadge(ua) {
|
||||
+ '</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] || [];
|
||||
|
||||
var ipRows = ips.slice(0, 20).map(function (ipInfo) {
|
||||
// Agents sous l'IP avec badge bot (UA en entier)
|
||||
var agentsHtml = '';
|
||||
(ipInfo.agents || []).forEach(function (ua) {
|
||||
agentsHtml += '<div style="font-size:.65rem;color:#adb5bd;line-height:1.4;word-break:break-all">'
|
||||
+ botBadge(ua) + esc(ua) + '</div>';
|
||||
});
|
||||
|
||||
// Chemins triés : /post/ et /book/ avec ts, reste sans ts
|
||||
var postBook = [], other = [];
|
||||
Object.keys(ipInfo.paths || {}).forEach(function (path) {
|
||||
var p = ipInfo.paths[path];
|
||||
var cnt = (p && typeof p === 'object') ? p.n : p;
|
||||
var ts = (p && typeof p === 'object') ? p.ts : 0;
|
||||
if (ts > 0) { postBook.push({ path: path, cnt: cnt, ts: ts }); }
|
||||
else { other.push({ path: path, cnt: cnt }); }
|
||||
});
|
||||
postBook.sort(function (a, b) { return b.ts - a.ts; });
|
||||
other.sort(function (a, b) { return b.cnt - a.cnt; });
|
||||
|
||||
function pathLine(p, prefix) {
|
||||
var raw = p.path.replace(prefix, '');
|
||||
var slug = '';
|
||||
try { slug = decodeURIComponent(raw); } catch (e) { slug = raw; }
|
||||
return '<div style="font-size:.75rem;line-height:1.5">'
|
||||
+ '<a href="' + esc(p.path) + '" target="_blank" style="color:#495057">'
|
||||
+ esc(trunc(slug || p.path, 40)) + '</a>'
|
||||
+ ' <span style="color:#adb5bd">(' + p.cnt + ')</span></div>';
|
||||
}
|
||||
function otherLine(p) {
|
||||
return '<div style="font-size:.72rem;color:#868e96;line-height:1.4">'
|
||||
+ '<code style="font-size:.72rem;color:#868e96">' + esc(trunc(p.path, 44)) + '</code>'
|
||||
+ ' <span style="color:#adb5bd">(' + p.cnt + ')</span></div>';
|
||||
function excludeAs(asn, name) {
|
||||
var fd = new FormData();
|
||||
fd.append('_csrf', _csrf);
|
||||
fd.append('asn', asn);
|
||||
fetch('/?action=admin_add_excluded_as', { method: 'POST', body: fd })
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (d) {
|
||||
if (d.ok && _excludedAs.indexOf(asn) === -1) {
|
||||
_excludedAs.push(asn);
|
||||
document.dispatchEvent(new CustomEvent('folio:excluded-as-changed'));
|
||||
renderCountry();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var pathsHtml = '';
|
||||
var articles = postBook.filter(function (p) { return p.path.indexOf('/post/') === 0; });
|
||||
var books = postBook.filter(function (p) { return p.path.indexOf('/book/') === 0; });
|
||||
if (articles.length) {
|
||||
pathsHtml += '<div style="font-size:.7rem;color:#adb5bd;margin-top:2px">Articles</div>'
|
||||
+ articles.map(function (p) { return pathLine(p, '/post/'); }).join('');
|
||||
function includeAs(asn) {
|
||||
var fd = new FormData();
|
||||
fd.append('_csrf', _csrf);
|
||||
fd.append('asn', asn);
|
||||
fetch('/?action=admin_remove_excluded_as', { method: 'POST', body: fd })
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (d) {
|
||||
if (d.ok) {
|
||||
_excludedAs = _excludedAs.filter(function (a) { return a !== asn; });
|
||||
document.dispatchEvent(new CustomEvent('folio:excluded-as-changed'));
|
||||
renderCountry();
|
||||
}
|
||||
if (books.length) {
|
||||
pathsHtml += '<div style="font-size:.7rem;color:#adb5bd;margin-top:2px">Livres</div>'
|
||||
+ books.map(function (p) { return pathLine(p, '/book/'); }).join('');
|
||||
}
|
||||
if (other.length) {
|
||||
pathsHtml += '<div style="font-size:.7rem;color:#adb5bd;margin-top:2px">Autres chemins</div>'
|
||||
+ other.map(otherLine).join('');
|
||||
}
|
||||
if (!pathsHtml) { pathsHtml = '<span style="font-size:.75rem;color:#adb5bd">—</span>'; }
|
||||
});
|
||||
}
|
||||
|
||||
return '<div class="d-flex gap-2 py-2 border-bottom align-items-start">'
|
||||
+ '<div style="width:9rem;flex-shrink:0">'
|
||||
+ '<code style="font-size:.72rem;color:#6c757d">' + esc(ipInfo.ip) + '</code>'
|
||||
+ agentsHtml
|
||||
function buildIpRow(ipInfo) {
|
||||
// Agents sous l'IP avec badge bot (UA en entier)
|
||||
var agentsHtml = '';
|
||||
(ipInfo.agents || []).forEach(function (ua) {
|
||||
agentsHtml += '<div style="font-size:.65rem;color:#adb5bd;line-height:1.4;word-break:break-all">'
|
||||
+ botBadge(ua) + esc(ua) + '</div>';
|
||||
});
|
||||
|
||||
// Chemins triés : /post/ et /book/ avec ts, reste sans ts
|
||||
var postBook = [], other = [];
|
||||
Object.keys(ipInfo.paths || {}).forEach(function (path) {
|
||||
var p = ipInfo.paths[path];
|
||||
var cnt = (p && typeof p === 'object') ? p.n : p;
|
||||
var ts = (p && typeof p === 'object') ? p.ts : 0;
|
||||
if (ts > 0) { postBook.push({ path: path, cnt: cnt, ts: ts }); }
|
||||
else { other.push({ path: path, cnt: cnt }); }
|
||||
});
|
||||
postBook.sort(function (a, b) { return b.ts - a.ts; });
|
||||
other.sort(function (a, b) { return b.cnt - a.cnt; });
|
||||
|
||||
function pathLine(p, prefix) {
|
||||
var raw = p.path.replace(prefix, '');
|
||||
var slug = '';
|
||||
try { slug = decodeURIComponent(raw); } catch (e) { slug = raw; }
|
||||
return '<div style="font-size:.75rem;line-height:1.5">'
|
||||
+ '<a href="' + esc(p.path) + '" target="_blank" style="color:#495057">'
|
||||
+ esc(trunc(slug || p.path, 40)) + '</a>'
|
||||
+ ' <span style="color:#adb5bd">(' + p.cnt + ')</span></div>';
|
||||
}
|
||||
function otherLine(p) {
|
||||
return '<div style="font-size:.72rem;color:#868e96;line-height:1.4">'
|
||||
+ '<code style="font-size:.72rem;color:#868e96">' + esc(trunc(p.path, 44)) + '</code>'
|
||||
+ ' <span style="color:#adb5bd">(' + p.cnt + ')</span></div>';
|
||||
}
|
||||
|
||||
var pathsHtml = '';
|
||||
var articles = postBook.filter(function (p) { return p.path.indexOf('/post/') === 0; });
|
||||
var books = postBook.filter(function (p) { return p.path.indexOf('/book/') === 0; });
|
||||
if (articles.length) {
|
||||
pathsHtml += '<div style="font-size:.7rem;color:#adb5bd;margin-top:2px">Articles</div>'
|
||||
+ articles.map(function (p) { return pathLine(p, '/post/'); }).join('');
|
||||
}
|
||||
if (books.length) {
|
||||
pathsHtml += '<div style="font-size:.7rem;color:#adb5bd;margin-top:2px">Livres</div>'
|
||||
+ books.map(function (p) { return pathLine(p, '/book/'); }).join('');
|
||||
}
|
||||
if (other.length) {
|
||||
pathsHtml += '<div style="font-size:.7rem;color:#adb5bd;margin-top:2px">Autres chemins</div>'
|
||||
+ other.map(otherLine).join('');
|
||||
}
|
||||
if (!pathsHtml) { pathsHtml = '<span style="font-size:.75rem;color:#adb5bd">—</span>'; }
|
||||
|
||||
return '<div class="d-flex gap-2 py-2 border-bottom align-items-start">'
|
||||
+ '<div style="width:9rem;flex-shrink:0">'
|
||||
+ '<code style="font-size:.72rem;color:#6c757d">' + esc(ipInfo.ip) + '</code>'
|
||||
+ agentsHtml
|
||||
+ '</div>'
|
||||
+ '<div style="flex-shrink:0;padding-top:2px">' + ipSparkline(ipInfo.daily || []) + '</div>'
|
||||
+ '<div class="flex-grow-1">' + pathsHtml + '</div>'
|
||||
+ '<div class="text-end text-muted small" style="width:4rem;flex-shrink:0;padding-top:2px">'
|
||||
+ (ipInfo.hits || 0).toLocaleString('fr-FR') + '</div>'
|
||||
+ '</div>';
|
||||
}
|
||||
|
||||
function renderCountry() {
|
||||
// Filtrer les AS actifs / exclus
|
||||
var activeLists = asList.filter(function (as) { return _excludedAs.indexOf(as.asn) === -1; });
|
||||
var excludedLists = asList.filter(function (as) { return _excludedAs.indexOf(as.asn) !== -1; });
|
||||
|
||||
// Agréger par pays (AS actifs uniquement)
|
||||
var byCountry = {}, asByCountry = {};
|
||||
activeLists.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);
|
||||
|
||||
// En-tête avec alerte IPs sans AS
|
||||
var headerExtra = '';
|
||||
if (noAsCount > 0) {
|
||||
headerExtra = '<span class="badge bg-warning text-dark ms-2" style="font-size:.65rem" '
|
||||
+ 'title="' + noAsCount + ' IP(s) parmi le top 200 sans résolution AS">'
|
||||
+ noAsCount + ' IP(s) sans AS</span>';
|
||||
}
|
||||
|
||||
var countryCard = document.querySelector('#stats-country-container');
|
||||
if (countryCard) {
|
||||
var hdr = countryCard.closest('.card')
|
||||
? countryCard.closest('.card').querySelector('.card-header')
|
||||
: null;
|
||||
if (hdr && !hdr.querySelector('.no-as-badge')) {
|
||||
var span = document.createElement('span');
|
||||
span.className = 'no-as-badge';
|
||||
span.innerHTML = headerExtra;
|
||||
hdr.appendChild(span);
|
||||
}
|
||||
}
|
||||
|
||||
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] || [];
|
||||
|
||||
var ipRows = ips.slice(0, 20).map(buildIpRow).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>' : '';
|
||||
var excludeBtn = n.asn
|
||||
? '<button class="btn btn-sm py-0 px-1 ms-2 text-muted border-0 exclude-as-btn" style="font-size:.65rem" title="Exclure cet AS des stats" data-asn="' + esc(n.asn) + '" data-name="' + esc(n.name || '') + '">✕</button>'
|
||||
: '';
|
||||
|
||||
return '<div>'
|
||||
+ '<div class="d-flex align-items-center gap-2 py-1"' + toggleAttrs + '>'
|
||||
+ '<div class="small d-flex align-items-center" style="width:9rem;flex-shrink:0">'
|
||||
+ esc(n.name || '?')
|
||||
+ (n.asn ? ' <span class="text-muted">AS' + esc(n.asn) + '</span>' : '')
|
||||
+ chevron
|
||||
+ excludeBtn
|
||||
+ '</div>'
|
||||
+ '<div style="flex-shrink:0;padding-top:2px">' + ipSparkline(ipInfo.daily || []) + '</div>'
|
||||
+ '<div class="flex-grow-1">' + pathsHtml + '</div>'
|
||||
+ '<div class="text-end text-muted small" style="width:4rem;flex-shrink:0;padding-top:2px">'
|
||||
+ (ipInfo.hits || 0).toLocaleString('fr-FR') + '</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('');
|
||||
|
||||
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>'
|
||||
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 text-muted small" style="width:4rem;flex-shrink:0">'
|
||||
+ n.hits.toLocaleString('fr-FR') + '</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>'
|
||||
+ (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>';
|
||||
|
||||
html += '</div>';
|
||||
el.innerHTML = html;
|
||||
// Section AS exclus
|
||||
if (excludedLists.length) {
|
||||
html += '<div class="mt-3 pt-2 border-top">'
|
||||
+ '<div class="small fw-semibold text-muted mb-2">AS exclus des stats (' + excludedLists.length + ')</div>'
|
||||
+ '<div class="d-flex flex-wrap gap-2">';
|
||||
excludedLists.forEach(function (n) {
|
||||
html += '<span class="badge border text-muted fw-normal d-inline-flex align-items-center gap-1" style="font-size:.7rem">'
|
||||
+ esc(n.name || '?')
|
||||
+ (n.asn ? ' <span class="text-muted">AS' + esc(n.asn) + '</span>' : '')
|
||||
+ '<button class="btn btn-sm p-0 ms-1 border-0 include-as-btn" data-asn="' + esc(n.asn || '') + '" title="Inclure" style="line-height:1;color:inherit;background:none">↺</button>'
|
||||
+ '</span>';
|
||||
});
|
||||
html += '</div></div>';
|
||||
}
|
||||
|
||||
el.innerHTML = html;
|
||||
|
||||
// Délégation : boutons exclure / inclure
|
||||
el.addEventListener('click', function (e) {
|
||||
var btn = e.target.closest('.exclude-as-btn');
|
||||
if (btn) { excludeAs(btn.getAttribute('data-asn'), btn.getAttribute('data-name')); return; }
|
||||
btn = e.target.closest('.include-as-btn');
|
||||
if (btn) { includeAs(btn.getAttribute('data-asn')); }
|
||||
}, { once: true });
|
||||
}
|
||||
|
||||
renderCountry();
|
||||
document.addEventListener('folio:excluded-as-changed', renderCountry);
|
||||
}());
|
||||
|
||||
// ── Liste consolidée de tous les agents ──────────────────────────────────────
|
||||
@@ -298,7 +438,7 @@ function botBadge(ua) {
|
||||
el.addEventListener('click', function (e) {
|
||||
var btn = e.target.closest('.add-bot-btn');
|
||||
if (!btn) { return; }
|
||||
var row = btn.closest('tr');
|
||||
var row = btn.closest('tr');
|
||||
var code = row ? row.querySelector('code') : null;
|
||||
if (code) { addBot(code.textContent, btn); }
|
||||
});
|
||||
@@ -394,7 +534,7 @@ function botBadge(ua) {
|
||||
|
||||
var xLabels = '';
|
||||
pts.forEach(function (p, i) {
|
||||
if (i % 2 === 0 || i === n - 1) {
|
||||
if (i % 3 === 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>';
|
||||
}
|
||||
@@ -410,7 +550,7 @@ function botBadge(ua) {
|
||||
}).join('');
|
||||
|
||||
trendEl.innerHTML =
|
||||
'<p class="small text-muted mb-2 fw-semibold">Trafic total — 14 derniers jours</p>'
|
||||
'<p class="small text-muted mb-2 fw-semibold">Trafic total — 30 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>'
|
||||
@@ -433,7 +573,6 @@ function botBadge(ua) {
|
||||
|
||||
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;
|
||||
@@ -449,6 +588,7 @@ function botBadge(ua) {
|
||||
});
|
||||
if (!series.length) { return; }
|
||||
|
||||
var n = series[0].data.length;
|
||||
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));
|
||||
@@ -490,7 +630,7 @@ function botBadge(ua) {
|
||||
|
||||
var xLabels = '';
|
||||
labels.forEach(function (lbl, i) {
|
||||
if (i % 2 === 0 || i === n - 1) {
|
||||
if (i % 3 === 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>';
|
||||
@@ -522,7 +662,7 @@ function botBadge(ua) {
|
||||
}).join('');
|
||||
|
||||
el.innerHTML =
|
||||
'<p class="small text-muted mb-2 fw-semibold">Par article — 14 derniers jours</p>'
|
||||
'<p class="small text-muted mb-2 fw-semibold">Par article — 30 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>'
|
||||
@@ -549,7 +689,7 @@ function botBadge(ua) {
|
||||
var daily = pm ? (pagesByDay[pm[0]] || null) : null;
|
||||
return { title: title, link: link, slug: slug, vis: vis, daily: daily };
|
||||
});
|
||||
var nDays = 14;
|
||||
var nDays = Object.values(pagesByDay)[0] ? Object.values(pagesByDay)[0].length : 30;
|
||||
var totals = new Array(nDays).fill(0);
|
||||
Object.values(pagesByDay).forEach(function (arr) {
|
||||
arr.forEach(function (v, i) { if (i < nDays) { totals[i] += v; } });
|
||||
|
||||
Reference in New Issue
Block a user