feat: add CIS Level description tooltip in Reports form

Show dynamic informational text below the CIS Level selector explaining
what Level 1 and Level 2 mean, updating as the user changes selection.
This commit is contained in:
nogueiraguh
2026-03-05 11:29:04 -03:00
parent 973ff65989
commit 3cef21b6dd

View File

@@ -446,7 +446,10 @@ ${ociDdItems||'<div style="padding:.5rem;color:var(--t4);font-size:.72rem">Nenhu
</div></div> </div></div>
<div class="ig"><label>CIS Level</label><select onchange="S.rptLevel=parseInt(this.value);R()"> <div class="ig"><label>CIS Level</label><select onchange="S.rptLevel=parseInt(this.value);R()">
<option value="1" ${S.rptLevel===1?'selected':''}>Level 1</option> <option value="1" ${S.rptLevel===1?'selected':''}>Level 1</option>
<option value="2" ${S.rptLevel===2?'selected':''}>Level 2 (default)</option></select></div> <option value="2" ${S.rptLevel===2?'selected':''}>Level 2 (default)</option></select>
<div style="margin-top:.35rem;font-size:.68rem;color:var(--t4);line-height:1.45">
${S.rptLevel===1?'<b>Level 1</b> — Controles essenciais de segurança com impacto mínimo nas operações. Recomendado como baseline para todas as organizações.':'<b>Level 2</b> — Controles avançados que podem restringir funcionalidades ou exigir mais esforço. Recomendado para ambientes de alta segurança.'}
</div></div>
<div class="ig"><label>Regiões (opcional — vazio = todas)</label> <div class="ig"><label>Regiões (opcional — vazio = todas)</label>
<div class="dd" style="position:relative"><div onclick="S.rptRegionsOpen=!S.rptRegionsOpen;R()" style="min-height:34px;display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;cursor:pointer;padding:.35rem .65rem;background:var(--bg2);border:1.5px solid var(--bd);border-radius:10px;font-size:.78rem"> <div class="dd" style="position:relative"><div onclick="S.rptRegionsOpen=!S.rptRegionsOpen;R()" style="min-height:34px;display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;cursor:pointer;padding:.35rem .65rem;background:var(--bg2);border:1.5px solid var(--bd);border-radius:10px;font-size:.78rem">
${S.rptSelRegions.length?selTags:'<span style="color:var(--t4);font-size:.78rem">Todas as regiões</span>'}</div> ${S.rptSelRegions.length?selTags:'<span style="color:var(--t4);font-size:.78rem">Todas as regiões</span>'}</div>