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

v2.9.7 - Converti pulsante discovery da <a> a <button> in addInventoryButtons

Browse source 
Il tag <a> ereditava CSS della pagina (margin, box-sizing) che sovrascrivevano
le regole dello script, causando disallineamento visivo specie con la sidebar.
Conversione a <button type="button"> con window.open() rende tutti e tre i
pulsanti stilisticamente uniformi. Aggiunti !important sulle proprietà critiche
del gruppo per blindarle contro override della pagina.
This commit is contained in:
Luigi D'Acunto 2026-06-17 18:10:13 +02:00
parent 58684f0c66
commit 22c0c3f38c
1 changed files with 25 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

47
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.9.6 // @version 2.9.7
// @description Raccolta di miglioramenti all'interfaccia di Checkmk WATO. Ogni fix o enhancement viene aggiunto qui come feature indipendente. // @description Raccolta di miglioramenti all'interfaccia di Checkmk WATO. Ogni fix o enhancement viene aggiunto qui come feature indipendente.
// @author Luigi D'Acunto // @author Luigi D'Acunto
// @homepageURL https://git.luigidacunto.com/tools/checkmk-swissknife // @homepageURL https://git.luigidacunto.com/tools/checkmk-swissknife
@ -827,35 +827,39 @@
vertical-align: middle; vertical-align: middle;
} }
.cmk-sk-inv-btn, .cmk-sk-copy-btn, .cmk-sk-copy-short-btn { .cmk-sk-inv-btn, .cmk-sk-copy-btn, .cmk-sk-copy-short-btn {
display: inline-flex; display: inline-flex !important;
align-items: center; align-items: center !important;
justify-content: center; justify-content: center !important;
width: 16px; width: 16px !important;
height: 16px; height: 16px !important;
border-radius: 3px; border-radius: 3px !important;
cursor: pointer; cursor: pointer !important;
opacity: 0.8; opacity: 0.8;
flex-shrink: 0; flex-shrink: 0;
padding: 0; padding: 0 !important;
margin: 0; margin: 0 !important;
box-sizing: border-box !important;
text-decoration: none !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 { .cmk-sk-inv-btn {
background: rgba(229,165,0,0.08); background: rgba(229,165,0,0.08) !important;
color: #e5a500 !important; color: #e5a500 !important;
border: 1px solid #e5a500; border: 1px solid #e5a500 !important;
} }
.cmk-sk-inv-btn:hover { opacity: 1; 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); background: rgba(90,180,214,0.08) !important;
color: #5ab4d6 !important; color: #5ab4d6 !important;
border: 1px solid #5ab4d6; 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); background: rgba(160,120,200,0.08) !important;
color: #a078c8 !important; color: #a078c8 !important;
border: 1px solid #a078c8; 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-btn.copied, .cmk-sk-copy-short-btn.copied {
@ -880,13 +884,12 @@
const group = doc.createElement('span'); const group = doc.createElement('span');
group.className = 'cmk-sk-btn-group'; group.className = 'cmk-sk-btn-group';
const btn = doc.createElement('a'); const btn = doc.createElement('button');
btn.className = 'cmk-sk-inv-btn'; btn.className = 'cmk-sk-inv-btn';
btn.href = `wato.py?host=${encodeURIComponent(hostname)}&mode=inventory`; btn.type = 'button';
btn.target = '_blank';
btn.rel = 'noopener';
btn.title = `Service Discovery: ${hostname}`; 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>'; 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>';
btn.addEventListener('click', () => { window.open(`wato.py?host=${encodeURIComponent(hostname)}&mode=inventory`, '_blank', 'noopener'); });
const copyBtn = doc.createElement('button'); const copyBtn = doc.createElement('button');
copyBtn.className = 'cmk-sk-copy-btn'; copyBtn.className = 'cmk-sk-copy-btn';