${searchVal ? 'Nessuna nota corrisponde alla ricerca' : 'Nessuna nota temporanea salvata'}
`;
return;
}
listContainer.innerHTML = list.map(n => {
const isSelected = String(n.id) === String(this.currentNoteId);
const isInternal = n.note_type === 'note-internal';
const isEmail = n.note_type === 'email-external';
const typeLabel = isInternal ? 'π Interna' : (isEmail ? 'βοΈ Email' : 'π Esterna');
const timeStr = n.time_units > 0 ? `β± ${n.time_units}m` : '';
// Strip HTML tags for clean text preview
const tmpDiv = document.createElement('div');
tmpDiv.innerHTML = n.body || '';
const textPreview = tmpDiv.textContent || tmpDiv.innerText || '';
return `
${n.ticket_tn ? `
#${n.ticket_tn}
` : `
Senza Ticket
`}
${App.formatDateTime(n.updated_at)}
${App.escapeHtml(n.subject || '(Senza titolo)')}
${App.escapeHtml(textPreview)}
${typeLabel}
${timeStr ? `${timeStr}` : ''}
`;
}).join('');
// Bind item actions
listContainer.querySelectorAll('.btn-edit-note').forEach(btn => {
btn.addEventListener('click', (e) => {
e.stopPropagation();
this.loadNoteIntoForm(parseInt(btn.dataset.id, 10));
});
});
listContainer.querySelectorAll('.btn-submit-note').forEach(btn => {
btn.addEventListener('click', (e) => {
e.stopPropagation();
this.submitNoteById(parseInt(btn.dataset.id, 10));
});
});
listContainer.querySelectorAll('.btn-delete-note').forEach(btn => {
btn.addEventListener('click', (e) => {
e.stopPropagation();
this.deleteNote(parseInt(btn.dataset.id, 10));
});
});
listContainer.querySelectorAll('.saved-note-card').forEach(card => {
card.addEventListener('click', () => {
this.loadNoteIntoForm(parseInt(card.dataset.noteId, 10));
});
});
},
loadNoteIntoForm(noteId) {
const note = this.savedNotes.find(n => n.id === noteId);
if (!note) return;
this.currentNoteId = note.id;
const editorTitle = document.getElementById('editor-title-text');
const ticketInput = document.getElementById('note-ticket-input');
const subjectInput = document.getElementById('note-subject');
const typeSelect = document.getElementById('note-type');
const timeInput = document.getElementById('note-time-units');
const deleteBtn = document.getElementById('note-delete-current-btn');
const ticketClearBtn = document.getElementById('note-ticket-clear-btn');
if (editorTitle) editorTitle.textContent = `Modifica Nota #${note.id}`;
if (ticketInput) ticketInput.value = note.ticket_tn || (note.ticket_id ? String(note.ticket_id) : '');
if (ticketClearBtn) ticketClearBtn.style.display = ticketInput && ticketInput.value ? 'block' : 'none';
if (subjectInput) subjectInput.value = note.subject || '';
if (typeSelect) typeSelect.value = note.note_type || 'note-internal';
this.setNoteBodyHtml(note.body || '');
if (timeInput) timeInput.value = note.time_units || 0;
if (deleteBtn) deleteBtn.style.display = 'inline-flex';
if (note.ticket_tn || note.ticket_id) {
this.resolveTicketInput(note.ticket_tn || String(note.ticket_id));
} else {
this.selectedTicket = null;
this.updateTicketBadge(null);
}
this.renderSavedNotesList();
},
clearForm() {
this.currentNoteId = null;
const editorTitle = document.getElementById('editor-title-text');
const ticketInput = document.getElementById('note-ticket-input');
const subjectInput = document.getElementById('note-subject');
const typeSelect = document.getElementById('note-type');
const timeInput = document.getElementById('note-time-units');
const deleteBtn = document.getElementById('note-delete-current-btn');
const ticketClearBtn = document.getElementById('note-ticket-clear-btn');
if (editorTitle) editorTitle.textContent = 'Nuova Nota Temporanea';
if (ticketInput) ticketInput.value = '';
if (ticketClearBtn) ticketClearBtn.style.display = 'none';
if (subjectInput) subjectInput.value = '';
if (typeSelect) typeSelect.value = 'note-internal';
this.setNoteBodyHtml('');
if (timeInput) timeInput.value = '0';
if (deleteBtn) deleteBtn.style.display = 'none';
this.selectedTicket = null;
this.updateTicketBadge(null);
this.renderSavedNotesList();
},
async saveLocalNote() {
const ticketInput = document.getElementById('note-ticket-input');
const subjectInput = document.getElementById('note-subject');
const typeSelect = document.getElementById('note-type');
const timeInput = document.getElementById('note-time-units');
const bodyVal = this.getNoteBodyHtml();
if (!bodyVal) {
Toast.error('Inserisci il corpo della nota prima di salvare');
return;
}
const payload = {
id: this.currentNoteId,
ticket_id: this.selectedTicket ? this.selectedTicket.id : null,
ticket_tn: ticketInput ? ticketInput.value.trim() : null,
ticket_title: this.selectedTicket ? this.selectedTicket.title : null,
subject: subjectInput ? subjectInput.value.trim() : '',
body: bodyVal,
time_units: timeInput ? parseFloat(timeInput.value) || 0 : 0,
note_type: typeSelect ? typeSelect.value : 'note-internal'
};
try {
const res = await App.api('/api/notes', {
method: 'POST',
body: payload
});
Toast.success('Nota temporanea salvata nel database locale!');
this.currentNoteId = res.id;
await this.loadSavedNotes();
} catch (err) {
console.error(err);
Toast.error('Errore nel salvataggio della nota: ' + err.message);
}
},
async submitToOTRS() {
const bodyVal = this.getNoteBodyHtml();
if (!bodyVal) {
Toast.error('Inserisci il corpo della nota prima di inviare a OTRS');
return;
}
// First ensure the note is saved locally
await this.saveLocalNote();
if (!this.currentNoteId) return;
await this.submitNoteById(this.currentNoteId);
},
async submitNoteById(noteId) {
const note = this.savedNotes.find(n => n.id === noteId);
if (!note) return;
if (!note.ticket_tn && !note.ticket_id) {
Toast.error('Inserisci un ticket di riferimento (TN o ID) prima di inviare a OTRS');
return;
}
if (!confirm(`Sei sicuro di voler inviare questa nota a OTRS per il ticket #${note.ticket_tn || note.ticket_id}? La nota verrΓ poi rimossa dal database locale.`)) {
return;
}
try {
const res = await App.api(`/api/notes/${noteId}/submit`, {
method: 'POST'
});
Toast.success(res.message || 'Nota inviata con successo a OTRS!');
if (String(this.currentNoteId) === String(noteId)) {
this.clearForm();
}
await this.loadSavedNotes();
// Trigger daily timer refresh if time units were added
if (note.time_units > 0 && App.updateDailyTimer) {
App.updateDailyTimer();
}
} catch (err) {
console.error(err);
Toast.error('Errore invio OTRS: ' + err.message);
}
},
async deleteNote(noteId) {
if (!confirm('Sei sicuro di voler eliminare questa nota temporanea dal database locale?')) {
return;
}
try {
await App.api(`/api/notes/${noteId}`, {
method: 'DELETE'
});
Toast.success('Nota temporanea eliminata dal DB locale');
if (String(this.currentNoteId) === String(noteId)) {
this.clearForm();
}
await this.loadSavedNotes();
} catch (err) {
console.error(err);
Toast.error('Errore eliminazione nota: ' + err.message);
}
}
};