Contatti (${count}): \n${App.escapeHtml(tooltipText)}
${App.escapeHtml(g.name)}
${count} indirizz${count === 1 ? 'o' : 'i'} email
✏️
🗑️
`;
}).join('');
// Bind group buttons
list.querySelectorAll('.group-btn-edit').forEach(btn => {
btn.addEventListener('click', () => this.openGroupEditor(parseInt(btn.dataset.id, 10)));
});
list.querySelectorAll('.group-btn-delete').forEach(btn => {
btn.addEventListener('click', () => this.deleteGroup(parseInt(btn.dataset.id, 10)));
});
},
openGroupEditor(id) {
this.editingGroupId = id;
const group = id ? this.groups.find(g => g.id === id) : null;
const modal = document.getElementById('group-editor-modal');
modal.style.display = 'flex';
document.getElementById('group-modal-title').textContent = id ? 'Modifica Gruppo' : 'Nuovo Gruppo';
document.getElementById('group-name').value = group ? group.name : '';
document.getElementById('group-emails').value = group ? group.emails : '';
document.getElementById('group-modal-close').onclick = () => this.closeGroupEditor();
document.getElementById('group-cancel').onclick = () => this.closeGroupEditor();
document.getElementById('group-save').onclick = () => this.saveGroup();
modal.onclick = (e) => { if (e.target === modal) this.closeGroupEditor(); };
},
closeGroupEditor() {
const modal = document.getElementById('group-editor-modal');
if (modal) modal.style.display = 'none';
this.editingGroupId = null;
},
async saveGroup() {
const name = document.getElementById('group-name').value.trim();
const emails = document.getElementById('group-emails').value.trim();
if (!name) { Toast.warning('Inserisci un nome per il gruppo'); return; }
if (!emails) { Toast.warning('Inserisci almeno un indirizzo email'); return; }
const parsedEmails = emails.split(',').map(e => e.trim()).filter(Boolean);
const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
const invalid = parsedEmails.filter(e => !emailRegex.test(e));
if (invalid.length > 0) {
Toast.warning('I seguenti indirizzi non sono validi: ' + invalid.join(', '));
return;
}
const saveBtn = document.getElementById('group-save');
saveBtn.disabled = true;
saveBtn.textContent = 'Salvataggio...';
try {
const payload = { agent_id: this.agentId, name, emails: parsedEmails.join(', ') };
if (this.editingGroupId) {
await App.api(`/api/email/address-groups/${this.editingGroupId}`, {
method: 'PUT',
body: JSON.stringify(payload),
});
Toast.success('Gruppo aggiornato');
} else {
await App.api('/api/email/address-groups', {
method: 'POST',
body: JSON.stringify(payload),
});
Toast.success('Gruppo creato');
}
this.closeGroupEditor();
await this.loadGroups();
} catch (err) {
Toast.error('Errore salvataggio: ' + err.message);
} finally {
saveBtn.disabled = false;
saveBtn.textContent = 'Salva Gruppo';
}
},
async deleteGroup(id) {
const ok = await App.confirm('Elimina Gruppo', 'Sei sicuro di voler eliminare questo gruppo di indirizzi?');
if (!ok) return;
try {
await App.api(`/api/email/address-groups/${id}`, { method: 'DELETE' });
Toast.success('Gruppo eliminato');
await this.loadGroups();
} catch (err) {
Toast.error('Errore eliminazione: ' + err.message);
}
}
};
window.MailManagementView = MailManagementView;