2026-07-27 08:35:47 +02:00
<!DOCTYPE html>
< html lang = "it" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Segnala un bug — PLM Lottery</ title >
< link rel = "stylesheet" href = "/style.css" >
</ head >
< body >
< div class = "app-shell" >
< h1 > Segnala un bug</ h1 >
2026-07-31 15:50:40 +02:00
< p > Hai trovato un problema? Descrivilo qui sotto: la segnalazione arriva direttamente al pannello di amministrazione.</ p >
< div class = "card" id = "report-form" >
< label for = "bug-description" > Cosa è successo?</ label >
< textarea id = "bug-description" rows = "6" maxlength = "5000" placeholder = "Descrivi il bug: cosa stavi facendo, cosa ti aspettavi e cosa è successo invece." ></ textarea >
< label for = "bug-contact" > Contatto (opzionale)</ label >
< input id = "bug-contact" type = "text" maxlength = "256" placeholder = "Email o altro recapito, se vuoi essere ricontattato" >
< button onclick = "submitBugReport()" id = "bug-submit-btn" > Invia segnalazione</ button >
</ div >
< div class = "card hidden" id = "my-reports-card" >
< h2 > Le tue segnalazioni</ h2 >
< p class = "hint" > Solo le segnalazioni inviate da questo account, con lo stato aggiornato dall'amministrazione.</ p >
< div id = "my-reports-list" ></ div >
</ div >
2026-07-27 08:35:47 +02:00
< p >< a class = "link" href = "/" > ← Torna alla home</ a ></ p >
</ div >
2026-07-31 15:50:40 +02:00
< div id = "toast-container" aria-live = "polite" ></ div >
< script >
function toast ( message , type ) {
const container = document . getElementById ( 'toast-container' );
const el = document . createElement ( 'div' );
el . className = 'toast ' + type ;
el . textContent = message ;
container . appendChild ( el );
setTimeout (() => el . remove (), 4000 );
}
function escapeHtml ( s ) {
return String ( s ). replace ( /[&<>"']/g , ( c ) => ({ '&' : '&' , '<' : '<' , '>' : '>' , '"' : '"' , "'" : ''' }[ c ]));
}
const BUG_REPORT_STATUS_LABELS = { open : 'Da leggere' , read : 'Letta' , resolved : 'Risolta' };
async function submitBugReport () {
const btn = document . getElementById ( 'bug-submit-btn' );
const description = document . getElementById ( 'bug-description' ). value . trim ();
const contact = document . getElementById ( 'bug-contact' ). value . trim ();
if ( ! description ) {
toast ( 'Descrivi il bug prima di inviare.' , 'error' );
return ;
}
const headers = { 'Content-Type' : 'application/json' };
const token = localStorage . getItem ( 'plm_token' );
if ( token ) headers [ 'Authorization' ] = 'Bearer ' + token ;
btn . disabled = true ;
const original = btn . textContent ;
btn . textContent = 'Invio…' ;
try {
const res = await fetch ( '/bug-reports' , {
method : 'POST' ,
headers ,
body : JSON . stringify ({ description , contact : contact || null }),
});
const data = await res . json (). catch (() => ({}));
if ( ! res . ok ) throw new Error ( data . detail ? . message || data . detail || res . statusText );
document . getElementById ( 'bug-description' ). value = '' ;
document . getElementById ( 'bug-contact' ). value = '' ;
toast ( 'Grazie! Segnalazione inviata.' , 'success' );
loadMyBugReports ();
} catch ( e ) {
toast ( 'Errore nell\'invio: ' + e . message , 'error' );
} finally {
btn . disabled = false ;
btn . textContent = original ;
}
}
async function loadMyBugReports () {
const token = localStorage . getItem ( 'plm_token' );
const card = document . getElementById ( 'my-reports-card' );
if ( ! token ) {
card . classList . add ( 'hidden' );
return ;
}
try {
const res = await fetch ( '/bug-reports/mine' , { headers : { Authorization : 'Bearer ' + token } });
if ( ! res . ok ) {
card . classList . add ( 'hidden' );
return ;
}
const reports = await res . json ();
card . classList . remove ( 'hidden' );
const list = document . getElementById ( 'my-reports-list' );
list . innerHTML = reports . map (( r ) => `
<div class="my-report-row">
<span class="badge bug-status- ${ escapeHtml ( r . status ) } "> ${ escapeHtml ( BUG_REPORT_STATUS_LABELS [ r . status ] || r . status ) } </span>
<span class="my-report-desc"> ${ escapeHtml ( r . description ) } </span>
<span class="my-report-date"> ${ new Date ( r . created_at ). toLocaleString ( 'it-IT' ) } </span>
</div>
` ). join ( '' ) || '<p class="hint">Non hai ancora inviato segnalazioni.</p>' ;
} catch ( e ) {
card . classList . add ( 'hidden' );
}
}
loadMyBugReports ();
</ script >
2026-07-27 08:35:47 +02:00
</ body >
</ html >
