tools/checkmk-swissknife
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

v2.14.0 - Colonna Extra dedicata per pulsanti host: discovery, copia FQDN, copia hostname corto, copia IP (da tooltip)

Browse source
This commit is contained in:
Luigi D'Acunto 2026-07-01 15:55:09 +02:00
parent 6b7cbea1d3
commit 93fe834c8e
1 changed files with 87 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

154
user_script/checkmk_swissknife.user.js
View file

@ -1,7 +1,7 @@
// ==UserScript== // ==UserScript==
// @name Checkmk SwissKnife // @name Checkmk SwissKnife
// @namespace https://luigidacunto.com/ // @namespace https://luigidacunto.com/
// @version 2.13.3 // @version 2.14.0
// @checkmk 2.3.x // @checkmk 2.3.x
// @description Collection of UI improvements for Checkmk WATO. Each fix or enhancement is added here as an independent feature. // @description Collection of UI improvements for Checkmk WATO. Each fix or enhancement is added here as an independent feature.
// @author Luigi D'Acunto // @author Luigi D'Acunto
@ -821,18 +821,14 @@
function addInventoryButtons(doc) { function addInventoryButtons(doc) {
if (doc.body.dataset.cmkInventoryBtns === '1') return; if (doc.body.dataset.cmkInventoryBtns === '1') return;
const hostCells = doc.querySelectorAll('table.data td.nobr'); const tables = doc.querySelectorAll('table.data');
if (!hostCells.length) return; if (!tables.length) return;
injectStyles(doc, 'cmk-sk-inv-btn-styles', ` injectStyles(doc, 'cmk-sk-inv-btn-styles', `
.cmk-sk-btn-group { .cmk-sk-extra-th { text-align: center; padding: 2px 6px; font-size: 11px; white-space: nowrap; }
display: inline-flex; .cmk-sk-extra-td { white-space: nowrap; padding: 1px 4px; vertical-align: middle; text-align: center; }
align-items: center; .cmk-sk-btn-group { display: inline-flex; align-items: center; gap: 2px; }
gap: 2px; .cmk-sk-inv-btn, .cmk-sk-copy-btn, .cmk-sk-copy-short-btn, .cmk-sk-copy-ip-btn {
margin-right: 4px;
vertical-align: middle;
}
.cmk-sk-inv-btn, .cmk-sk-copy-btn, .cmk-sk-copy-short-btn {
display: inline-flex !important; display: inline-flex !important;
align-items: center !important; align-items: center !important;
justify-content: center !important; justify-content: center !important;
@ -841,7 +837,6 @@
border-radius: 3px !important; border-radius: 3px !important;
cursor: pointer !important; cursor: pointer !important;
opacity: 0.8; opacity: 0.8;
flex-shrink: 0;
padding: 0 !important; padding: 0 !important;
margin: 1px !important; margin: 1px !important;
box-sizing: border-box !important; box-sizing: border-box !important;
@ -856,19 +851,13 @@
border: 1px solid #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-inv-btn:hover { opacity: 1 !important; background: rgba(229,165,0,0.18) !important; }
.cmk-sk-copy-btn { .cmk-sk-copy-btn { background: rgba(90,180,214,0.08) !important; color: #5ab4d6 !important; border: 1px solid #5ab4d6 !important; }
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-btn:hover { opacity: 1; background: rgba(90,180,214,0.18) !important; }
.cmk-sk-copy-short-btn { .cmk-sk-copy-short-btn { background: rgba(160,120,200,0.08) !important; color: #a078c8 !important; border: 1px solid #a078c8 !important; }
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-short-btn:hover { opacity: 1; background: rgba(160,120,200,0.18) !important; }
.cmk-sk-copy-btn.copied, .cmk-sk-copy-short-btn.copied { .cmk-sk-copy-ip-btn { background: rgba(102,187,106,0.08) !important; color: #66bb6a !important; border: 1px solid #66bb6a !important; }
.cmk-sk-copy-ip-btn:hover { opacity: 1; background: rgba(102,187,106,0.18) !important; }
.cmk-sk-copy-btn.copied, .cmk-sk-copy-short-btn.copied, .cmk-sk-copy-ip-btn.copied {
border-color: #4caf50 !important; border-color: #4caf50 !important;
color: #4caf50 !important; color: #4caf50 !important;
background: rgba(76,175,80,0.12) !important; background: rgba(76,175,80,0.12) !important;
@ -878,58 +867,89 @@
`); `);
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>'; 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>';
const DISC_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="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>';
hostCells.forEach(td => { function mkCopy(cls, text, label) {
let hostname = null; const b = doc.createElement('button');
for (const a of td.querySelectorAll('a[href*="host="]')) { b.className = cls; b.type = 'button'; b.title = label; b.innerHTML = CLIP_SVG;
const h = new URLSearchParams(a.getAttribute('href').split('?')[1] || '').get('host'); b.addEventListener('click', () => navigator.clipboard.writeText(text).then(() => {
if (h) { hostname = h; break; } b.classList.add('copied'); setTimeout(() => b.classList.remove('copied'), 900);
}));
return b;
}
let found = false;
tables.forEach(table => {
// Trova indice colonna host dalla prima riga dati con link host
let hostColIdx = -1;
for (const tr of table.querySelectorAll('tr.data')) {
const cells = [...tr.children];
for (let i = 0; i < cells.length; i++) {
if (!cells[i].classList.contains('nobr')) continue;
const a = cells[i].querySelector('a[href*="host="]');
if (!a) continue;
const h = new URLSearchParams(a.getAttribute('href').split('?')[1] || '').get('host');
if (h) { hostColIdx = i; break; }
}
if (hostColIdx !== -1) break;
} }
if (!hostname) return; if (hostColIdx === -1) return;
const shortname = hostname.split('.')[0];
const group = doc.createElement('span'); found = true;
group.className = 'cmk-sk-btn-group';
const btn = doc.createElement('a'); // Inserisci <th>Extra</th> nell'header (primo tr con th figli)
btn.className = 'cmk-sk-inv-btn'; const headerRow = [...table.querySelectorAll('tr')].find(tr => tr.querySelector('th'));
btn.href = `wato.py?host=${encodeURIComponent(hostname)}&mode=inventory`; if (headerRow && !headerRow.querySelector('.cmk-sk-extra-th')) {
btn.target = '_blank'; const th = doc.createElement('th');
btn.rel = 'noopener'; th.textContent = 'Extra';
btn.title = `Service Discovery: ${hostname}`; th.className = 'cmk-sk-extra-th';
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>'; headerRow.insertBefore(th, [...headerRow.children][hostColIdx] || null);
}
const copyBtn = doc.createElement('button'); // Aggiorna colspan dei groupheader
copyBtn.className = 'cmk-sk-copy-btn'; table.querySelectorAll('tr.groupheader td[colspan]').forEach(td => { td.colSpan++; });
copyBtn.type = 'button';
copyBtn.title = `Copy hostname: ${hostname}`; // Processa righe dati
copyBtn.innerHTML = CLIP_SVG; table.querySelectorAll('tr.data').forEach(tr => {
copyBtn.addEventListener('click', () => { if (tr.querySelector('.cmk-sk-extra-td')) return;
navigator.clipboard.writeText(hostname).then(() => { const cells = [...tr.children];
copyBtn.classList.add('copied'); const hostTd = cells[hostColIdx];
setTimeout(() => copyBtn.classList.remove('copied'), 900); const extraTd = doc.createElement('td');
}); extraTd.className = 'cmk-sk-extra-td';
if (hostTd && hostTd.classList.contains('nobr')) {
const a = hostTd.querySelector('a[href*="host="]');
// IP è nel title dello span che wrappa l'anchor: <span title="x.x.x.x"><a>...</a></span>
const ip = (hostTd.querySelector('span[title]') || {}).title || null;
if (a) {
const h = new URLSearchParams(a.getAttribute('href').split('?')[1] || '').get('host');
if (h) {
const hostname = h, shortname = h.split('.')[0];
const group = doc.createElement('span');
group.className = 'cmk-sk-btn-group';
const disc = doc.createElement('a');
disc.className = 'cmk-sk-inv-btn';
disc.href = `wato.py?host=${encodeURIComponent(hostname)}&mode=inventory`;
disc.target = '_blank'; disc.rel = 'noopener';
disc.title = `Service Discovery: ${hostname}`;
disc.innerHTML = DISC_SVG;
group.appendChild(disc);
group.appendChild(mkCopy('cmk-sk-copy-btn', hostname, `Copy hostname: ${hostname}`));
group.appendChild(mkCopy('cmk-sk-copy-short-btn', shortname, `Copy short hostname: ${shortname}`));
if (ip) group.appendChild(mkCopy('cmk-sk-copy-ip-btn', ip, `Copy IP: ${ip}`));
extraTd.appendChild(group);
}
}
}
tr.insertBefore(extraTd, hostTd || null);
}); });
const copyShortBtn = doc.createElement('button');
copyShortBtn.className = 'cmk-sk-copy-short-btn';
copyShortBtn.type = 'button';
copyShortBtn.title = `Copy short hostname: ${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'; if (found) doc.body.dataset.cmkInventoryBtns = '1';
} }