AdminGit2026/nis2-agile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[UX] Standardizzazione login/register/onboarding + Test Runner v2

Browse Source 
login.html: eye toggle, forgot password, auth-terms footer
register.html: wizard 3-step, 5 ruoli NIS2, invite_token URL, P.IVA lookup
onboarding.html: Font Awesome, brand color cyan (#06B6D4)
test-runner.php: L1-L5 test levels, SIM-06 B2B, tab Coverage/Stats,
  DB row counts, run history (localStorage), 5 tabs totali

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
DevEnv nis2-agile
2026-03-07 17:11:25 +01:00
co-authored by Claude Sonnet 4.6
parent 47a7a25d35
commit e4e7d94043
4 changed files with 1182 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/login.html
+38 -2
View File
@@ -5,6 +5,28 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accedi - NIS2 Agile</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
.pw-wrap { position: relative; }
.pw-wrap .form-input { padding-right: 42px; }
.pw-toggle {
position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
background: none; border: none; cursor: pointer;
color: #9CA3AF; font-size: 15px; padding: 0; transition: color .2s;
}
.pw-toggle:hover { color: var(--color-primary, #2563eb); }
.forgot-link {
display: block; text-align: center; margin-top: 10px;
font-size: .78rem; color: #6B7280; text-decoration: none; transition: color .2s;
}
.forgot-link:hover { color: var(--color-primary, #2563eb); }
.auth-terms {
margin-top: 14px; padding-top: 14px;
border-top: 1px solid var(--border-color, #e5e7eb);
text-align: center; font-size: .72rem; color: #9CA3AF; line-height: 1.8;
}
.auth-terms a { color: #6B7280; text-decoration: underline; }
</style>
</head>
<body>
<div class="auth-page">
@@ -34,18 +56,32 @@
<div class="form-group">
<label class="form-label" for="password">Password</label>
<input type="password" id="password" name="password" class="form-input"
placeholder="La tua password" autocomplete="current-password" required>
<div class="pw-wrap">
<input type="password" id="password" name="password" class="form-input"
placeholder="La tua password" autocomplete="current-password" required>
<button type="button" class="pw-toggle" id="pw-toggle" tabindex="-1"
onclick="(function(){var i=document.getElementById('password'),b=document.getElementById('pw-toggle');if(i.type==='password'){i.type='text';b.innerHTML='<i class=\'fas fa-eye-slash\'></i>';}else{i.type='password';b.innerHTML='<i class=\'fas fa-eye\'></i>';}})()" aria-label="Mostra/nascondi password">
<i class="fas fa-eye"></i>
</button>
</div>
</div>
<button type="submit" class="btn btn-primary btn-lg w-full" id="login-btn">
Accedi
</button>
<a href="#" class="forgot-link" onclick="alert('Contatta presidenza@agile.software per il reset password.');return false;">
Password dimenticata?
</a>
</form>
</div>
<div class="auth-footer">
<p>Non hai un account? <a href="register.html">Registrati</a></p>
<div class="auth-terms">
Accedendo accetti i nostri
<a href="https://agentai.agile.software/terms" target="_blank">Termini di Servizio</a>
e la <a href="https://agentai.agile.software/privacy" target="_blank">Privacy Policy</a>
</div>
</div>
</div>
</div>