@@ -340,41 +351,117 @@ const TicketDetailView = {
bindEvents() {
// Quick-edit change detection
- const selects = document.querySelectorAll('.quick-edit-select');
+ const fields = document.querySelectorAll('.quick-edit-select, #qe-customer-user-id, #qe-customer-id');
const saveBtn = document.getElementById('qe-save');
const resetBtn = document.getElementById('qe-reset');
const checkChanges = () => {
let hasChanges = false;
- selects.forEach(sel => {
- const field = sel.dataset.field;
+ fields.forEach(el => {
+ const field = el.dataset.field;
const original = String(this.originalValues[field] || '');
- const current = sel.value;
+ const current = el.value;
const changed = current !== original;
- sel.classList.toggle('changed', changed);
+ el.classList.toggle('changed', changed);
if (changed) hasChanges = true;
});
saveBtn.disabled = !hasChanges;
};
- selects.forEach(sel => sel.addEventListener('change', checkChanges));
+ fields.forEach(el => el.addEventListener('change', checkChanges));
+
+ // Customer User Autocomplete inside Quick Edit
+ const customerSearchInput = document.getElementById('qe-customer-search');
+ const customerSuggestionsDiv = document.getElementById('qe-customer-suggestions');
+ const customerUserIdInput = document.getElementById('qe-customer-user-id');
+ const customerIdInput = document.getElementById('qe-customer-id');
+
+ let customerDebounce;
+ if (customerSearchInput) {
+ customerSearchInput.addEventListener('input', () => {
+ clearTimeout(customerDebounce);
+ const q = customerSearchInput.value.trim();
+ if (q.length < 2) {
+ customerSuggestionsDiv.style.display = 'none';
+ customerUserIdInput.value = '';
+ customerIdInput.value = '';
+ customerUserIdInput.dispatchEvent(new Event('change'));
+ customerIdInput.dispatchEvent(new Event('change'));
+ return;
+ }
+
+ customerDebounce = setTimeout(async () => {
+ try {
+ const users = await App.api(`/api/customer-users/search?q=${encodeURIComponent(q)}`);
+ if (users.length === 0) {
+ customerSuggestionsDiv.innerHTML = '
Nessun utente trovato
';
+ customerSuggestionsDiv.style.display = 'block';
+ return;
+ }
+
+ customerSuggestionsDiv.innerHTML = users.map(u => `
+
+ ${App.escapeHtml(u.first_name)} ${App.escapeHtml(u.last_name)}
+ (Login: ${App.escapeHtml(u.login)} | Azienda: ${App.escapeHtml(u.customer_id || '—')})
+
+ `).join('');
+ customerSuggestionsDiv.style.display = 'block';
+
+ // Bind click
+ customerSuggestionsDiv.querySelectorAll('.autocomplete-suggestion-item').forEach(item => {
+ if (item.dataset.login) {
+ item.addEventListener('click', () => {
+ customerSearchInput.value = item.dataset.name;
+ customerUserIdInput.value = item.dataset.login;
+ customerIdInput.value = item.dataset.customerId || '';
+ customerSuggestionsDiv.style.display = 'none';
+ customerUserIdInput.dispatchEvent(new Event('change'));
+ customerIdInput.dispatchEvent(new Event('change'));
+ });
+ }
+ });
+ } catch (err) {
+ console.error(err);
+ }
+ }, 300);
+ });
+ }
+
+ // Close suggestions on click outside
+ document.addEventListener('click', (e) => {
+ if (customerSearchInput && e.target !== customerSearchInput && e.target !== customerSuggestionsDiv) {
+ customerSuggestionsDiv.style.display = 'none';
+ }
+ });
// Reset quick-edit
resetBtn.addEventListener('click', () => {
- selects.forEach(sel => {
- sel.value = this.originalValues[sel.dataset.field] || '';
- sel.classList.remove('changed');
+ fields.forEach(el => {
+ el.value = this.originalValues[el.dataset.field] || '';
+ el.classList.remove('changed');
});
+ if (customerSearchInput) {
+ const first = this.originalValues['customer_first'] || '';
+ const last = this.originalValues['customer_last'] || '';
+ customerSearchInput.value = first ? `${first} ${last}` : (this.originalValues['customer_user_id'] || '');
+ }
saveBtn.disabled = true;
});
// Save quick-edit
saveBtn.addEventListener('click', async () => {
const updates = {};
- selects.forEach(sel => {
- const field = sel.dataset.field;
- const val = sel.value ? parseInt(sel.value) : null;
- if (val !== null && val !== this.originalValues[field]) {
+ fields.forEach(el => {
+ const field = el.dataset.field;
+ let val;
+ if (field === 'customer_id' || field === 'customer_user_id') {
+ val = el.value || null;
+ } else {
+ val = el.value ? parseInt(el.value) : null;
+ }
+
+ const origVal = this.originalValues[field] || null;
+ if (val !== origVal) {
updates[field] = val;
}
});
diff --git a/routes/tickets.js b/routes/tickets.js
index 4f5930d..d1198b8 100644
--- a/routes/tickets.js
+++ b/routes/tickets.js
@@ -483,6 +483,8 @@ router.patch('/:id', async (req, res) => {
if (updates.type_id !== undefined) ticketFields.TypeID = updates.type_id;
if (updates.title !== undefined) ticketFields.Title = updates.title;
if (updates.ticket_lock_id !== undefined) ticketFields.LockID = updates.ticket_lock_id;
+ if (updates.customer_id !== undefined) ticketFields.CustomerID = updates.customer_id;
+ if (updates.customer_user_id !== undefined) ticketFields.CustomerUser = updates.customer_user_id;
// Auto sblocco check
if (updates.ticket_state_id) {
@@ -525,7 +527,7 @@ router.patch('/:id', async (req, res) => {
// Fetch current ticket for history comparison
const currentResult = await client.query(
- `SELECT ticket_state_id, ticket_priority_id, queue_id, user_id, type_id, title, ticket_lock_id
+ `SELECT ticket_state_id, ticket_priority_id, queue_id, user_id, type_id, title, ticket_lock_id, customer_id, customer_user_id
FROM ticket WHERE id = $1`,
[id]
);
@@ -557,7 +559,7 @@ router.patch('/:id', async (req, res) => {
const setParams = [];
let pIdx = 1;
- const allowedFields = ['ticket_state_id', 'ticket_priority_id', 'queue_id', 'user_id', 'type_id', 'title', 'ticket_lock_id'];
+ const allowedFields = ['ticket_state_id', 'ticket_priority_id', 'queue_id', 'user_id', 'type_id', 'title', 'ticket_lock_id', 'customer_id', 'customer_user_id'];
for (const field of allowedFields) {
if (updates[field] !== undefined && updates[field] !== current[field]) {
setClauses.push(`${field} = $${pIdx++}`);
@@ -589,6 +591,8 @@ router.patch('/:id', async (req, res) => {
user_id: 'OwnerUpdate',
type_id: 'TypeUpdate',
ticket_lock_id: 'Lock',
+ customer_id: 'CustomerUpdate',
+ customer_user_id: 'CustomerUpdate',
};
for (const field of allowedFields) {