fix: corretta modifica massiva scassata da claude. fix: e possibile inserire clienti non esistenti come in otrs.

2026-07-07 08:15:29 +02:00
parent b3570d6757
commit 7b0b29e6c6
5 changed files with 161 additions and 10 deletions
@@ -85,6 +85,13 @@ const TicketListView = {
            ${(App.lookups.users || []).map(u => `<option value="${u.id}">${u.first_name} ${u.last_name}</option>`).join('')}
          </select>
        </div>
+        <div class="filter-group" style="position:relative;">
+          <span class="filter-label">Cliente</span>
+          <input type="text" class="form-input filter-select" id="batch-customer-search" placeholder="Cerca cliente..." autocomplete="off" style="width:160px; padding: 4px 8px; font-family: inherit; font-size: 0.85rem;" />
+          <input type="hidden" id="batch-customer-user-id" />
+          <input type="hidden" id="batch-customer-id" />
+          <div id="batch-customer-suggestions" class="autocomplete-suggestions" style="display:none; top: 100%; left: 0; width: 280px; z-index: 1001;"></div>
+        </div>
        <button class="btn btn-primary btn-sm" id="batch-apply">Applica</button>
        <button class="btn btn-primary btn-sm" id="batch-merge" disabled style="background: var(--accent-secondary); border-color: var(--accent-secondary); margin-left: 8px;">Unisci Selezionati</button>
        <button class="btn btn-ghost btn-xs" id="batch-cancel">Annulla</button>
@@ -277,10 +284,83 @@ const TicketListView = {
          tr.classList.remove('selected');
          tr.classList.remove('first-selected');
        });
+        const batchCustomerSearch = document.getElementById('batch-customer-search');
+        const batchCustomerUserId = document.getElementById('batch-customer-user-id');
+        const batchCustomerId = document.getElementById('batch-customer-id');
+        if (batchCustomerSearch) batchCustomerSearch.value = '';
+        if (batchCustomerUserId) batchCustomerUserId.value = '';
+        if (batchCustomerId) batchCustomerId.value = '';
+        const batchState = document.getElementById('batch-state');
+        if (batchState) batchState.value = '';
+        const batchQueue = document.getElementById('batch-queue');
+        if (batchQueue) batchQueue.value = '';
+        const batchOwner = document.getElementById('batch-owner');
+        if (batchOwner) batchOwner.value = '';
+
        this.updateBatchBar();
      });
    }

+    // Batch Customer User Autocomplete
+    const batchCustomerSearchInput = document.getElementById('batch-customer-search');
+    const batchCustomerSuggestionsDiv = document.getElementById('batch-customer-suggestions');
+    const batchCustomerUserIdInput = document.getElementById('batch-customer-user-id');
+    const batchCustomerIdInput = document.getElementById('batch-customer-id');
+
+    let batchCustomerDebounce;
+    if (batchCustomerSearchInput) {
+      batchCustomerSearchInput.addEventListener('input', () => {
+        clearTimeout(batchCustomerDebounce);
+        const q = batchCustomerSearchInput.value.trim();
+        if (q.length < 2) {
+          batchCustomerSuggestionsDiv.style.display = 'none';
+          if (batchCustomerUserIdInput) batchCustomerUserIdInput.value = '';
+          if (batchCustomerIdInput) batchCustomerIdInput.value = '';
+          return;
+        }
+
+        batchCustomerDebounce = setTimeout(async () => {
+          try {
+            const users = await App.api(`/api/customer-users/search?q=${encodeURIComponent(q)}`);
+            if (users.length === 0) {
+              batchCustomerSuggestionsDiv.innerHTML = '<div class="autocomplete-suggestion-item" style="color:var(--text-muted); cursor:default;">Nessun utente trovato</div>';
+              batchCustomerSuggestionsDiv.style.display = 'block';
+              return;
+            }
+
+            batchCustomerSuggestionsDiv.innerHTML = users.map(u => `
+              <div class="autocomplete-suggestion-item" data-login="${App.escapeHtml(u.login)}" data-customer-id="${App.escapeHtml(u.customer_id || '')}" data-name="${App.escapeHtml(u.first_name + ' ' + u.last_name)}">
+                <strong>${App.escapeHtml(u.first_name)} ${App.escapeHtml(u.last_name)}</strong>
+                <span style="font-size:0.75rem; color:var(--text-muted); margin-left:var(--space-xs); font-weight:normal;">(Login: ${App.escapeHtml(u.login)} | Azienda: ${App.escapeHtml(u.customer_id || '—')})</span>
+              </div>
+            `).join('');
+            batchCustomerSuggestionsDiv.style.display = 'block';
+
+            // Bind click
+            batchCustomerSuggestionsDiv.querySelectorAll('.autocomplete-suggestion-item').forEach(item => {
+              if (item.dataset.login) {
+                item.addEventListener('click', () => {
+                  batchCustomerSearchInput.value = item.dataset.name;
+                  if (batchCustomerUserIdInput) batchCustomerUserIdInput.value = item.dataset.login;
+                  if (batchCustomerIdInput) batchCustomerIdInput.value = item.dataset.customerId || '';
+                  batchCustomerSuggestionsDiv.style.display = 'none';
+                });
+              }
+            });
+          } catch (err) {
+            console.error(err);
+          }
+        }, 300);
+      });
+    }
+
+    // Close suggestions on click outside
+    document.addEventListener('click', (e) => {
+      if (batchCustomerSearchInput && e.target !== batchCustomerSearchInput && e.target !== batchCustomerSuggestionsDiv) {
+        batchCustomerSuggestionsDiv.style.display = 'none';
+      }
+    });
+
    // Pagination
    document.querySelectorAll('.pagination-btn[data-page]').forEach(btn => {
      btn.addEventListener('click', () => {
@@ -316,10 +396,22 @@ const TicketListView = {
    const batchState = document.getElementById('batch-state')?.value;
    const batchQueue = document.getElementById('batch-queue')?.value;
    const batchOwner = document.getElementById('batch-owner')?.value;
+    const batchCustomerSearch = document.getElementById('batch-customer-search')?.value.trim();
+    let batchCustomerUserId = document.getElementById('batch-customer-user-id')?.value;
+    let batchCustomerId = document.getElementById('batch-customer-id')?.value;
+
+    if (!batchCustomerUserId && batchCustomerSearch) {
+      batchCustomerUserId = batchCustomerSearch;
+      if (!batchCustomerId) {
+        batchCustomerId = batchCustomerSearch;
+      }
+    }

    if (batchState) updates.ticket_state_id = parseInt(batchState);
    if (batchQueue) updates.queue_id = parseInt(batchQueue);
    if (batchOwner) updates.user_id = parseInt(batchOwner);
+    if (batchCustomerUserId) updates.customer_user_id = batchCustomerUserId;
+    if (batchCustomerId) updates.customer_id = batchCustomerId;

    if (Object.keys(updates).length === 0) {
      Toast.warning('Seleziona almeno un campo da modificare');