47 lines
2.5 KiB
JavaScript
47 lines
2.5 KiB
JavaScript
 
|
/* The chart of the registry ("registry_breakdown" in registry.html): a click on
|
||
|
|
a row opens the checks behind it in the analytics dialog (analytics-dialog.js).
|
||
|
|
The listener sits on the document, so it keeps working after htmx replaces the
|
||
|
|
table; the filter of the list is the one the chart was built with (data-qs). */
|
||
|
|
(function () {
|
||
|
|
'use strict';
|
||
|
|
if (window.registryBreakdownBound) return;
|
||
|
|
window.registryBreakdownBound = true;
|
||
|
|
|
||
|
|
var HINTS = {
|
||
|
|
'Результат': 'Итог именно этой проверки. Список начинается с проваленных.',
|
||
|
|
'Тип проверки': 'https, icmp, ssh, tcp-22, tls-443 и т. д.',
|
||
|
|
'Валидатор': 'Валидатор, с которого шла egress-проверка.',
|
||
|
|
'Задержка, мс': 'Сколько заняла проверка.',
|
||
|
|
'Детали': 'Ошибка проверки, если она провалена.'
|
||
|
|
};
|
||
|
|
|
||
|
|
function open(btn) {
|
||
|
|
var A = window.AnalyticsDialog, box = btn.closest('#registry-breakdown');
|
||
|
|
if (!A || !box) return;
|
||
|
|
var tail = (box.dataset.qs ? box.dataset.qs + '&' : '') + 'key=' + encodeURIComponent(btn.dataset.bdKey);
|
||
|
|
var title = box.dataset.scope + ' · ' + btn.dataset.bdLabel;
|
||
|
|
A.load('/registry/breakdown/list?' + tail, title).then(function (l) {
|
||
|
|
if (!l) return;
|
||
|
|
var ok = l.rows.filter(function (r) { return r[1] === 'успешно'; }).length;
|
||
|
|
var hints = {};
|
||
|
|
l.columns.forEach(function (c, i) { if (HINTS[c]) hints[i] = HINTS[c]; });
|
||
|
|
A.fill({
|
||
|
|
title: title,
|
||
|
|
scope: 'Срез',
|
||
|
|
runLabel: box.dataset.slice,
|
||
|
|
note: 'Проверки этого типа в цикле адреса среза, у адресов под текущим фильтром. Провалы сверху.',
|
||
|
|
cols: l.columns, rows: l.rows, hints: hints,
|
||
|
|
dist: '<div class="an-chips"><span class="an-tag an-t-ok">успешно ' + A.fmt(ok) + '</span><span class="an-tag an-t-bad">провал ' + A.fmt(l.rows.length - ok) + '</span></div>',
|
||
|
|
csvURL: '/registry/breakdown/csv?' + tail
|
||
|
|
});
|
||
|
|
// the error text of a failed check is long: give its column room instead of a narrow wrapped strip
|
||
|
|
var d = l.columns.indexOf('Детали');
|
||
|
|
if (d >= 0) document.querySelectorAll('#an-dlg-tbl tr').forEach(function (tr) { if (tr.children[d]) tr.children[d].style.minWidth = '280px'; });
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
document.addEventListener('click', function (e) {
|
||
|
|
var b = e.target.closest('[data-bd-key]');
|
||
|
|
if (b) open(b);
|
||
|
|
});
|
||
|
|
})();
|