Luigi D'Acunto
d0b5902c7b
Il pulsante Service Discovery torna ad essere un tag <a> con href/target/_blank per supportare il middle-click nativo del browser (apri in background tab). I due pulsanti copia restano <button> perché non hanno un URL di destinazione. Il CSS con !important su margin/box-sizing/display ora protegge l'<a> dagli override della pagina, risolvendo il problema che aveva portato alla conversione a <button> nella 2.9.7. Aggiunto :visited per mantenere il colore arancio.
1054 lines
35 KiB
JavaScript
1054 lines
35 KiB
JavaScript
// ==UserScript==
|
||
// @name Checkmk SwissKnife
|
||
// @namespace https://luigidacunto.com/
|
||
// @version 2.10.0
|
||
// @description Raccolta di miglioramenti all'interfaccia di Checkmk WATO. Ogni fix o enhancement viene aggiunto qui come feature indipendente.
|
||
// @author Luigi D'Acunto
|
||
// @homepageURL https://git.luigidacunto.com/tools/checkmk-swissknife
|
||
// @updateURL https://luigidacunto.com/scripts/checkmk-swissknife/user_script/checkmk_swissknife.user.js
|
||
// @downloadURL https://luigidacunto.com/scripts/checkmk-swissknife/user_script/checkmk_swissknife.user.js
|
||
// @include /^https?:\/\/.+\/check_mk\/(index|wato|view)\.py/
|
||
// @grant none
|
||
// ==/UserScript==
|
||
|
||
(function () {
|
||
'use strict';
|
||
|
||
// =========================================================================
|
||
// INFRASTRUTTURA COMUNE
|
||
// =========================================================================
|
||
|
||
const LOG_PREFIX = '[CMK-SK]';
|
||
const POLL_INTERVAL_MS = 500;
|
||
const MAX_ATTEMPTS = 60;
|
||
|
||
// Ricava il documento su cui operare:
|
||
// - Se c'è un iframe (index.py con sidebar) → usa il contentDocument dell'iframe
|
||
// - Se wato.py è aperto direttamente → usa document solo se contiene la select target
|
||
function getWatoDoc(selectId) {
|
||
const iframe = document.querySelector('iframe[name="main"], iframe#main');
|
||
if (iframe) {
|
||
try { return iframe.contentDocument; } catch (e) { return null; }
|
||
}
|
||
if (document.getElementById(selectId) ||
|
||
document.querySelector('select[name*="folder_path"]')) {
|
||
return document;
|
||
}
|
||
return null;
|
||
}
|
||
|
||
// Legge il parametro "mode" dall'URL del documento target senza accedere al DOM
|
||
function getPageMode(iDoc) {
|
||
try { return new URLSearchParams(iDoc.location.search).get('mode') || ''; }
|
||
catch (e) { return ''; }
|
||
}
|
||
|
||
// Restituisce il documento su cui operare, gestendo sia il caso iframe (index.py con
|
||
// sidebar) che il caso direct (wato.py aperto senza sidebar, nessun iframe presente).
|
||
function getTargetDoc() {
|
||
const iframe = document.querySelector('iframe[name="main"], iframe#main');
|
||
if (iframe) { try { return iframe.contentDocument; } catch (e) { return null; } }
|
||
return document;
|
||
}
|
||
|
||
// Pagine che supportano gli accordion badge (stessa struttura form_edit_host + table.nform)
|
||
const ACCORDION_MODES = new Set(['edit_host', 'bulkedit']);
|
||
|
||
// Inietta CSS nel documento target (una sola volta, deduplica per id)
|
||
function injectStyles(iDoc, id, css) {
|
||
if (iDoc.getElementById(id)) return;
|
||
const style = iDoc.createElement('style');
|
||
style.id = id;
|
||
style.textContent = css;
|
||
iDoc.head.appendChild(style);
|
||
}
|
||
|
||
|
||
// =========================================================================
|
||
// FEATURE: Folder Path Select Enhancement
|
||
//
|
||
// Migliora la <select> del folder path in WATO mostrando il path completo
|
||
// in stile "Radice › Livello › Foglia" e abilitando la ricerca su di esso.
|
||
// Si attiva solo quando la select #explicit_conditions_p_folder_path è presente.
|
||
// =========================================================================
|
||
|
||
const FOLDER_SELECT_ID = 'explicit_conditions_p_folder_path';
|
||
const FOLDER_DIV_ID = 'explicit_conditions_d_folder_path';
|
||
|
||
function formatPath(value) {
|
||
if (!value) return 'Main';
|
||
const parts = value.split('/');
|
||
return parts.map((p, i) =>
|
||
i === parts.length - 1
|
||
? p.toUpperCase()
|
||
: p.charAt(0).toUpperCase() + p.slice(1).toLowerCase()
|
||
).join(' › ');
|
||
}
|
||
|
||
function enhanceFolderSelect(iDoc) {
|
||
const sel = iDoc.getElementById(FOLDER_SELECT_ID);
|
||
if (!sel) return false;
|
||
if (sel.dataset.cmkEnhanced === '1') return true;
|
||
|
||
const iWin = iDoc.defaultView;
|
||
const S2 = iWin.Select2 || (iWin.$ && iWin.$.fn && iWin.$.fn.select2 ? iWin.$ : null);
|
||
if (!S2) return false;
|
||
|
||
Array.from(sel.options).forEach(opt => {
|
||
if (!opt.dataset.fullPath) {
|
||
opt.dataset.fullPath = formatPath(opt.value);
|
||
}
|
||
});
|
||
|
||
try {
|
||
const existing = getSelect2Instance(iDoc, sel);
|
||
if (existing && typeof existing.destroy === 'function') existing.destroy();
|
||
} catch (e) {
|
||
console.warn(LOG_PREFIX, 'Impossibile distruggere Select2:', e);
|
||
}
|
||
|
||
initSelect2Enhanced(iDoc, sel);
|
||
sel.dataset.cmkEnhanced = '1';
|
||
return true;
|
||
}
|
||
|
||
function getSelect2Instance(iDoc, sel) {
|
||
const iWin = iDoc.defaultView;
|
||
if (iWin.$ && iWin.$.fn && iWin.$.fn.select2) {
|
||
try { return iWin.$(sel).data('select2'); } catch (e) {}
|
||
}
|
||
if (iWin.Select2) {
|
||
try { return iWin.Select2.getInstance(sel); } catch (e) {}
|
||
}
|
||
return null;
|
||
}
|
||
|
||
function initSelect2Enhanced(iDoc, sel) {
|
||
const iWin = iDoc.defaultView;
|
||
|
||
const templateResult = function (option) {
|
||
if (!option.id) return option.text;
|
||
const fullPath = option.element?.dataset?.fullPath || formatPath(option.id);
|
||
const span = iDoc.createElement('span');
|
||
span.title = fullPath;
|
||
span.style.cssText = 'font-family: monospace; font-size: 12px;';
|
||
span.textContent = fullPath;
|
||
return span;
|
||
};
|
||
|
||
const templateSelection = function (option) {
|
||
if (!option.id) return option.text;
|
||
return formatPath(option.id);
|
||
};
|
||
|
||
const matcher = function (params, option) {
|
||
if (!params.term || params.term.trim() === '') return option;
|
||
const term = params.term.trim().toLowerCase();
|
||
const fullPath = (option.element?.dataset?.fullPath || formatPath(option.id || '')).toLowerCase();
|
||
const leafName = (option.id || '').split('/').pop().toLowerCase();
|
||
if (fullPath.includes(term) || leafName.includes(term)) return option;
|
||
return null;
|
||
};
|
||
|
||
const config = {
|
||
width: 'resolve',
|
||
allowClear: false,
|
||
dropdownAutoWidth: true,
|
||
templateResult,
|
||
templateSelection,
|
||
matcher,
|
||
dropdownCssClass: 'cmk-sk-folder-dropdown',
|
||
};
|
||
|
||
if (iWin.$ && iWin.$.fn && iWin.$.fn.select2) {
|
||
try {
|
||
iWin.$(sel).select2(config);
|
||
injectFolderStyles(iDoc);
|
||
return;
|
||
} catch (e) {
|
||
console.warn(LOG_PREFIX, 'jQuery Select2 init fallita:', e);
|
||
}
|
||
}
|
||
|
||
if (iWin.Select2) {
|
||
try {
|
||
new iWin.Select2(sel, config);
|
||
injectFolderStyles(iDoc);
|
||
return;
|
||
} catch (e) {
|
||
console.warn(LOG_PREFIX, 'Select2 standalone init fallita:', e);
|
||
}
|
||
}
|
||
|
||
// Fallback: overlay di ricerca custom sopra il select2 nativo
|
||
buildCustomSearchOverlay(iDoc, sel);
|
||
}
|
||
|
||
function buildCustomSearchOverlay(iDoc, sel) {
|
||
const divContainer = iDoc.getElementById(FOLDER_DIV_ID);
|
||
if (!divContainer) return;
|
||
if (divContainer.querySelector('.cmk-sk-folder-overlay')) return;
|
||
|
||
const options = Array.from(sel.options).map(opt => ({
|
||
value: opt.value,
|
||
label: opt.value ? formatPath(opt.value) : 'Main',
|
||
original: opt.text.trim()
|
||
}));
|
||
|
||
const existingContainer = divContainer.querySelector('.select2-container');
|
||
if (existingContainer) existingContainer.style.display = 'none';
|
||
|
||
const wrapper = iDoc.createElement('div');
|
||
wrapper.className = 'cmk-sk-folder-overlay';
|
||
wrapper.style.cssText = `
|
||
display: inline-block;
|
||
position: relative;
|
||
min-width: 300px;
|
||
max-width: 600px;
|
||
width: 100%;
|
||
font-family: var(--font-family, sans-serif);
|
||
`;
|
||
|
||
const searchInput = iDoc.createElement('input');
|
||
searchInput.type = 'text';
|
||
searchInput.placeholder = 'Cerca folder per nome o path... (es: veeam, dc1/veeam)';
|
||
searchInput.autocomplete = 'off';
|
||
searchInput.spellcheck = false;
|
||
searchInput.style.cssText = `
|
||
width: 100%;
|
||
padding: 4px 8px;
|
||
border: 1px solid #666;
|
||
background: #1a1a2e;
|
||
color: #e0e0e0;
|
||
font-size: 12px;
|
||
font-family: monospace;
|
||
border-radius: 3px;
|
||
box-sizing: border-box;
|
||
`;
|
||
|
||
const currentVal = sel.value;
|
||
const currentOpt = options.find(o => o.value === currentVal);
|
||
if (currentOpt) searchInput.value = currentOpt.label;
|
||
|
||
const dropdown = iDoc.createElement('div');
|
||
dropdown.style.cssText = `
|
||
position: absolute;
|
||
top: 100%;
|
||
left: 0;
|
||
right: 0;
|
||
max-height: 300px;
|
||
overflow-y: auto;
|
||
background: #1a1a2e;
|
||
border: 1px solid #555;
|
||
border-top: none;
|
||
z-index: 99999;
|
||
display: none;
|
||
font-size: 12px;
|
||
font-family: monospace;
|
||
min-width: 450px;
|
||
`;
|
||
|
||
const badge = iDoc.createElement('div');
|
||
badge.style.cssText = `
|
||
font-size: 10px;
|
||
color: #aaa;
|
||
margin-top: 2px;
|
||
padding-left: 2px;
|
||
font-family: monospace;
|
||
`;
|
||
|
||
updateBadge();
|
||
|
||
function updateBadge() {
|
||
const v = sel.value;
|
||
badge.textContent = v ? `Path: ${v}` : 'Path: / (Main)';
|
||
}
|
||
|
||
function escapeHtml(str) {
|
||
return str.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>');
|
||
}
|
||
|
||
function renderDropdown(filter) {
|
||
dropdown.innerHTML = '';
|
||
const term = filter.trim().toLowerCase();
|
||
const filtered = term
|
||
? options.filter(o =>
|
||
o.label.toLowerCase().includes(term) ||
|
||
o.value.toLowerCase().includes(term) ||
|
||
o.original.toLowerCase().includes(term)
|
||
)
|
||
: options;
|
||
|
||
if (filtered.length === 0) {
|
||
const noRes = iDoc.createElement('div');
|
||
noRes.textContent = 'Nessun risultato';
|
||
noRes.style.cssText = 'padding: 6px 10px; color: #aaa;';
|
||
dropdown.appendChild(noRes);
|
||
}
|
||
|
||
filtered.slice(0, 200).forEach((opt) => {
|
||
const item = iDoc.createElement('div');
|
||
item.dataset.value = opt.value;
|
||
item.style.cssText = `
|
||
padding: 4px 10px;
|
||
cursor: pointer;
|
||
color: #e0e0e0;
|
||
border-bottom: 1px solid #333;
|
||
white-space: nowrap;
|
||
`;
|
||
|
||
if (term) {
|
||
const labelLow = opt.label.toLowerCase();
|
||
const idx = labelLow.indexOf(term);
|
||
if (idx >= 0) {
|
||
item.innerHTML =
|
||
escapeHtml(opt.label.substring(0, idx)) +
|
||
'<mark style="background:#f0a500;color:#000;border-radius:2px;">' +
|
||
escapeHtml(opt.label.substring(idx, idx + term.length)) +
|
||
'</mark>' +
|
||
escapeHtml(opt.label.substring(idx + term.length));
|
||
} else {
|
||
item.textContent = opt.label;
|
||
}
|
||
} else {
|
||
item.textContent = opt.label;
|
||
}
|
||
|
||
if (opt.value === sel.value) {
|
||
item.style.background = '#2a4a6e';
|
||
item.style.fontWeight = 'bold';
|
||
}
|
||
|
||
item.addEventListener('mouseenter', () => { item.style.background = '#3a3a5e'; });
|
||
item.addEventListener('mouseleave', () => {
|
||
item.style.background = opt.value === sel.value ? '#2a4a6e' : '';
|
||
});
|
||
item.addEventListener('mousedown', (e) => {
|
||
e.preventDefault();
|
||
selectOption(opt.value, opt.label);
|
||
});
|
||
|
||
dropdown.appendChild(item);
|
||
});
|
||
|
||
if (filtered.length > 200) {
|
||
const more = iDoc.createElement('div');
|
||
more.textContent = `... e altri ${filtered.length - 200} risultati. Raffina la ricerca.`;
|
||
more.style.cssText = 'padding: 6px 10px; color: #aaa; font-style: italic;';
|
||
dropdown.appendChild(more);
|
||
}
|
||
|
||
dropdown.style.display = 'block';
|
||
}
|
||
|
||
function selectOption(value, label) {
|
||
sel.value = value;
|
||
sel.dispatchEvent(new Event('change', { bubbles: true }));
|
||
searchInput.value = label;
|
||
dropdown.style.display = 'none';
|
||
updateBadge();
|
||
}
|
||
|
||
function highlightItem(items, idx) {
|
||
items.forEach(i => i.classList.remove('highlighted'));
|
||
if (items[idx]) {
|
||
items[idx].classList.add('highlighted');
|
||
items[idx].style.background = '#4a6a9e';
|
||
items[idx].scrollIntoView({ block: 'nearest' });
|
||
}
|
||
}
|
||
|
||
searchInput.addEventListener('focus', () => {
|
||
searchInput.select();
|
||
renderDropdown(searchInput.value === currentOpt?.label ? '' : searchInput.value);
|
||
});
|
||
searchInput.addEventListener('input', () => { renderDropdown(searchInput.value); });
|
||
searchInput.addEventListener('blur', () => {
|
||
setTimeout(() => {
|
||
dropdown.style.display = 'none';
|
||
const o = options.find(x => x.value === sel.value);
|
||
if (o) searchInput.value = o.label;
|
||
}, 200);
|
||
});
|
||
searchInput.addEventListener('keydown', (e) => {
|
||
const items = dropdown.querySelectorAll('[data-value]');
|
||
const current = dropdown.querySelector('[data-value].highlighted');
|
||
const currentIdx = current ? Array.from(items).indexOf(current) : -1;
|
||
|
||
if (e.key === 'ArrowDown') {
|
||
e.preventDefault();
|
||
highlightItem(items, Math.min(currentIdx + 1, items.length - 1));
|
||
} else if (e.key === 'ArrowUp') {
|
||
e.preventDefault();
|
||
highlightItem(items, Math.max(currentIdx - 1, 0));
|
||
} else if (e.key === 'Enter') {
|
||
e.preventDefault();
|
||
const highlighted = dropdown.querySelector('[data-value].highlighted');
|
||
if (highlighted) {
|
||
selectOption(
|
||
highlighted.dataset.value,
|
||
options.find(o => o.value === highlighted.dataset.value)?.label || highlighted.textContent
|
||
);
|
||
}
|
||
} else if (e.key === 'Escape') {
|
||
dropdown.style.display = 'none';
|
||
}
|
||
});
|
||
|
||
wrapper.appendChild(searchInput);
|
||
wrapper.appendChild(dropdown);
|
||
divContainer.appendChild(wrapper);
|
||
divContainer.appendChild(badge);
|
||
|
||
injectFolderStyles(iDoc);
|
||
}
|
||
|
||
function injectFolderStyles(iDoc) {
|
||
injectStyles(iDoc, 'cmk-sk-folder-styles', `
|
||
.cmk-sk-folder-dropdown .select2-results__option {
|
||
font-family: monospace !important;
|
||
font-size: 12px !important;
|
||
white-space: nowrap !important;
|
||
}
|
||
.cmk-sk-folder-overlay mark {
|
||
background: #f0a500;
|
||
color: #000;
|
||
border-radius: 2px;
|
||
padding: 0 1px;
|
||
}
|
||
.cmk-sk-folder-overlay [data-value].highlighted {
|
||
background: #4a6a9e !important;
|
||
}
|
||
`);
|
||
}
|
||
|
||
|
||
// =========================================================================
|
||
// FEATURE: Accordion Checked Count Badge
|
||
//
|
||
// Mostra nel titolo di ogni accordion della pagina edit_host il numero
|
||
// di checkbox attive nel gruppo. Es: "Services - DB (1)".
|
||
// Il contatore si aggiorna in tempo reale al cambio delle checkbox.
|
||
// =========================================================================
|
||
|
||
function updateAccordionBadge(td) {
|
||
const table = td.closest('table.nform');
|
||
if (!table) return;
|
||
const tbody = table.querySelector('tbody');
|
||
if (!tbody) return;
|
||
const checked = tbody.querySelectorAll('input[type=checkbox]:checked').length;
|
||
const badge = td.querySelector('.cmk-sk-acc-count');
|
||
if (!badge) return;
|
||
if (checked > 0) {
|
||
badge.textContent = `(${checked})`;
|
||
badge.style.display = 'inline';
|
||
} else {
|
||
badge.style.display = 'none';
|
||
}
|
||
}
|
||
|
||
function updateInheritedBadge(td, iWin) {
|
||
const table = td.closest('table.nform');
|
||
if (!table) return;
|
||
const tbody = table.querySelector('tbody');
|
||
if (!tbody) return;
|
||
const count = Array.from(tbody.querySelectorAll('div.inherited')).filter(el =>
|
||
iWin.getComputedStyle(el).display !== 'none' && el.textContent.includes('Inherited from')
|
||
).length;
|
||
const badge = td.querySelector('.cmk-sk-inh-count');
|
||
if (!badge) return;
|
||
if (count > 0) {
|
||
badge.textContent = `↑${count}`;
|
||
badge.style.display = 'inline';
|
||
} else {
|
||
badge.style.display = 'none';
|
||
}
|
||
}
|
||
|
||
function updateDiffBadge(td, iWin) {
|
||
const table = td.closest('table.nform');
|
||
if (!table) return;
|
||
const tbody = table.querySelector('tbody');
|
||
if (!tbody) return;
|
||
const count = Array.from(tbody.querySelectorAll('div.inherited')).filter(el =>
|
||
iWin.getComputedStyle(el).display !== 'none' && el.textContent.includes('This value differs')
|
||
).length;
|
||
const badge = td.querySelector('.cmk-sk-diff-count');
|
||
if (!badge) return;
|
||
if (count > 0) {
|
||
badge.textContent = `≠${count}`;
|
||
badge.style.display = 'inline';
|
||
} else {
|
||
badge.style.display = 'none';
|
||
}
|
||
}
|
||
|
||
function initAccordionCheckedCounts(iDoc) {
|
||
const form = iDoc.getElementById('form_edit_host');
|
||
if (!form) return false;
|
||
if (form.dataset.cmkAccBadge === '1') return true;
|
||
|
||
const iWin = iDoc.defaultView;
|
||
const isBulkEdit = getPageMode(iDoc) === 'bulkedit';
|
||
|
||
injectStyles(iDoc, 'cmk-sk-acc-badge-styles', `
|
||
.cmk-sk-acc-count {
|
||
margin-left: 6px;
|
||
padding: 1px 6px;
|
||
background: #f0a500;
|
||
color: #000;
|
||
border-radius: 9px;
|
||
font-size: 11px;
|
||
font-weight: bold;
|
||
vertical-align: middle;
|
||
}
|
||
.cmk-sk-inh-count {
|
||
margin-left: 4px;
|
||
padding: 1px 6px;
|
||
background: #5ba4e5;
|
||
color: #000;
|
||
border-radius: 9px;
|
||
font-size: 11px;
|
||
font-weight: bold;
|
||
vertical-align: middle;
|
||
}
|
||
.cmk-sk-diff-count {
|
||
margin-left: 4px;
|
||
padding: 1px 6px;
|
||
background: #e55b5b;
|
||
color: #fff;
|
||
border-radius: 9px;
|
||
font-size: 11px;
|
||
font-weight: bold;
|
||
vertical-align: middle;
|
||
}
|
||
`);
|
||
|
||
iDoc.querySelectorAll('table.nform thead tr.heading td').forEach(td => {
|
||
const table = td.closest('table.nform');
|
||
const tbody = table?.querySelector('tbody');
|
||
if (!tbody) return;
|
||
|
||
const badge = iDoc.createElement('span');
|
||
badge.className = 'cmk-sk-acc-count';
|
||
badge.style.display = 'none';
|
||
|
||
const badgeInh = iDoc.createElement('span');
|
||
badgeInh.className = 'cmk-sk-inh-count';
|
||
badgeInh.style.display = 'none';
|
||
|
||
const img = td.querySelector('img.treeangle');
|
||
const afterImg = img?.nextSibling;
|
||
if (afterImg) {
|
||
afterImg.after(badge);
|
||
badge.after(badgeInh);
|
||
} else {
|
||
td.appendChild(badge);
|
||
td.appendChild(badgeInh);
|
||
}
|
||
|
||
if (isBulkEdit) {
|
||
const badgeDiff = iDoc.createElement('span');
|
||
badgeDiff.className = 'cmk-sk-diff-count';
|
||
badgeDiff.style.display = 'none';
|
||
badgeInh.after(badgeDiff);
|
||
}
|
||
|
||
updateAccordionBadge(td);
|
||
updateInheritedBadge(td, iWin);
|
||
if (isBulkEdit) updateDiffBadge(td, iWin);
|
||
|
||
tbody.addEventListener('change', (e) => {
|
||
if (e.target.type === 'checkbox') {
|
||
updateAccordionBadge(td);
|
||
updateInheritedBadge(td, iWin);
|
||
if (isBulkEdit) updateDiffBadge(td, iWin);
|
||
}
|
||
});
|
||
});
|
||
|
||
form.dataset.cmkAccBadge = '1';
|
||
return true;
|
||
}
|
||
|
||
|
||
// =========================================================================
|
||
// FEATURE: Ineffective Rule Highlight
|
||
//
|
||
// Nelle pagine mode=edit_ruleset sostituisce l'icona poco visibile
|
||
// "icon_hyphen.svg" (title="Ineffective rule") con un badge colorato
|
||
// e aggiunge un bordo sinistro alla riga.
|
||
// Funziona sia su wato.py diretto (no iframe) che dentro index.py (iframe).
|
||
// =========================================================================
|
||
|
||
function highlightIneffectiveRules(doc) {
|
||
if (doc.body.dataset.cmkIneffHighlight === '1') return;
|
||
|
||
const imgs = doc.querySelectorAll('img.icon[title="Ineffective rule"]');
|
||
if (!imgs.length) return;
|
||
|
||
injectStyles(doc, 'cmk-sk-ineff-styles', `
|
||
tr.cmk-sk-ineffective > td:first-child {
|
||
border-left: 4px solid #e5a500 !important;
|
||
}
|
||
tr.cmk-sk-ineffective {
|
||
background: rgba(229, 165, 0, 0.08) !important;
|
||
}
|
||
.cmk-sk-ineff-badge {
|
||
display: inline-block;
|
||
background: #e5a500;
|
||
color: #000;
|
||
font-size: 10px;
|
||
font-weight: bold;
|
||
padding: 2px 6px;
|
||
border-radius: 3px;
|
||
white-space: nowrap;
|
||
font-family: monospace;
|
||
vertical-align: middle;
|
||
cursor: default;
|
||
letter-spacing: 0.03em;
|
||
}
|
||
`);
|
||
|
||
imgs.forEach(img => {
|
||
const row = img.closest('tr');
|
||
if (!row || row.classList.contains('cmk-sk-ineffective')) return;
|
||
row.classList.add('cmk-sk-ineffective');
|
||
|
||
const badge = doc.createElement('span');
|
||
badge.className = 'cmk-sk-ineff-badge';
|
||
badge.title = 'Ineffective rule';
|
||
badge.textContent = '⚠ ineffective';
|
||
img.replaceWith(badge);
|
||
});
|
||
|
||
doc.body.dataset.cmkIneffHighlight = '1';
|
||
}
|
||
|
||
|
||
// =========================================================================
|
||
// FEATURE: Rule Match Status Highlight
|
||
//
|
||
// Nelle pagine mode=edit_ruleset aperte con contesto host/service (parametri
|
||
// host= e service= nell'URL), evidenzia le righe che matchano (verde) e
|
||
// attenua quelle che non matchano (grigio), sostituendo le icone poco
|
||
// visibili icon_checkmark e icon_hyphen con badge colorati.
|
||
// =========================================================================
|
||
|
||
function highlightRuleMatchStatus(doc) {
|
||
if (doc.body.dataset.cmkMatchHighlight === '1') return;
|
||
|
||
const matchImgs = doc.querySelectorAll('img.icon[title^="This rule matches"], img.icon[title="Matches"]');
|
||
const noMatchImgs = doc.querySelectorAll('img.icon[title^="This rule does not match"]');
|
||
if (!matchImgs.length && !noMatchImgs.length) return;
|
||
|
||
injectStyles(doc, 'cmk-sk-match-styles', `
|
||
tr.cmk-sk-rule-match > td:first-child {
|
||
border-left: 4px solid #4caf50 !important;
|
||
}
|
||
tr.cmk-sk-rule-match {
|
||
background: rgba(76, 175, 80, 0.10) !important;
|
||
}
|
||
tr.cmk-sk-rule-nomatch {
|
||
opacity: 0.45;
|
||
}
|
||
tr.cmk-sk-rule-nomatch > td:first-child {
|
||
border-left: 4px solid #555 !important;
|
||
}
|
||
.cmk-sk-match-badge {
|
||
display: inline-block;
|
||
background: #4caf50;
|
||
color: #fff;
|
||
font-size: 10px;
|
||
font-weight: bold;
|
||
padding: 2px 6px;
|
||
border-radius: 3px;
|
||
white-space: nowrap;
|
||
font-family: monospace;
|
||
vertical-align: middle;
|
||
cursor: default;
|
||
letter-spacing: 0.03em;
|
||
}
|
||
.cmk-sk-nomatch-badge {
|
||
display: inline-block;
|
||
background: #444;
|
||
color: #888;
|
||
font-size: 10px;
|
||
font-weight: bold;
|
||
padding: 2px 6px;
|
||
border-radius: 3px;
|
||
white-space: nowrap;
|
||
font-family: monospace;
|
||
vertical-align: middle;
|
||
cursor: default;
|
||
letter-spacing: 0.03em;
|
||
}
|
||
`);
|
||
|
||
matchImgs.forEach(img => {
|
||
const row = img.closest('tr');
|
||
if (!row) return;
|
||
row.classList.add('cmk-sk-rule-match');
|
||
const badge = doc.createElement('span');
|
||
badge.className = 'cmk-sk-match-badge';
|
||
badge.title = img.title;
|
||
badge.textContent = '✓ match';
|
||
img.replaceWith(badge);
|
||
});
|
||
|
||
noMatchImgs.forEach(img => {
|
||
const row = img.closest('tr');
|
||
if (!row) return;
|
||
row.classList.add('cmk-sk-rule-nomatch');
|
||
const badge = doc.createElement('span');
|
||
badge.className = 'cmk-sk-nomatch-badge';
|
||
badge.title = img.title;
|
||
badge.textContent = '✗ no match';
|
||
img.replaceWith(badge);
|
||
});
|
||
|
||
doc.body.dataset.cmkMatchHighlight = '1';
|
||
}
|
||
|
||
|
||
// =========================================================================
|
||
// FEATURE: Ruleset Filter Toggle
|
||
//
|
||
// Dopo che le funzioni di highlight hanno marcato le righe rilevanti
|
||
// (match, no-match, ineffective), aggiunge una barra in cima con un pulsante
|
||
// per nascondere le righe e i folder senza alcuna rilevanza. Utile su
|
||
// pagine con centinaia di regole dove quelle rilevanti sono poche.
|
||
// =========================================================================
|
||
|
||
function addRulesetFilterToggle(doc) {
|
||
if (doc.body.dataset.cmkFilterToggle === '1') return;
|
||
doc.body.dataset.cmkFilterToggle = '1';
|
||
|
||
const RELEVANT_SEL = 'tr.cmk-sk-rule-match, tr.cmk-sk-rule-nomatch, tr.cmk-sk-ineffective';
|
||
|
||
// Nessuna riga evidenziata = nessuna ricerca attiva, toggle inutile
|
||
const relevantCount = doc.querySelectorAll(RELEVANT_SEL).length;
|
||
if (!relevantCount) return;
|
||
|
||
doc.querySelectorAll('tr.data').forEach(row => {
|
||
if (!row.matches(RELEVANT_SEL)) row.classList.add('cmk-sk-irrelevant-row');
|
||
});
|
||
|
||
doc.querySelectorAll('div.foldable_wrapper').forEach(wrapper => {
|
||
if (!wrapper.querySelector(RELEVANT_SEL)) wrapper.classList.add('cmk-sk-irrelevant-folder');
|
||
});
|
||
|
||
const irrelevantRows = doc.querySelectorAll('tr.cmk-sk-irrelevant-row').length;
|
||
const irrelevantFolders = doc.querySelectorAll('div.foldable_wrapper.cmk-sk-irrelevant-folder').length;
|
||
|
||
if (!irrelevantRows && !irrelevantFolders) return;
|
||
|
||
injectStyles(doc, 'cmk-sk-filter-toggle-styles', `
|
||
#cmk-sk-filter-bar {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
padding: 5px 10px;
|
||
margin: 6px 0 4px 0;
|
||
background: rgba(0,0,0,0.25);
|
||
border: 1px solid #3a3a3a;
|
||
border-radius: 4px;
|
||
font-size: 11px;
|
||
color: #999;
|
||
font-family: monospace;
|
||
}
|
||
#cmk-sk-filter-toggle-btn {
|
||
cursor: pointer;
|
||
padding: 3px 10px;
|
||
border-radius: 3px;
|
||
border: 1px solid #555;
|
||
background: #2a2a2a;
|
||
color: #bbb;
|
||
font-size: 11px;
|
||
font-family: monospace;
|
||
font-weight: bold;
|
||
letter-spacing: 0.03em;
|
||
}
|
||
#cmk-sk-filter-toggle-btn:hover { background: #383838; }
|
||
#cmk-sk-filter-toggle-btn.active {
|
||
background: #1c3320;
|
||
border-color: #4caf50;
|
||
color: #4caf50;
|
||
}
|
||
body.cmk-sk-filter-active tr.cmk-sk-irrelevant-row { display: none !important; }
|
||
body.cmk-sk-filter-active div.foldable_wrapper.cmk-sk-irrelevant-folder { display: none !important; }
|
||
`);
|
||
|
||
const bar = doc.createElement('div');
|
||
bar.id = 'cmk-sk-filter-bar';
|
||
|
||
const btn = doc.createElement('button');
|
||
btn.id = 'cmk-sk-filter-toggle-btn';
|
||
btn.type = 'button';
|
||
btn.textContent = 'Solo rilevanti';
|
||
|
||
const info = doc.createElement('span');
|
||
info.textContent = `${relevantCount} rilevanti · ${irrelevantRows} righe e ${irrelevantFolders} folder non rilevanti`;
|
||
|
||
btn.addEventListener('click', () => {
|
||
const isActive = doc.body.classList.toggle('cmk-sk-filter-active');
|
||
btn.classList.toggle('active', isActive);
|
||
btn.textContent = isActive ? 'Mostra tutto' : 'Solo rilevanti';
|
||
});
|
||
|
||
bar.appendChild(btn);
|
||
bar.appendChild(info);
|
||
|
||
const anchor = doc.querySelector('div.foldable_wrapper') || doc.querySelector('div.wato');
|
||
if (anchor) anchor.before(bar);
|
||
}
|
||
|
||
|
||
// =========================================================================
|
||
// FEATURE: Inventory Button su view.py
|
||
//
|
||
// Nelle pagine view.py (monitoring views), aggiunge un piccolo pulsante
|
||
// accanto a ogni hostname nella colonna Host per aprire direttamente la
|
||
// pagina di Service Discovery dell'host in una nuova tab.
|
||
// =========================================================================
|
||
|
||
function addInventoryButtons(doc) {
|
||
if (doc.body.dataset.cmkInventoryBtns === '1') return;
|
||
|
||
const hostCells = doc.querySelectorAll('table.data td.nobr');
|
||
if (!hostCells.length) return;
|
||
|
||
injectStyles(doc, 'cmk-sk-inv-btn-styles', `
|
||
.cmk-sk-btn-group {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 2px;
|
||
margin-right: 4px;
|
||
vertical-align: middle;
|
||
}
|
||
.cmk-sk-inv-btn, .cmk-sk-copy-btn, .cmk-sk-copy-short-btn {
|
||
display: inline-flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
width: 16px !important;
|
||
height: 16px !important;
|
||
border-radius: 3px !important;
|
||
cursor: pointer !important;
|
||
opacity: 0.8;
|
||
flex-shrink: 0;
|
||
padding: 0 !important;
|
||
margin: 1px !important;
|
||
box-sizing: border-box !important;
|
||
text-decoration: none !important;
|
||
font-size: 0 !important;
|
||
line-height: 0 !important;
|
||
vertical-align: middle !important;
|
||
}
|
||
.cmk-sk-inv-btn, .cmk-sk-inv-btn:visited {
|
||
background: rgba(229,165,0,0.08) !important;
|
||
color: #e5a500 !important;
|
||
border: 1px solid #e5a500 !important;
|
||
}
|
||
.cmk-sk-inv-btn:hover { opacity: 1 !important; background: rgba(229,165,0,0.18) !important; }
|
||
.cmk-sk-copy-btn {
|
||
background: rgba(90,180,214,0.08) !important;
|
||
color: #5ab4d6 !important;
|
||
border: 1px solid #5ab4d6 !important;
|
||
}
|
||
.cmk-sk-copy-btn:hover { opacity: 1; background: rgba(90,180,214,0.18) !important; }
|
||
.cmk-sk-copy-short-btn {
|
||
background: rgba(160,120,200,0.08) !important;
|
||
color: #a078c8 !important;
|
||
border: 1px solid #a078c8 !important;
|
||
}
|
||
.cmk-sk-copy-short-btn:hover { opacity: 1; background: rgba(160,120,200,0.18) !important; }
|
||
.cmk-sk-copy-btn.copied, .cmk-sk-copy-short-btn.copied {
|
||
border-color: #4caf50 !important;
|
||
color: #4caf50 !important;
|
||
background: rgba(76,175,80,0.12) !important;
|
||
opacity: 1;
|
||
}
|
||
.cmk-sk-btn-group svg { display: block; }
|
||
`);
|
||
|
||
const CLIP_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>';
|
||
|
||
hostCells.forEach(td => {
|
||
let hostname = null;
|
||
for (const a of td.querySelectorAll('a[href*="host="]')) {
|
||
const h = new URLSearchParams(a.getAttribute('href').split('?')[1] || '').get('host');
|
||
if (h) { hostname = h; break; }
|
||
}
|
||
if (!hostname) return;
|
||
const shortname = hostname.split('.')[0];
|
||
|
||
const group = doc.createElement('span');
|
||
group.className = 'cmk-sk-btn-group';
|
||
|
||
const btn = doc.createElement('a');
|
||
btn.className = 'cmk-sk-inv-btn';
|
||
btn.href = `wato.py?host=${encodeURIComponent(hostname)}&mode=inventory`;
|
||
btn.target = '_blank';
|
||
btn.rel = 'noopener';
|
||
btn.title = `Service Discovery: ${hostname}`;
|
||
btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/><polyline points="6 9 9 12 14 7" stroke-width="2"/></svg>';
|
||
|
||
const copyBtn = doc.createElement('button');
|
||
copyBtn.className = 'cmk-sk-copy-btn';
|
||
copyBtn.type = 'button';
|
||
copyBtn.title = `Copia hostname: ${hostname}`;
|
||
copyBtn.innerHTML = CLIP_SVG;
|
||
copyBtn.addEventListener('click', () => {
|
||
navigator.clipboard.writeText(hostname).then(() => {
|
||
copyBtn.classList.add('copied');
|
||
setTimeout(() => copyBtn.classList.remove('copied'), 900);
|
||
});
|
||
});
|
||
|
||
const copyShortBtn = doc.createElement('button');
|
||
copyShortBtn.className = 'cmk-sk-copy-short-btn';
|
||
copyShortBtn.type = 'button';
|
||
copyShortBtn.title = `Copia hostname corto: ${shortname}`;
|
||
copyShortBtn.innerHTML = CLIP_SVG;
|
||
copyShortBtn.addEventListener('click', () => {
|
||
navigator.clipboard.writeText(shortname).then(() => {
|
||
copyShortBtn.classList.add('copied');
|
||
setTimeout(() => copyShortBtn.classList.remove('copied'), 900);
|
||
});
|
||
});
|
||
|
||
group.appendChild(btn);
|
||
group.appendChild(copyBtn);
|
||
group.appendChild(copyShortBtn);
|
||
td.prepend(group);
|
||
});
|
||
|
||
doc.body.dataset.cmkInventoryBtns = '1';
|
||
}
|
||
|
||
|
||
// =========================================================================
|
||
// BOOTSTRAP: polling per ogni feature, attivato solo se la select è presente
|
||
// =========================================================================
|
||
|
||
let attemptsFolder = 0;
|
||
let attemptsAcc = 0;
|
||
let attemptsRuleset = 0;
|
||
let attemptsInventory = 0;
|
||
|
||
function tryEnhanceFolderSelect() {
|
||
const iDoc = getWatoDoc(FOLDER_SELECT_ID);
|
||
if (!iDoc || !iDoc.body) {
|
||
if (++attemptsFolder < MAX_ATTEMPTS) setTimeout(tryEnhanceFolderSelect, POLL_INTERVAL_MS);
|
||
return;
|
||
}
|
||
|
||
const sel = iDoc.getElementById(FOLDER_SELECT_ID);
|
||
if (!sel) {
|
||
// La select non è presente in questa pagina: feature non applicabile, si ferma.
|
||
return;
|
||
}
|
||
|
||
if (!sel.classList.contains('select2-hidden-accessible')) {
|
||
if (++attemptsFolder < MAX_ATTEMPTS) setTimeout(tryEnhanceFolderSelect, POLL_INTERVAL_MS);
|
||
return;
|
||
}
|
||
|
||
buildCustomSearchOverlay(iDoc, sel);
|
||
}
|
||
|
||
function tryInitAccordionCounts() {
|
||
const iDoc = getWatoDoc('form_edit_host');
|
||
if (!iDoc || !iDoc.body) {
|
||
if (++attemptsAcc < MAX_ATTEMPTS) setTimeout(tryInitAccordionCounts, POLL_INTERVAL_MS);
|
||
return;
|
||
}
|
||
// Guard URL: attiva solo sulle pagine con accordion supportati
|
||
if (!ACCORDION_MODES.has(getPageMode(iDoc))) return;
|
||
if (!initAccordionCheckedCounts(iDoc)) {
|
||
if (++attemptsAcc < MAX_ATTEMPTS) setTimeout(tryInitAccordionCounts, POLL_INTERVAL_MS);
|
||
}
|
||
}
|
||
|
||
function tryHighlightRuleset() {
|
||
const doc = getTargetDoc();
|
||
if (!doc || !doc.body) {
|
||
if (++attemptsRuleset < MAX_ATTEMPTS) setTimeout(tryHighlightRuleset, POLL_INTERVAL_MS);
|
||
return;
|
||
}
|
||
if (getPageMode(doc) !== 'edit_ruleset') return;
|
||
highlightIneffectiveRules(doc);
|
||
highlightRuleMatchStatus(doc);
|
||
addRulesetFilterToggle(doc);
|
||
}
|
||
|
||
function tryAddInventoryButtons() {
|
||
const doc = getTargetDoc();
|
||
if (!doc || !doc.body) {
|
||
if (++attemptsInventory < MAX_ATTEMPTS) setTimeout(tryAddInventoryButtons, POLL_INTERVAL_MS);
|
||
return;
|
||
}
|
||
try { if (!/\/view\.py/.test(doc.location.pathname)) return; } catch (e) { return; }
|
||
addInventoryButtons(doc);
|
||
}
|
||
|
||
function init() {
|
||
const iDoc = getWatoDoc(FOLDER_SELECT_ID);
|
||
const mode = getPageMode(iDoc);
|
||
const targetDoc = getTargetDoc();
|
||
const targetMode = getPageMode(targetDoc);
|
||
attemptsFolder = 0;
|
||
attemptsAcc = 0;
|
||
attemptsRuleset = 0;
|
||
attemptsInventory = 0;
|
||
// Folder select: si auto-ferma se non trova l'elemento, schedula sempre.
|
||
setTimeout(tryEnhanceFolderSelect, 800);
|
||
// Accordion: solo sulle pagine in ACCORDION_MODES.
|
||
if (!mode || ACCORDION_MODES.has(mode)) {
|
||
setTimeout(tryInitAccordionCounts, 800);
|
||
}
|
||
// Ruleset enhancements (ineffective + match status): solo su edit_ruleset.
|
||
if (!targetMode || targetMode === 'edit_ruleset') {
|
||
setTimeout(tryHighlightRuleset, 300);
|
||
}
|
||
// Inventory button: su view.py, si auto-ferma se non applicabile.
|
||
setTimeout(tryAddInventoryButtons, 500);
|
||
}
|
||
|
||
if (document.readyState === 'complete') {
|
||
init();
|
||
} else {
|
||
window.addEventListener('load', init);
|
||
}
|
||
|
||
// Rileva navigazione SPA (cambio regola senza reload di pagina)
|
||
new MutationObserver(() => {
|
||
const iDoc = getWatoDoc(FOLDER_SELECT_ID);
|
||
if (!iDoc) return;
|
||
const mode = getPageMode(iDoc);
|
||
const sel = iDoc.getElementById(FOLDER_SELECT_ID);
|
||
if (sel && sel.classList.contains('select2-hidden-accessible') && !sel.dataset.cmkEnhanced) {
|
||
attemptsFolder = 0;
|
||
setTimeout(tryEnhanceFolderSelect, 300);
|
||
}
|
||
if (ACCORDION_MODES.has(mode)) {
|
||
const form = iDoc.getElementById('form_edit_host');
|
||
if (form && !form.dataset.cmkAccBadge) {
|
||
attemptsAcc = 0;
|
||
setTimeout(tryInitAccordionCounts, 300);
|
||
}
|
||
}
|
||
if (mode === 'edit_ruleset' && iDoc.body &&
|
||
(!iDoc.body.dataset.cmkIneffHighlight || !iDoc.body.dataset.cmkMatchHighlight)) {
|
||
attemptsRuleset = 0;
|
||
setTimeout(tryHighlightRuleset, 300);
|
||
}
|
||
}).observe(document.body, { childList: true, subtree: true });
|
||
|
||
// Riavvia al caricamento dell'iframe (layout con sidebar)
|
||
const mainIframe = document.querySelector('iframe[name="main"], iframe#main');
|
||
if (mainIframe) {
|
||
mainIframe.addEventListener('load', init);
|
||
}
|
||
|
||
})();
|