nis2-agile/public/connettori-discovery.html

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>Connettori Discovery · NIS2 Agile</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <!-- UI V3: Inter self-host + design system v3.css (self-host only, nessun CDN esterno). -->
    <link rel="stylesheet" href="/vendor/inter/inter.css?v=20260627">
    <link rel="stylesheet" href="/css/v3.css?v=20260627">
    <!-- style.css resta caricato DOPO v3.css: veste i widget renderizzati via JS
         (tabelle/form/modali). Self-hostato (nessun CDN). v3.css governa chrome + shell. -->
    <meta name="theme-color" content="#0066CC">
    <link rel="manifest" href="/manifest.webmanifest">
    <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">
    <script src="/js/pwa.js?v=20260614" defer></script>
</head>
<body>
    <!-- Chrome V3 (appbar + mega-menu) iniettata da topnav-v3.js in questo host -->
    <div id="topnav"></div>

    <main class="wrap">
        <nav class="crumb" aria-label="breadcrumb">
            <i data-lucide="home" class="ic"></i><a href="dashboard.html">Home</a>
            <i data-lucide="chevron-right" class="ic"></i><span>Connettori Discovery</span>
        </nav>
        <div class="page-head">
            <div>
                <h1>Connettori Discovery</h1>
                <p class="sub">Scansione rete/cloud → auto-popola l'Inventario (asset, dipendenze, flussi ID.AM-03)</p>
            </div>
            <div class="content-header-actions">
                <button class="btn-primary" id="btn-dc-new"><i data-lucide="plus" class="ic"></i>Nuovo connettore</button>
            </div>
        </div>

            <div class="content-body">
                <div class="card" style="margin-bottom:16px">
                    <div class="card-body">
                        <p style="margin:0;color:var(--gray-600)">
                            I connettori mappano automaticamente la tua <strong>rete/cloud</strong> e <strong>popolano l'Inventario</strong>
                            (asset + rilevanza NIS2 + Mappa Dipendenze + flussi di rete ID.AM-03). Puoi creare
                            <strong>più connettori per azienda</strong> (es. uno per sede). Ogni connettore ha una <strong>chiave</strong>
                            che usi nell'<em>agente di discovery</em> (vedi <code>scripts/discovery-agent.mjs</code>).
                        </p>
                    </div>
                </div>

                <div class="card" id="dc-form-card" style="display:none;margin-bottom:16px">
                    <div class="card-header"><h3 style="margin:0">Nuovo connettore</h3></div>
                    <div class="card-body">
                        <div class="form-row" style="display:flex;gap:12px;flex-wrap:wrap">
                            <div class="form-group" style="flex:1;min-width:200px">
                                <label class="form-label" for="dc-name">Nome</label>
                                <input id="dc-name" class="form-input" placeholder="Es. Rete sede Modena" maxlength="120">
                            </div>
                            <div class="form-group" style="min-width:160px">
                                <label class="form-label" for="dc-type">Tipo</label>
                                <select id="dc-type" class="form-select">
                                    <option value="network">Rete (scan IP)</option>
                                    <option value="aws">AWS</option>
                                    <option value="azure">Azure</option>
                                    <option value="gcp">GCP</option>
                                    <option value="cmdb">CMDB</option>
                                    <option value="agent">Agente generico</option>
                                    <option value="custom">Custom</option>
                                </select>
                            </div>
                            <div class="form-group" style="min-width:160px">
                                <label class="form-label" for="dc-schedule">Schedulazione</label>
                                <select id="dc-schedule" class="form-select">
                                    <option value="manual">Manuale</option>
                                    <option value="daily">Giornaliera</option>
                                    <option value="hourly">Oraria</option>
                                    <option value="weekly">Settimanale</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="dc-targets">Target (CIDR/IP, separati da virgola) — descrittivo / usato dall'agente</label>
                            <input id="dc-targets" class="form-input" placeholder="192.168.1.0/24, 10.0.0.5">
                        </div>
                        <div style="display:flex;gap:8px;margin-top:8px">
                            <button class="btn-primary" id="btn-dc-create"><i data-lucide="check" class="ic"></i>Crea connettore</button>
                            <button class="btn-ghost" id="btn-dc-cancel">Annulla</button>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <div id="dc-list">Caricamento…</div>
                    </div>
                </div>
            </div>
    </main>

    <!-- Scripts V3: api.js → common.js (helper+FAB reali) → Lucide self-host →
         topnav-v3.js (chrome, ridefinisce loadSidebar) → i18n → help → pagina -->
    <script src="/js/api.js?v=20260729"></script>
    <script src="/js/common.js?v=20260627t"></script>
    <script src="/vendor/lucide/lucide.min.js"></script>
    <script src="/js/topnav-v3.js?v=20260729"></script>
    <script src="/js/i18n.js?v=20260729"></script>
    <script src="/js/help.js?v=20260729"></script>
    <script src="/js/connettori-discovery.js?v=20260627"></script>
    <script>
        if (typeof checkAuth === 'function' && !checkAuth()) {
            // checkAuth reindirizza a login
        } else {
            if (typeof loadSidebar === 'function') loadSidebar();   // = loadTopnavV3()
            if (typeof I18n !== 'undefined' && I18n.init) I18n.init();
            if (typeof HelpSystem !== 'undefined' && HelpSystem.init) HelpSystem.init();
            if (window.lucide && lucide.createIcons) { try { lucide.createIcons(); } catch (e) {} }
            if (window.DiscoveryUI) DiscoveryUI.init();
        }
    </script>
</body>
</html>