DevEnv nis2-agileandClaude Opus 4.8
5368b0a61c
Secondo modulo del modello relazionale A4 (docs/DESIGN_A4_RELATIONAL.md). Backend: - Migration 042 (docs/sql/042_competences.sql) + runner aggiornato (scripts/migrate-a4.php). 4 tabelle additive/idempotenti: skills (org-owned o globali), role_skills (competenze richieste dal ruolo, UNIQUE role+skill), user_skills (possedute, UNIQUE org+user+skill), skill_course_map. APPLICATA su prod (nis2-db v8.0.45, TLSv1.3). - CompetenceController (route 'competences'): catalog, skills CRUD, roleSkills, userSkills, skillCourses (map/unmap), gapGrid (richiesto−posseduto per ruolo con titolare), openAction. Multi-tenancy + anti-IDOR + livelli 1-5; competenze globali in sola lettura per gli utenti org. - alert→azione: openAction RIUSA il workflow NCR/CAPA reale (la tabella azioni è capa_actions figlia di non_conformities, NON 'corrective_actions' che non esiste): crea NCR (source='management_review', source_entity_type='competence_gap', source_entity_id=role_skills.id) + capa_actions figlia. Anti-duplicato sul gap. Zero ALTER alle tabelle esistenti. Ancoraggio PR.AT-01/02, GV.RR-04, art.24 D.Lgs. Frontend: - competenze.html (4 schede: Catalogo, Requisiti per ruolo, Competenze persone, Gap & azioni) + js/competenze.js. Bootstrap Italia V2. CTA "Assegna corso" (riuso /training/assign) e "Apri non conformità". - Voce sidebar "Competenze" (common.js + common-bi.js + BI_PAGES) + nav.competences i18n IT/EN. api.js: metodi comp* + assignTraining. Help/KB/PWA: - help.js: guida contestuale 'competences' (schede, calcolo gap, PR.AT-01/02, GV.RR-04, art.24 D.Lgs., disclaimer no-parere-legale) + mappa pagina. - sw.js: nome cache nis2-shell-v1.17.0 (allineamento PWA). - Design doc corretto (rettifica capa_actions vs corrective_actions) + avanzamento 4.1/4.2. Cache-buster: ?v=20260618 dei 5 JS condivisi su 32 HTML. version.json 1.16.0 -> 1.17.0. Smoke E2E su prod (fpm reale): catalogo, requisito, competenza, gap=2, openAction (NCR+CAPA), anti-dup 409, mappatura corso — tutti verdi; dati di test ripuliti. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
84 lines
3.8 KiB
HTML
84 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="it">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
<title>Demo Sidebar BI - NIS2 Agile</title>
|
|
|
|
<!-- Bootstrap Italia v2.18.1 SELF-HOSTATO da /vendor (regola "MAI CDN") -->
|
|
<link rel="stylesheet" href="vendor/bootstrap-italia/dist/css/bootstrap-italia.min.css">
|
|
<!-- Stile applicativo NIS2: fornisce le classi della sidebar (.sidebar-nav, .sidebar-brand, ecc.)
|
|
riusate dal markup BI per parità visiva con la chrome di produzione -->
|
|
<link rel="stylesheet" href="css/style.css?v=20260613b">
|
|
<style>
|
|
/* Solo layout della pagina demo: niente colori custom (vengono da BI/style.css) */
|
|
body { margin: 0; }
|
|
.app-shell { display: flex; min-height: 100vh; }
|
|
#sidebar { flex: 0 0 auto; }
|
|
.app-main { flex: 1; padding: 32px; min-width: 0; }
|
|
.demo-note {
|
|
border-left: 4px solid #06c; background: #f0f6fc;
|
|
padding: 16px 20px; border-radius: 8px; margin-bottom: 24px;
|
|
}
|
|
.demo-note h1 { font-size: 1.25rem; margin: 0 0 8px; color: #17324d; }
|
|
.demo-note p { margin: 0; color: #5b6772; font-size: .9rem; }
|
|
</style>
|
|
<!-- PWA:start -->
|
|
<link rel="manifest" href="/manifest.webmanifest">
|
|
<meta name="theme-color" content="#0066CC">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
|
<meta name="apple-mobile-web-app-title" content="NIS2 Agile">
|
|
<meta name="application-name" content="NIS2 Agile">
|
|
<script src="/js/pwa.js?v=20260614" defer></script>
|
|
<!-- PWA:end -->
|
|
</head>
|
|
<body>
|
|
<div class="app-shell">
|
|
<!-- La sidebar BI viene renderizzata qui da common-bi.js (loadSidebar override) -->
|
|
<aside id="sidebar" class="sidebar" aria-label="Barra di navigazione laterale"></aside>
|
|
|
|
<main class="app-main">
|
|
<div class="demo-note">
|
|
<h1>Demo Sidebar Bootstrap Italia</h1>
|
|
<p>
|
|
Questa pagina dimostra la sidebar generata da <code>js/common-bi.js</code>
|
|
(override di <code>loadSidebar()</code> con markup Bootstrap Italia,
|
|
voci/icone/permessi identici a <code>common.js</code>). Nessuna chiamata
|
|
backend: stessa logica JS, stessi id/elementi DOM.
|
|
</p>
|
|
</div>
|
|
|
|
<p class="text-muted">
|
|
Le voci utente/azienda/versione nel footer della sidebar si popolano via
|
|
<code>api.getMe()</code> quando è presente una sessione autenticata; in questa
|
|
demo restano ai valori di default (parità funzionale, nessun errore).
|
|
</p>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- Bootstrap Italia JS (bundle locale) -->
|
|
<script src="vendor/bootstrap-italia/dist/js/bootstrap-italia.bundle.min.js"></script>
|
|
<script>
|
|
if (window.bootstrap && bootstrap.loadFonts) {
|
|
bootstrap.loadFonts('vendor/bootstrap-italia/dist/fonts');
|
|
}
|
|
</script>
|
|
|
|
<!-- Stessa logica della app: api.js + common.js (helper) + common-bi.js (override BI) -->
|
|
<script src="js/api.js?v=20260618"></script>
|
|
<script src="js/common.js?v=20260618"></script>
|
|
<script src="js/common-bi.js?v=20260618"></script>
|
|
<script>
|
|
// Renderizza la sidebar BI (loadSidebar è stato ridefinito da common-bi.js)
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
loadSidebar();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|