diff --git a/public/css/style.css b/public/css/style.css index bc5a5ef..0b39076 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -91,7 +91,9 @@ } /* ---- Reset & Base ---- */ -*, *::before, *::after { +*, +*::before, +*::after { margin: 0; padding: 0; box-sizing: border-box; @@ -113,10 +115,23 @@ body { } /* Scrollbar */ -::-webkit-scrollbar { width: 6px; height: 6px; } -::-webkit-scrollbar-track { background: transparent; } -::-webkit-scrollbar-thumb { background: var(--text-muted); border-radius: var(--radius-full); } -::-webkit-scrollbar-thumb:hover { background: var(--text-tertiary); } +::-webkit-scrollbar { + width: 6px; + height: 6px; +} + +::-webkit-scrollbar-track { + background: transparent; +} + +::-webkit-scrollbar-thumb { + background: var(--text-muted); + border-radius: var(--radius-full); +} + +::-webkit-scrollbar-thumb:hover { + background: var(--text-tertiary); +} /* ---- Sidebar ---- */ .sidebar { @@ -274,8 +289,15 @@ body { } @keyframes pulse-glow { - 0%, 100% { box-shadow: 0 0 8px rgba(34, 197, 94, 0.3); } - 50% { box-shadow: 0 0 14px rgba(34, 197, 94, 0.6); } + + 0%, + 100% { + box-shadow: 0 0 8px rgba(34, 197, 94, 0.3); + } + + 50% { + box-shadow: 0 0 14px rgba(34, 197, 94, 0.6); + } } /* ---- Main Content ---- */ @@ -369,8 +391,15 @@ body { } @keyframes fadeIn { - from { opacity: 0; transform: translateY(8px); } - to { opacity: 1; transform: translateY(0); } + from { + opacity: 0; + transform: translateY(8px); + } + + to { + opacity: 1; + transform: translateY(0); + } } /* ---- Loading ---- */ @@ -394,7 +423,9 @@ body { } @keyframes spin { - to { transform: rotate(360deg); } + to { + transform: rotate(360deg); + } } /* ---- Buttons ---- */ @@ -712,7 +743,7 @@ body { } .ticket-table tbody tr.selected { - background: rgba(99, 102, 241, 0.08); + background: rgba(160, 65, 71, 0.15); box-shadow: inset 3px 0 0 var(--accent-primary); } @@ -901,24 +932,27 @@ body { /* ---- Batch Actions Bar ---- */ .batch-bar { - display: none; + display: flex; align-items: center; gap: var(--space-md); padding: var(--space-sm) var(--space-md); margin-bottom: var(--space-md); - background: linear-gradient(135deg, rgba(99, 102, 241, 0.12), rgba(139, 92, 246, 0.08)); + background: linear-gradient(135deg, rgba(160, 65, 71, 0.15), rgba(160, 65, 71, 0.15)); border: 1px solid var(--border-accent); border-radius: var(--radius-lg); animation: slideDown 0.2s ease-out; } -.batch-bar.visible { - display: flex; -} - @keyframes slideDown { - from { opacity: 0; transform: translateY(-8px); } - to { opacity: 1; transform: translateY(0); } + from { + opacity: 0; + transform: translateY(-8px); + } + + to { + opacity: 1; + transform: translateY(0); + } } .batch-count { @@ -1409,13 +1443,27 @@ body { } @keyframes toastIn { - from { opacity: 0; transform: translateX(40px) scale(0.95); } - to { opacity: 1; transform: translateX(0) scale(1); } + from { + opacity: 0; + transform: translateX(40px) scale(0.95); + } + + to { + opacity: 1; + transform: translateX(0) scale(1); + } } @keyframes toastOut { - from { opacity: 1; transform: translateX(0) scale(1); } - to { opacity: 0; transform: translateX(40px) scale(0.95); } + from { + opacity: 1; + transform: translateX(0) scale(1); + } + + to { + opacity: 0; + transform: translateX(40px) scale(0.95); + } } /* ---- Recent Tickets Table (Dashboard) ---- */ @@ -1525,6 +1573,7 @@ body { .ticket-detail { grid-template-columns: 1fr; } + .ticket-sidebar { order: -1; } @@ -1534,16 +1583,20 @@ body { :root { --sidebar-width: 0px; } + .sidebar { transform: translateX(-100%); width: 260px; } + .sidebar.open { transform: translateX(0); } + .search-bar { width: 200px; } + .form-grid { grid-template-columns: 1fr; } @@ -1586,3 +1639,294 @@ body { border-bottom: none; } +/* ---- Bulk Tickets Grid Styles ---- */ +.bulk-grid-wrapper { + width: 100%; + overflow-x: auto; + margin-bottom: var(--space-lg); + border: 1px solid var(--border-subtle); + border-radius: var(--radius-lg); + background: var(--bg-card); + min-height: 520px; + /* Previene il ritaglio dei menu a tendina se ci sono poche righe */ +} + +.bulk-grid-table { + width: 100%; + border-collapse: collapse; + text-align: left; + min-width: 1200px; +} + +.bulk-grid-table tr:focus-within { + position: relative; + z-index: 100; + /* Solleva la riga attiva sopra le altre */ +} + +.bulk-grid-table td:focus-within { + position: relative; + z-index: 110; + /* Solleva la cella attiva sopra le altre */ +} + +.bulk-grid-table th { + padding: var(--space-md); + font-size: 0.75rem; + font-weight: 600; + color: var(--text-tertiary); + text-transform: uppercase; + letter-spacing: 0.05em; + border-bottom: 1px solid var(--border-light); + background: rgba(255, 255, 255, 0.01); +} + +.bulk-grid-table td { + padding: var(--space-sm) var(--space-md); + border-bottom: 1px solid var(--border-subtle); + position: relative; + vertical-align: middle; +} + +.bulk-grid-table tr:hover { + background: rgba(255, 255, 255, 0.01); +} + +.bulk-input, +.bulk-select { + width: 100%; + padding: 6px 10px; + background: rgba(0, 0, 0, 0.2); + border: 1px solid var(--border-light); + border-radius: var(--radius-md); + color: var(--text-primary); + font-family: inherit; + font-size: 0.85rem; + height: 36px; + transition: all var(--transition-fast); +} + +.bulk-input:focus, +.bulk-select:focus { + border-color: var(--border-accent); + box-shadow: 0 0 0 2px var(--accent-primary-glow); + background: rgba(0, 0, 0, 0.3); + outline: none; +} + +.bulk-textarea-container { + position: relative; + width: 180px; + height: 36px; +} + +.bulk-textarea { + position: absolute; + top: 0; + right: 0; + /* Si ancora sul bordo destro */ + width: 180px; + height: 36px; + padding: 6px 10px; + background: var(--bg-secondary); + /* Rimosso trasparenza */ + border: 1px solid var(--border-light); + border-radius: var(--radius-md); + color: var(--text-primary); + font-family: inherit; + font-size: 0.85rem; + line-height: 1.4; + resize: none; + overflow: hidden; + transition: all var(--transition-base) cubic-bezier(0.4, 0, 0.2, 1); + z-index: 5; +} + +.bulk-textarea:focus { + width: 320px; + height: 120px; + right: 0; + /* Mantiene l'ancoraggio a destra per espandersi verso sinistra */ + overflow-y: auto; + z-index: 99; + background: var(--bg-secondary); + /* Rimosso trasparenza */ + box-shadow: var(--shadow-lg), 0 10px 25px rgba(0, 0, 0, 1); + border-color: var(--border-accent); + outline: none; + resize: vertical; +} + +.bulk-select option { + background-color: #111827; + /* Sfondo scuro per gli stati e i tipi */ + color: var(--text-primary); +} + +.bulk-suggestions { + position: absolute; + top: 100%; + left: 0; + width: max-content; + min-width: 100%; + max-width: 400px; + background: #1f2937; + border: 1px solid var(--border-light); + border-radius: var(--radius-md); + max-height: 380px; + /* Incrementata l'altezza per contenere più elementi */ + overflow-y: auto; + z-index: 999; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.6); +} + +.bulk-suggestions-item { + padding: 6px 10px; + /* Compatto */ + cursor: pointer; + border-bottom: 1px solid rgba(156, 163, 175, 0.1); + font-size: 0.8rem; + color: #e5e7eb; +} + +.bulk-suggestions-item:hover { + background: var(--accent-primary); + color: white; +} + +.bulk-suggestions-item:last-child { + border-bottom: none; +} + +.bulk-actions-container { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: var(--space-md); + flex-wrap: wrap; + gap: var(--space-md); +} + +.row-status-dot { + width: 8px; + height: 8px; + border-radius: 50%; + display: inline-block; + margin-right: var(--space-xs); + background: var(--text-muted); +} + +.row-status-dot.pending { + background: var(--warning); + box-shadow: 0 0 8px var(--warning); +} + +.row-status-dot.success { + background: var(--success); + box-shadow: 0 0 8px var(--success); +} + +.row-status-dot.error { + background: var(--error); + box-shadow: 0 0 8px var(--error); +} + +.row-actions { + display: flex; + align-items: center; + gap: var(--space-xs); +} + +.bulk-row-expanded { + background: rgba(255, 255, 255, 0.015); +} + +.bulk-row-expanded-content { + padding: var(--space-md); + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: var(--space-md); + border-bottom: 1px solid var(--border-subtle); +} + +/* Ticket List Links */ +.ticket-tn-link, +.ticket-title-link { + color: inherit; + text-decoration: none; + font-weight: inherit; + transition: color var(--transition-fast); +} + +.ticket-tn-link:hover, +.ticket-title-link:hover { + color: var(--accent-primary-hover); + text-decoration: underline; +} + +/* Inline Retrodate Editors */ +.retrodate-container { + display: inline-flex; + align-items: center; + gap: var(--space-xs); +} + +.retrodate-btn-edit { + background: none; + border: none; + color: var(--text-muted); + cursor: pointer; + padding: 2px 4px; + font-size: 0.85rem; + transition: color var(--transition-fast); + display: inline-flex; + align-items: center; +} + +.retrodate-btn-edit:hover { + color: var(--accent-primary); +} + +.retrodate-editor { + display: flex; + align-items: center; + gap: var(--space-xs); +} + +.retrodate-input { + background: var(--bg-secondary); + border: 1px solid var(--border-light); + border-radius: var(--radius-sm); + color: var(--text-primary); + padding: 2px 6px; + font-size: 0.8rem; + font-family: inherit; +} + +.retrodate-input:focus { + outline: none; + border-color: var(--accent-primary); +} + +.retrodate-actions { + display: flex; + gap: 2px; +} + +.retrodate-btn-action { + background: none; + border: none; + cursor: pointer; + padding: 2px; + display: flex; + align-items: center; + font-size: 1rem; +} + +.retrodate-btn-action.save { + color: var(--success); +} + +.retrodate-btn-action.cancel { + color: var(--error); +} \ No newline at end of file diff --git a/public/index.html b/public/index.html index 529bbac..b951b90 100644 --- a/public/index.html +++ b/public/index.html @@ -50,6 +50,17 @@ Nuovo Ticket +
  • + + + + + + + + Apertura Massiva + +
    • @@ -66,7 +77,14 @@

    Dashboard

    - +
    + + +
    +
    + Da Data/Ora + +
    +
    + A Data/Ora + +
    diff --git a/public/js/views/ticketBulk.js b/public/js/views/ticketBulk.js new file mode 100644 index 0000000..c3a2754 --- /dev/null +++ b/public/js/views/ticketBulk.js @@ -0,0 +1,718 @@ +/** + * Ticket Bulk Creation View + * Tabular layout for creating multiple tickets. + */ +const TicketBulkView = { + rowCount: 0, + activeRequests: false, + + async render() { + const container = document.getElementById('view-container'); + container.innerHTML = '

    Caricamento dati...

    '; + + try { + await App.ensureLookups(); + + // Check if we have incoming query parameters (e.g. from Teams integration) + const hashParts = window.location.hash.split('?'); + const searchStr = hashParts.length > 1 ? hashParts[1] : window.location.search; + const urlParams = new URLSearchParams(searchStr); + const incomingBody = urlParams.get('body'); + const incomingCustomer = urlParams.get('customer'); + const incomingSubject = urlParams.get('subject'); + + if (incomingBody || incomingCustomer || incomingSubject) { + let foundCustomer = null; + if (incomingCustomer) { + try { + const results = await App.api(`/api/customer-users/search?q=${encodeURIComponent(incomingCustomer)}`); + if (results && results.length > 0) { + foundCustomer = results[0]; + } + } catch (e) { + console.warn('Failed to search customer for Teams integration:', e); + } + } + + const initialRowData = { + state_id: '1', + title: 'Segnalazione da Teams', + queue_name: App.lookups.queues && App.lookups.queues.length > 0 ? App.lookups.queues[0].name : '', + queue_id: App.lookups.queues && App.lookups.queues.length > 0 ? App.lookups.queues[0].id : '', + type_id: '', + owner_name: '', + owner_id: '', + responsible_name: '', + responsible_id: '', + customer_search: foundCustomer ? `${foundCustomer.first_name} ${foundCustomer.last_name}` : (incomingCustomer || ''), + customer_id: foundCustomer ? foundCustomer.customer_id : '', + customer_user_id: foundCustomer ? foundCustomer.login : (incomingCustomer || ''), + subject: incomingSubject || 'Messaggio da Microsoft Teams', + body: incomingBody || '', + priority_id: '3', + company_display: foundCustomer ? foundCustomer.customer_id : '', + isExpanded: true, + statusDotClass: '', + statusDotTitle: '' + }; + + if (!this.savedRows) this.savedRows = []; + this.savedRows.unshift(initialRowData); + + // Clean query parameters from URL to prevent duplicate inserts on reload + window.history.replaceState({}, document.title, window.location.pathname + window.location.hash.split('?')[0]); + } + + this.rowCount = 0; + + container.innerHTML = ` +
    +
    + Apertura Massiva Ticket + + Usa il tasto Tab per spostarti e creare nuove righe in automatico. + +
    + +
    + + + + + + + + + + + + + + + + + + + +
    #Stato *Titolo *Coda *TipoOwnerResponsabileCliente *OggettoMessaggioAzioni
    +
    + +
    +
    + +
    +
    + + +
    +
    +
    + `; + + // Add event listeners + document.getElementById('bulk-add-row-btn').addEventListener('click', () => this.addRow()); + document.getElementById('bulk-submit-btn').addEventListener('click', () => this.submitBulk()); + + // Add first row or restore saved rows + if (this.savedRows && this.savedRows.length > 0) { + this.savedRows.forEach(rowData => this.addRow(rowData)); + } else { + this.addRow(); + } + + } catch (err) { + console.error('Error rendering bulk view:', err); + container.innerHTML = `

    Errore caricamento: ${err.message}

    `; + } + }, + + addRow(savedData = null) { + this.rowCount++; + const id = this.rowCount; + const container = document.getElementById('bulk-rows-container'); + + const tr = document.createElement('tr'); + tr.id = `bulk-row-${id}`; + tr.className = 'bulk-row'; + tr.innerHTML = ` + + ${id} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    + + +
    + + +
    + + `; + + // Collapsible advanced row + const trExp = document.createElement('tr'); + trExp.id = `bulk-row-expanded-${id}`; + trExp.className = 'bulk-row-expanded'; + trExp.style.display = 'none'; + trExp.innerHTML = ` + +
    +
    + + +
    +
    + + +
    +
    + + `; + + container.appendChild(tr); + container.appendChild(trExp); + + // Populate with savedData if available, otherwise set default values + if (savedData) { + tr.querySelector(`#bulk-state-${id}`).value = savedData.state_id; + tr.querySelector(`#bulk-title-${id}`).value = savedData.title; + tr.querySelector(`#bulk-queue-search-${id}`).value = savedData.queue_name; + tr.querySelector(`#bulk-queue-${id}`).value = savedData.queue_id; + tr.querySelector(`#bulk-type-${id}`).value = savedData.type_id; + tr.querySelector(`#bulk-owner-search-${id}`).value = savedData.owner_name; + tr.querySelector(`#bulk-owner-${id}`).value = savedData.owner_id; + tr.querySelector(`#bulk-responsible-search-${id}`).value = savedData.responsible_name; + tr.querySelector(`#bulk-responsible-${id}`).value = savedData.responsible_id; + tr.querySelector(`#bulk-customer-search-${id}`).value = savedData.customer_search; + tr.querySelector(`#bulk-customer-${id}`).value = savedData.customer_id; + tr.querySelector(`#bulk-customer-user-id-${id}`).value = savedData.customer_user_id; + tr.querySelector(`#bulk-subject-${id}`).value = savedData.subject; + tr.querySelector(`#bulk-body-${id}`).value = savedData.body; + trExp.querySelector(`#bulk-priority-${id}`).value = savedData.priority_id; + trExp.querySelector(`#bulk-company-display-${id}`).value = savedData.company_display; + + if (savedData.isExpanded) { + trExp.style.display = 'table-row'; + const btn = tr.querySelector(`#bulk-expand-btn-${id}`); + btn.innerHTML = ``; + } + + const dot = tr.querySelector(`#status-dot-${id}`); + if (savedData.statusDotClass) dot.className = savedData.statusDotClass; + if (savedData.statusDotTitle) dot.title = savedData.statusDotTitle; + + } else { + // Default queue pre-population + const defaultQueueInput = tr.querySelector(`#bulk-queue-search-${id}`); + const defaultQueueHidden = tr.querySelector(`#bulk-queue-${id}`); + if (App.lookups.queues && App.lookups.queues.length > 0) { + defaultQueueInput.value = App.lookups.queues[0].name; + defaultQueueHidden.value = App.lookups.queues[0].id; + } + + // Default owner and responsible (Active Agent) + const activeAgentId = localStorage.getItem('activeAgentId') || '1'; + const activeAgent = (App.lookups.users || []).find(u => String(u.id) === String(activeAgentId)); + if (activeAgent) { + const agentName = `${activeAgent.first_name} ${activeAgent.last_name}`; + tr.querySelector(`#bulk-owner-search-${id}`).value = agentName; + tr.querySelector(`#bulk-owner-${id}`).value = activeAgent.id; + tr.querySelector(`#bulk-responsible-search-${id}`).value = agentName; + tr.querySelector(`#bulk-responsible-${id}`).value = activeAgent.id; + } + } + + // Toggle expand button + tr.querySelector(`#bulk-expand-btn-${id}`).addEventListener('click', (e) => { + e.preventDefault(); + const isHidden = trExp.style.display === 'none'; + trExp.style.display = isHidden ? 'table-row' : 'none'; + const btn = tr.querySelector(`#bulk-expand-btn-${id}`); + btn.innerHTML = isHidden + ? `` + : ``; + this.saveState(); + }); + + // Delete button + tr.querySelector(`#bulk-delete-btn-${id}`).addEventListener('click', (e) => { + e.preventDefault(); + tr.remove(); + trExp.remove(); + this.reorderRows(); + this.saveState(); + }); + + // Setup autocompletes + this.setupAutocomplete(id, 'queue', `bulk-queue-search-${id}`, `bulk-queue-${id}`, `bulk-queue-suggestions-${id}`); + this.setupAutocomplete(id, 'owner', `bulk-owner-search-${id}`, `bulk-owner-${id}`, `bulk-owner-suggestions-${id}`); + this.setupAutocomplete(id, 'responsible', `bulk-responsible-search-${id}`, `bulk-responsible-${id}`, `bulk-responsible-suggestions-${id}`); + this.setupAutocomplete(id, 'customer', `bulk-customer-search-${id}`, `bulk-customer-${id}`, `bulk-customer-suggestions-${id}`); + + // Setup Tab key navigation on the last field (body textarea) + const textarea = tr.querySelector(`#bulk-body-${id}`); + textarea.addEventListener('keydown', (e) => { + if (e.key === 'Tab' && !e.shiftKey) { + // Check if this is the last visible bulk-row textarea + const activeRows = container.querySelectorAll('.bulk-row'); + const lastRow = activeRows[activeRows.length - 1]; + if (tr === lastRow) { + e.preventDefault(); + this.addRow(); + // Focus the next row's first input (Title) + setTimeout(() => { + const nextId = this.rowCount; + document.getElementById(`bulk-title-${nextId}`)?.focus(); + }, 50); + } + } + }); + + // Scroll table to make inputs and textareas fully visible when focused + tr.querySelectorAll('input, select, textarea').forEach(input => { + input.addEventListener('focus', () => { + const wrapper = document.querySelector('.bulk-grid-wrapper'); + if (wrapper) { + setTimeout(() => { + const rect = input.getBoundingClientRect(); + const wrapperRect = wrapper.getBoundingClientRect(); + if (rect.right > wrapperRect.right) { + wrapper.scrollBy({ left: rect.right - wrapperRect.right + 40, behavior: 'smooth' }); + } else if (rect.left < wrapperRect.left) { + wrapper.scrollBy({ left: rect.left - wrapperRect.left - 40, behavior: 'smooth' }); + } + if (rect.bottom > wrapperRect.bottom) { + wrapper.scrollBy({ top: rect.bottom - wrapperRect.bottom + 40, behavior: 'smooth' }); + } else if (rect.top < wrapperRect.top) { + wrapper.scrollBy({ top: rect.top - wrapperRect.top - 40, behavior: 'smooth' }); + } + }, 150); + } + }); + }); + + // Save state on any input change + tr.querySelectorAll('input, select, textarea').forEach(input => { + input.addEventListener('input', () => this.saveState()); + input.addEventListener('change', () => this.saveState()); + }); + trExp.querySelectorAll('input, select, textarea').forEach(input => { + input.addEventListener('input', () => this.saveState()); + input.addEventListener('change', () => this.saveState()); + }); + + this.saveState(); + }, + + reorderRows() { + const container = document.getElementById('bulk-rows-container'); + const rows = container.querySelectorAll('.bulk-row'); + rows.forEach((row, index) => { + const numSpan = row.querySelector('.row-num'); + if (numSpan) numSpan.textContent = index + 1; + }); + }, + + saveState() { + const container = document.getElementById('bulk-rows-container'); + if (!container) return; + const rows = container.querySelectorAll('.bulk-row'); + const data = []; + rows.forEach(row => { + const id = row.id.replace('bulk-row-', ''); + + const state_id = document.getElementById(`bulk-state-${id}`).value; + const title = document.getElementById(`bulk-title-${id}`).value; + const queue_name = document.getElementById(`bulk-queue-search-${id}`).value; + const queue_id = document.getElementById(`bulk-queue-${id}`).value; + const type_id = document.getElementById(`bulk-type-${id}`).value; + const owner_name = document.getElementById(`bulk-owner-search-${id}`).value; + const owner_id = document.getElementById(`bulk-owner-${id}`).value; + const responsible_name = document.getElementById(`bulk-responsible-search-${id}`).value; + const responsible_id = document.getElementById(`bulk-responsible-${id}`).value; + const customer_search = document.getElementById(`bulk-customer-search-${id}`).value; + const customer_id = document.getElementById(`bulk-customer-${id}`).value; + const customer_user_id = document.getElementById(`bulk-customer-user-id-${id}`).value; + const subject = document.getElementById(`bulk-subject-${id}`).value; + const body = document.getElementById(`bulk-body-${id}`).value; + + const priority_id = document.getElementById(`bulk-priority-${id}`).value; + const company_display = document.getElementById(`bulk-company-display-${id}`).value; + + const trExp = document.getElementById(`bulk-row-expanded-${id}`); + const isExpanded = trExp ? trExp.style.display !== 'none' : false; + const statusDot = document.getElementById(`status-dot-${id}`); + const statusDotClass = statusDot ? statusDot.className : ''; + const statusDotTitle = statusDot ? statusDot.title : ''; + + data.push({ + state_id, + title, + queue_name, + queue_id, + type_id, + owner_name, + owner_id, + responsible_name, + responsible_id, + customer_search, + customer_id, + customer_user_id, + subject, + body, + priority_id, + company_display, + isExpanded, + statusDotClass, + statusDotTitle + }); + }); + this.savedRows = data; + }, + + setupAutocomplete(rowId, type, searchInputId, hiddenInputId, suggestionsDivId) { + const input = document.getElementById(searchInputId); + const hidden = document.getElementById(hiddenInputId); + const suggestions = document.getElementById(suggestionsDivId); + if (!input || !suggestions) return; + + let debounce; + + const adjustSuggestionsScroll = () => { + setTimeout(() => { + const wrapper = document.querySelector('.bulk-grid-wrapper'); + if (wrapper) { + const rect = suggestions.getBoundingClientRect(); + const wrapperRect = wrapper.getBoundingClientRect(); + if (rect.right > wrapperRect.right) { + wrapper.scrollBy({ left: rect.right - wrapperRect.right + 40, behavior: 'smooth' }); + } else if (rect.left < wrapperRect.left) { + wrapper.scrollBy({ left: rect.left - wrapperRect.left - 40, behavior: 'smooth' }); + } + if (rect.bottom > wrapperRect.bottom) { + wrapper.scrollBy({ top: rect.bottom - wrapperRect.bottom + 40, behavior: 'smooth' }); + } else if (rect.top < wrapperRect.top) { + wrapper.scrollBy({ top: rect.top - wrapperRect.top - 40, behavior: 'smooth' }); + } + } + }, 50); + }; + + const renderResults = (results) => { + if (results.length === 0) { + suggestions.innerHTML = '
    Nessun risultato
    '; + suggestions.style.display = 'block'; + adjustSuggestionsScroll(); + return; + } + + suggestions.innerHTML = results.map(r => { + if (type === 'queue') { + return `
    ${App.escapeHtml(r.name)}
    `; + } else if (type === 'owner' || type === 'responsible') { + return `
    ${App.escapeHtml(r.first_name)} ${App.escapeHtml(r.last_name)} (${r.login})
    `; + } else if (type === 'customer') { + return `
    ${App.escapeHtml(r.first_name)} ${App.escapeHtml(r.last_name)} (${r.login} | ${r.customer_id || '—'})
    `; + } + }).join(''); + suggestions.style.display = 'block'; + adjustSuggestionsScroll(); + + // Bind clicks + suggestions.querySelectorAll('.bulk-suggestions-item').forEach(item => { + item.addEventListener('click', () => { + if (type === 'queue' || type === 'owner' || type === 'responsible') { + input.value = item.dataset.name; + hidden.value = item.dataset.id; + } else if (type === 'customer') { + input.value = item.dataset.name; + hidden.value = item.dataset.customerId || ''; + document.getElementById(`bulk-customer-user-id-${rowId}`).value = item.dataset.login; + document.getElementById(`bulk-company-display-${rowId}`).value = item.dataset.customerId || ''; + } + suggestions.style.display = 'none'; + }); + }); + }; + + const showAllLocalOrQuery = async () => { + if (type === 'queue') { + renderResults(App.lookups.queues || []); + } else if (type === 'owner' || type === 'responsible') { + renderResults(App.lookups.users || []); + } else if (type === 'customer') { + try { + const results = await App.api(`/api/customer-users/search?q=`); + renderResults(results); + } catch (err) { + console.error(err); + } + } + }; + + input.addEventListener('input', () => { + clearTimeout(debounce); + const q = input.value.trim(); + + // Clear hidden values if user deletes text + if (q.length === 0) { + hidden.value = ''; + if (type === 'customer') { + document.getElementById(`bulk-customer-user-id-${rowId}`).value = ''; + document.getElementById(`bulk-company-display-${rowId}`).value = ''; + } + showAllLocalOrQuery(); + return; + } + + if (type !== 'queue' && type !== 'owner' && type !== 'responsible' && type !== 'customer' && q.length < 2) { + suggestions.style.display = 'none'; + return; + } + + // Local filtering for fast performance on loaded lookups + if (type === 'queue' || type === 'owner' || type === 'responsible') { + const lowerQ = q.toLowerCase(); + let filtered = []; + if (type === 'queue') { + filtered = (App.lookups.queues || []).filter(r => r.name.toLowerCase().includes(lowerQ)); + } else { + filtered = (App.lookups.users || []).filter(r => + r.first_name.toLowerCase().includes(lowerQ) || + r.last_name.toLowerCase().includes(lowerQ) || + r.login.toLowerCase().includes(lowerQ) + ); + } + renderResults(filtered); + return; + } + + // API search for customer users + debounce = setTimeout(async () => { + try { + const results = await App.api(`/api/customer-users/search?q=${encodeURIComponent(q)}`); + renderResults(results); + } catch (err) { + console.error(err); + } + }, 250); + }); + + // Close suggestions clicking outside + document.addEventListener('click', (e) => { + if (e.target !== input && e.target !== suggestions) { + suggestions.style.display = 'none'; + } + }); + + // Close suggestions on blur (tab navigation out of input) + input.addEventListener('blur', () => { + setTimeout(() => { + suggestions.style.display = 'none'; + }, 200); + }); + + // Empty input and show list on focus/click + input.addEventListener('focus', () => { + if (type === 'queue' || type === 'owner' || type === 'responsible' || type === 'customer') { + input.value = ''; + hidden.value = ''; + if (type === 'customer') { + document.getElementById(`bulk-customer-user-id-${rowId}`).value = ''; + document.getElementById(`bulk-company-display-${rowId}`).value = ''; + } + showAllLocalOrQuery(); + } + }); + }, + + async submitBulk() { + if (this.activeRequests) return; + + const container = document.getElementById('bulk-rows-container'); + const rows = container.querySelectorAll('.bulk-row'); + if (rows.length === 0) { + Toast.warning('Nessun ticket da creare'); + return; + } + + // Validation pass + const ticketsToSend = []; + let hasValidationError = false; + + rows.forEach(row => { + const id = row.id.replace('bulk-row-', ''); + const state_id = document.getElementById(`bulk-state-${id}`).value; + const title = document.getElementById(`bulk-title-${id}`).value.trim(); + const queue_id = document.getElementById(`bulk-queue-${id}`).value; + const queue_name = document.getElementById(`bulk-queue-search-${id}`).value; + const type_id = document.getElementById(`bulk-type-${id}`).value; + const ownerId = document.getElementById(`bulk-owner-${id}`).value; + const responsibleId = document.getElementById(`bulk-responsible-${id}`).value; + const customerId = document.getElementById(`bulk-customer-${id}`).value; + const customerUserId = document.getElementById(`bulk-customer-user-id-${id}`).value; + const customerSearch = document.getElementById(`bulk-customer-search-${id}`).value; + const subject = document.getElementById(`bulk-subject-${id}`).value.trim(); + const body = document.getElementById(`bulk-body-${id}`).value.trim(); + const priority_id = document.getElementById(`bulk-priority-${id}`).value; + + // Reset status indicators + const dot = document.getElementById(`status-dot-${id}`); + dot.className = 'row-status-dot'; + + if (!title) { + Toast.warning(`Titolo obbligatorio alla riga ${id}`); + document.getElementById(`bulk-title-${id}`).focus(); + hasValidationError = true; + return; + } + if (!queue_id) { + Toast.warning(`Seleziona una coda valida alla riga ${id}`); + document.getElementById(`bulk-queue-search-${id}`).focus(); + hasValidationError = true; + return; + } + if (!customerUserId && !customerId) { + Toast.warning(`Seleziona un Utente Cliente valido alla riga ${id}`); + document.getElementById(`bulk-customer-search-${id}`).focus(); + hasValidationError = true; + return; + } + + ticketsToSend.push({ + id, + payload: { + title, + queue_id: parseInt(queue_id), + state_id: parseInt(state_id), + priority_id: parseInt(priority_id), + user_id: ownerId ? parseInt(ownerId) : undefined, + responsible_user_id: responsibleId ? parseInt(responsibleId) : undefined, + type_id: type_id ? parseInt(type_id) : undefined, + customer_id: customerId || undefined, + customer_user_id: customerUserId || undefined, + subject: subject || undefined, + body: body || undefined + } + }); + }); + + if (hasValidationError) return; + + // Send tickets one by one + this.activeRequests = true; + const submitBtn = document.getElementById('bulk-submit-btn'); + const origBtnHtml = submitBtn.innerHTML; + submitBtn.disabled = true; + + Toast.info(`Inizio invio di ${ticketsToSend.length} ticket...`); + + let successCount = 0; + let failCount = 0; + + for (const ticket of ticketsToSend) { + const dot = document.getElementById(`status-dot-${ticket.id}`); + dot.className = 'row-status-dot pending'; + + try { + submitBtn.innerHTML = ` Invio riga ${ticket.id}...`; + + const result = await App.api('/api/tickets', { + method: 'POST', + body: JSON.stringify(ticket.payload) + }); + + dot.className = 'row-status-dot success'; + dot.title = `Successo: Ticket #${result.tn}`; + successCount++; + + } catch (err) { + console.error(`Error creating bulk ticket row ${ticket.id}:`, err); + dot.className = 'row-status-dot error'; + dot.title = `Errore: ${err.message}`; + failCount++; + } + } + + this.activeRequests = false; + submitBtn.disabled = false; + submitBtn.innerHTML = origBtnHtml; + + if (failCount === 0) { + Toast.success(`Tutti i ${successCount} ticket sono stati creati con successo!`); + this.savedRows = []; + setTimeout(() => { + window.location.hash = '#/tickets'; + }, 1500); + } else { + this.saveState(); + Toast.warning(`Invio completato: ${successCount} creati, ${failCount} falliti. Controlla i pallini colorati per i dettagli.`); + } + } +}; diff --git a/public/js/views/ticketCreate.js b/public/js/views/ticketCreate.js index b9bd9e1..5bc87d0 100644 --- a/public/js/views/ticketCreate.js +++ b/public/js/views/ticketCreate.js @@ -3,6 +3,32 @@ * Minimal, fast form for creating new tickets. */ const TicketCreateView = { + savedState: null, + + saveState() { + const stateEl = document.getElementById('create-state'); + if (!stateEl) return; + this.savedState = { + state_id: stateEl.value, + title: document.getElementById('create-title').value, + queue_name: document.getElementById('create-queue-search').value, + queue_id: document.getElementById('create-queue').value, + type_id: document.getElementById('create-type').value, + owner_name: document.getElementById('create-owner-search').value, + owner_id: document.getElementById('create-owner').value, + responsible_name: document.getElementById('create-responsible-search').value, + responsible_id: document.getElementById('create-responsible').value, + user_search: document.getElementById('create-user-search').value, + customer_user_id: document.getElementById('create-customer-user-id').value, + customer_id: document.getElementById('create-customer-id').value, + company_search: document.getElementById('create-company-search').value, + priority_id: document.getElementById('create-priority').value, + subject: document.getElementById('create-subject').value, + body: document.getElementById('create-body').value, + isAdvancedVisible: document.getElementById('advanced-options').style.display !== 'none' + }; + }, + async render() { const container = document.getElementById('view-container'); container.innerHTML = '

    Caricamento form...

    '; @@ -10,6 +36,57 @@ const TicketCreateView = { try { await App.ensureLookups(); + // Check if we have incoming query parameters (e.g. from Teams integration) + const hashParts = window.location.hash.split('?'); + const searchStr = hashParts.length > 1 ? hashParts[1] : window.location.search; + const urlParams = new URLSearchParams(searchStr); + const incomingBody = urlParams.get('body'); + const incomingCustomer = urlParams.get('customer'); + const incomingSubject = urlParams.get('subject'); + + if (incomingBody || incomingCustomer || incomingSubject) { + let foundCustomer = null; + if (incomingCustomer) { + try { + const results = await App.api(`/api/customer-users/search?q=${encodeURIComponent(incomingCustomer)}`); + if (results && results.length > 0) { + foundCustomer = results[0]; + } + } catch (e) { + console.warn('Failed to search customer for Teams integration:', e); + } + } + + // Prepopulate default active agent details + const currentAgentId = localStorage.getItem('activeAgentId') || '1'; + const activeAgent = (App.lookups.users || []).find(u => String(u.id) === String(currentAgentId)); + const agentName = activeAgent ? `${activeAgent.first_name} ${activeAgent.last_name}` : ''; + const agentId = activeAgent ? activeAgent.id : ''; + + this.savedState = { + state_id: '1', // default state + title: 'Segnalazione da Teams', + queue_name: App.lookups.queues && App.lookups.queues.length > 0 ? App.lookups.queues[0].name : '', + queue_id: App.lookups.queues && App.lookups.queues.length > 0 ? App.lookups.queues[0].id : '', + type_id: '', + owner_name: agentName, + owner_id: agentId, + responsible_name: agentName, + responsible_id: agentId, + user_search: foundCustomer ? `${foundCustomer.first_name} ${foundCustomer.last_name} <${foundCustomer.email}>` : (incomingCustomer || ''), + customer_user_id: foundCustomer ? foundCustomer.login : (incomingCustomer || ''), + customer_id: foundCustomer ? foundCustomer.customer_id : '', + company_search: foundCustomer ? foundCustomer.customer_id : '', + priority_id: '3', + subject: incomingSubject || 'Messaggio da Microsoft Teams', + body: incomingBody || '', + isAdvancedVisible: false + }; + + // Clean query parameters from URL to prevent duplicate inserts on reload + window.history.replaceState({}, document.title, window.location.pathname + window.location.hash.split('?')[0]); + } + container.innerHTML = ` @@ -158,57 +235,83 @@ const TicketCreateView = { const advancedOptions = document.getElementById('advanced-options'); const arrow = document.getElementById('advanced-arrow'); - // Pre-populate default values asynchronously - setTimeout(async () => { - // 1. Owner & Responsible pre-population with active agent - const currentAgentId = localStorage.getItem('activeAgentId') || '1'; - const activeAgent = (App.lookups.users || []).find(u => String(u.id) === String(currentAgentId)); - if (activeAgent) { - if (ownerSearchInput && ownerIdInput) { - ownerSearchInput.value = `${activeAgent.first_name} ${activeAgent.last_name}`; - ownerIdInput.value = activeAgent.id; - } - if (responsibleSearchInput && responsibleIdInput) { - responsibleSearchInput.value = `${activeAgent.first_name} ${activeAgent.last_name}`; - responsibleIdInput.value = activeAgent.id; - } + // Restore saved state if exists, otherwise load defaults asynchronously + if (this.savedState) { + document.getElementById('create-state').value = this.savedState.state_id; + document.getElementById('create-title').value = this.savedState.title; + document.getElementById('create-queue-search').value = this.savedState.queue_name; + document.getElementById('create-queue').value = this.savedState.queue_id; + if (document.getElementById('create-type')) { + document.getElementById('create-type').value = this.savedState.type_id; } + document.getElementById('create-owner-search').value = this.savedState.owner_name; + document.getElementById('create-owner').value = this.savedState.owner_id; + document.getElementById('create-responsible-search').value = this.savedState.responsible_name; + document.getElementById('create-responsible').value = this.savedState.responsible_id; + document.getElementById('create-user-search').value = this.savedState.user_search; + document.getElementById('create-customer-user-id').value = this.savedState.customer_user_id; + document.getElementById('create-customer-id').value = this.savedState.customer_id; + document.getElementById('create-company-search').value = this.savedState.company_search; + document.getElementById('create-priority').value = this.savedState.priority_id; + document.getElementById('create-subject').value = this.savedState.subject; + document.getElementById('create-body').value = this.savedState.body; - // 2. Customer User pre-population with first match - try { - const companies = await App.api('/api/customer-companies/search?q=cliente'); - if (companies.length > 0 && customerIdInput && companySearchInput) { - const defaultCompany = companies[0]; - customerIdInput.value = defaultCompany.customer_id; - companySearchInput.value = defaultCompany.customer_id; - - // Search users for this company - const users = await App.api(`/api/customer-users/search?q=&customer_company_id=${encodeURIComponent(defaultCompany.customer_id)}`); - if (users.length > 0 && userSearchInput && customerUserIdInput) { - const defaultUser = users[0]; - userSearchInput.value = `${defaultUser.first_name} ${defaultUser.last_name}`; - customerUserIdInput.value = defaultUser.login; - } else { - // Fallback: use company name as customer user ID - userSearchInput.value = defaultCompany.name; - customerUserIdInput.value = defaultCompany.customer_id; + if (this.savedState.isAdvancedVisible) { + advancedOptions.style.display = 'grid'; + if (arrow) arrow.style.transform = 'rotate(90deg)'; + } + } else { + setTimeout(async () => { + // 1. Owner & Responsible pre-population with active agent + const currentAgentId = localStorage.getItem('activeAgentId') || '1'; + const activeAgent = (App.lookups.users || []).find(u => String(u.id) === String(currentAgentId)); + if (activeAgent) { + if (ownerSearchInput && ownerIdInput) { + ownerSearchInput.value = `${activeAgent.first_name} ${activeAgent.last_name}`; + ownerIdInput.value = activeAgent.id; + } + if (responsibleSearchInput && responsibleIdInput) { + responsibleSearchInput.value = `${activeAgent.first_name} ${activeAgent.last_name}`; + responsibleIdInput.value = activeAgent.id; } } - } catch (err) { - console.error('Error pre-populating defaults:', err); - } - // 3. Queue pre-population - try { - const queues = await App.api('/api/queues/search?q='); - if (queues.length > 0 && queueSearchInput && queueIdInput) { - queueSearchInput.value = queues[0].name; - queueIdInput.value = queues[0].id; + // 2. Customer User pre-population with first match + try { + const companies = await App.api('/api/customer-companies/search?q=cliente'); + if (companies.length > 0 && customerIdInput && companySearchInput) { + const defaultCompany = companies[0]; + customerIdInput.value = defaultCompany.customer_id; + companySearchInput.value = defaultCompany.customer_id; + + // Search users for this company + const users = await App.api(`/api/customer-users/search?q=&customer_company_id=${encodeURIComponent(defaultCompany.customer_id)}`); + if (users.length > 0 && userSearchInput && customerUserIdInput) { + const defaultUser = users[0]; + userSearchInput.value = `${defaultUser.first_name} ${defaultUser.last_name}`; + customerUserIdInput.value = defaultUser.login; + } else { + // Fallback: use company name as customer user ID + userSearchInput.value = defaultCompany.name; + customerUserIdInput.value = defaultCompany.customer_id; + } + } + } catch (err) { + console.error('Error pre-populating defaults:', err); } - } catch (err) { - console.error('Error pre-populating queues:', err); - } - }, 50); + + // 3. Queue pre-population + try { + const queues = await App.api('/api/queues/search?q='); + if (queues.length > 0 && queueSearchInput && queueIdInput) { + queueSearchInput.value = queues[0].name; + queueIdInput.value = queues[0].id; + } + } catch (err) { + console.error('Error pre-populating queues:', err); + } + }, 50); + } // Collapsible Options Toggle if (toggleBtn && advancedOptions && arrow) { @@ -491,6 +594,7 @@ const TicketCreateView = { }); Toast.success(`Ticket #${result.tn} creato!`); + this.savedState = null; // Clear cached state on success // Navigate to the new ticket window.location.hash = `#/tickets/${result.id}`; @@ -506,5 +610,11 @@ const TicketCreateView = { `; } }); + + // Save state on any input/change in the form + document.querySelectorAll('.create-form input, .create-form select, .create-form textarea').forEach(el => { + el.addEventListener('input', () => this.saveState()); + el.addEventListener('change', () => this.saveState()); + }); }, }; diff --git a/public/js/views/ticketDetail.js b/public/js/views/ticketDetail.js index e4f9cb1..415d761 100644 --- a/public/js/views/ticketDetail.js +++ b/public/js/views/ticketDetail.js @@ -15,6 +15,12 @@ const TicketDetailView = { await App.ensureLookups(); const data = await App.api(`/api/tickets/${id}`); const { ticket, articles } = data; + const localISO = (dateStr) => { + if (!dateStr) return ''; + const d = new Date(dateStr); + return new Date(d.getTime() - d.getTimezoneOffset() * 60000).toISOString().slice(0, 16); + }; + const totalTime = articles.reduce((sum, a) => { const val = parseFloat(a.time_unit); return sum + (isNaN(val) ? 0 : val); @@ -131,12 +137,24 @@ const TicketDetailView = {
    ${a.sender_type || 'System'} + ID: ${a.article_id} ${App.escapeHtml(a.a_from || a.creator_first + ' ' + a.creator_last || 'Sistema')} ${a.channel_name ? `via ${a.channel_name}` : ''}
    ${a.time_unit ? `⏱ ${parseFloat(a.time_unit)} min` : ''} - ${App.formatDateTime(a.create_time)} + +
    + ${App.formatDateTime(a.create_time)} + + +
    ${a.a_subject ? `
    ${App.escapeHtml(a.a_subject)}
    ` : ''} @@ -162,7 +180,19 @@ const TicketDetailView = {
    Creato - ${App.formatDateTime(ticket.create_time)} + +
    + ${App.formatDateTime(ticket.create_time)} + + +
    +
    Modificato @@ -338,5 +368,94 @@ const TicketDetailView = { noteSendBtn.innerHTML = 'Invia Nota'; } }); + + // Retrodate Ticket Event Listeners + const btnEditTicketDate = document.getElementById('btn-edit-ticket-date'); + const ticketDateEditor = document.getElementById('ticket-date-editor'); + const ticketDateText = document.getElementById('ticket-date-text'); + const btnSaveTicketDate = document.getElementById('btn-save-ticket-date'); + const btnCancelTicketDate = document.getElementById('btn-cancel-ticket-date'); + const inputTicketDate = document.getElementById('input-ticket-date'); + + if (btnEditTicketDate) { + btnEditTicketDate.addEventListener('click', () => { + btnEditTicketDate.style.display = 'none'; + ticketDateText.style.display = 'none'; + ticketDateEditor.style.display = 'flex'; + }); + + btnCancelTicketDate.addEventListener('click', () => { + ticketDateEditor.style.display = 'none'; + btnEditTicketDate.style.display = 'inline-flex'; + ticketDateText.style.display = 'inline'; + }); + + btnSaveTicketDate.addEventListener('click', async () => { + const val = inputTicketDate.value; + if (!val) { + Toast.warning('Scegli una data/ora valida.'); + return; + } + + try { + btnSaveTicketDate.disabled = true; + await App.api(`/api/tickets/${this.ticketId}/retrodata-ticket`, { + method: 'POST', + body: JSON.stringify({ create_time: val }) + }); + Toast.success('Data creazione ticket aggiornata!'); + this.render(this.ticketId); + } catch (err) { + Toast.error('Errore retrodatazione ticket: ' + err.message); + btnSaveTicketDate.disabled = false; + } + }); + } + + // Retrodate Articles Event Listeners + document.querySelectorAll('.retrodate-container[data-article-id]').forEach(container => { + const articleId = container.dataset.articleId; + const btnEdit = container.querySelector('.btn-edit-article-date'); + const editor = container.querySelector('.retrodate-editor'); + const timeText = container.querySelector('.article-time'); + const btnSave = container.querySelector('.btn-save-article-date'); + const btnCancel = container.querySelector('.btn-cancel-article-date'); + const input = container.querySelector('.input-article-date'); + + if (btnEdit) { + btnEdit.addEventListener('click', () => { + btnEdit.style.display = 'none'; + timeText.style.display = 'none'; + editor.style.display = 'flex'; + }); + + btnCancel.addEventListener('click', () => { + editor.style.display = 'none'; + btnEdit.style.display = 'inline-flex'; + timeText.style.display = 'inline'; + }); + + btnSave.addEventListener('click', async () => { + const val = input.value; + if (!val) { + Toast.warning('Scegli una data/ora valida.'); + return; + } + + try { + btnSave.disabled = true; + await App.api(`/api/tickets/articles/${articleId}/retrodata-article`, { + method: 'POST', + body: JSON.stringify({ create_time: val }) + }); + Toast.success('Data creazione articolo aggiornata!'); + this.render(this.ticketId); + } catch (err) { + Toast.error('Errore retrodatazione articolo: ' + err.message); + btnSave.disabled = false; + } + }); + } + }); }, }; diff --git a/public/js/views/ticketList.js b/public/js/views/ticketList.js index cfad6b1..8fc751f 100644 --- a/public/js/views/ticketList.js +++ b/public/js/views/ticketList.js @@ -51,11 +51,12 @@ const TicketListView = { const { total, page, per_page, total_pages } = data; container.innerHTML = ` - ${Filters.renderBar(App.lookups)} -
    - 0 selezionati +
    + 0 selezionati + +
    Stato - N° Titolo Stato @@ -96,27 +96,22 @@ const TicketListView = { Coda Owner Creato - Modificato ${tickets.length > 0 ? tickets.map(t => ` - - - - - ${t.tn} - ${App.escapeHtml(t.title || '(senza titolo)')} + + ${t.tn} + ${App.escapeHtml(t.title || '(senza titolo)')} ${t.state_name} - ${t.priority_name} + ${App.priorityIndex(t.priority_name)} ${t.queue_name} ${t.owner_first || ''} ${t.owner_last || ''} - ${App.formatDate(t.create_time)} - ${App.formatDate(t.change_time)} + ${App.formatDateTime(t.create_time)} `).join('') : ` - +
    📭
    Nessun ticket trovato
    @@ -186,42 +181,22 @@ const TicketListView = { }); }); - // Row click → detail + // Row click → Toggle selection document.querySelectorAll('.ticket-table tbody tr[data-ticket-id]').forEach(row => { row.addEventListener('click', (e) => { - if (e.target.type === 'checkbox' || e.target.closest('.checkbox-cell')) return; - window.location.hash = `#/tickets/${row.dataset.ticketId}`; - }); - }); - - // Checkbox selection - const selectAll = document.getElementById('select-all'); - if (selectAll) { - selectAll.addEventListener('change', (e) => { - const checkboxes = document.querySelectorAll('.ticket-checkbox'); - checkboxes.forEach(cb => { - cb.checked = e.target.checked; - const id = cb.value; - if (e.target.checked) { - this.selectedIds.add(id); - } else { - this.selectedIds.delete(id); - } - cb.closest('tr').classList.toggle('selected', e.target.checked); - }); - this.updateBatchBar(); - }); - } - - document.querySelectorAll('.ticket-checkbox').forEach(cb => { - cb.addEventListener('change', (e) => { - const id = e.target.value; - if (e.target.checked) { + // If click was on a link, let the browser perform navigation + if (e.target.closest('.ticket-tn-link') || e.target.closest('.ticket-title-link')) { + return; + } + + const id = String(row.dataset.ticketId); + if (this.selectedIds.has(id)) { + this.selectedIds.delete(id); + row.classList.remove('selected'); + } else { this.selectedIds.add(id); - } else { - this.selectedIds.delete(id); + row.classList.add('selected'); } - e.target.closest('tr').classList.toggle('selected', e.target.checked); this.updateBatchBar(); }); }); @@ -232,17 +207,27 @@ const TicketListView = { batchApply.addEventListener('click', () => this.applyBatch()); } + // Batch select all visible + const batchSelectAll = document.getElementById('batch-select-all'); + if (batchSelectAll) { + batchSelectAll.addEventListener('click', () => { + document.querySelectorAll('.ticket-table tbody tr[data-ticket-id]').forEach(row => { + const id = String(row.dataset.ticketId); + this.selectedIds.add(id); + row.classList.add('selected'); + }); + this.updateBatchBar(); + }); + } + // Batch cancel const batchCancel = document.getElementById('batch-cancel'); if (batchCancel) { batchCancel.addEventListener('click', () => { this.selectedIds.clear(); - document.querySelectorAll('.ticket-checkbox').forEach(cb => { - cb.checked = false; - cb.closest('tr').classList.remove('selected'); + document.querySelectorAll('.ticket-table tbody tr').forEach(tr => { + tr.classList.remove('selected'); }); - const selectAll = document.getElementById('select-all'); - if (selectAll) selectAll.checked = false; this.updateBatchBar(); }); } @@ -258,13 +243,9 @@ const TicketListView = { }, updateBatchBar() { - const bar = document.getElementById('batch-bar'); const count = document.getElementById('batch-count'); - if (this.selectedIds.size > 0) { - bar.classList.add('visible'); + if (count) { count.textContent = `${this.selectedIds.size} selezionat${this.selectedIds.size === 1 ? 'o' : 'i'}`; - } else { - bar.classList.remove('visible'); } }, diff --git a/routes/lookups.js b/routes/lookups.js index 063ef4d..0a6dfd5 100644 --- a/routes/lookups.js +++ b/routes/lookups.js @@ -153,10 +153,7 @@ router.get('/customer-companies/search', async (req, res) => { // GET /api/customer-users/search — Search customer users router.get('/customer-users/search', async (req, res) => { try { - const { q, customer_company_id } = req.query; - if (!q) { - return res.json([]); - } + const { q = '', customer_company_id } = req.query; // Try OTRS API first if configured const OTRS_API_URL = process.env.OTRS_API_URL; @@ -164,7 +161,7 @@ router.get('/customer-users/search', async (req, res) => { if (OTRS_API_URL && OTRS_API_USER) { try { const searchParams = { - Search: `*${q}*`, + Search: q ? `*${q}*` : '*', Valid: 1 }; if (customer_company_id) { @@ -217,22 +214,36 @@ router.get('/customer-users/search', async (req, res) => { } // Fallback: local DB query - const searchTerm = `%${q}%`; - let queryText = ` - SELECT login, email, first_name, last_name, customer_id - FROM customer_user - WHERE valid_id = 1 AND ( - login ILIKE $1 OR - email ILIKE $1 OR - first_name ILIKE $1 OR - last_name ILIKE $1 - ) - `; - const queryParams = [searchTerm]; - - if (customer_company_id) { - queryText += ` AND customer_id = $2`; - queryParams.push(customer_company_id); + let queryText; + let queryParams; + if (q) { + const searchTerm = `%${q}%`; + queryText = ` + SELECT login, email, first_name, last_name, customer_id + FROM customer_user + WHERE valid_id = 1 AND ( + login ILIKE $1 OR + email ILIKE $1 OR + first_name ILIKE $1 OR + last_name ILIKE $1 + ) + `; + queryParams = [searchTerm]; + if (customer_company_id) { + queryText += ` AND customer_id = $2`; + queryParams.push(customer_company_id); + } + } else { + queryText = ` + SELECT login, email, first_name, last_name, customer_id + FROM customer_user + WHERE valid_id = 1 + `; + queryParams = []; + if (customer_company_id) { + queryText += ` AND customer_id = $1`; + queryParams.push(customer_company_id); + } } queryText += ` ORDER BY last_name, first_name LIMIT 20`; diff --git a/routes/tickets.js b/routes/tickets.js index cbe7f0e..ce99803 100644 --- a/routes/tickets.js +++ b/routes/tickets.js @@ -38,7 +38,8 @@ router.get('/', async (req, res) => { const { queue_id, state_id, priority_id, user_id, type_id, search, sort_by = 'create_time', sort_dir = 'DESC', - page = 1, per_page = 50 + page = 1, per_page = 50, + date_from, date_to } = req.query; const conditions = []; @@ -65,6 +66,14 @@ router.get('/', async (req, res) => { conditions.push(`t.type_id = $${paramIdx++}`); params.push(parseInt(type_id)); } + if (date_from) { + conditions.push(`t.create_time >= $${paramIdx++}`); + params.push(new Date(date_from)); + } + if (date_to) { + conditions.push(`t.create_time <= $${paramIdx++}`); + params.push(new Date(date_to)); + } if (search) { conditions.push(`(t.title ILIKE $${paramIdx} OR t.tn ILIKE $${paramIdx})`); params.push(`%${search}%`); @@ -865,4 +874,47 @@ router.patch('/batch/update', async (req, res) => { } }); +// POST /api/tickets/:id/retrodata-ticket — Retrodate ticket creation time +router.post('/:id/retrodata-ticket', async (req, res) => { + try { + const { id } = req.params; + const { create_time } = req.body; + if (!create_time) { + return res.status(400).json({ error: 'Specificare la data di creazione.' }); + } + + // Fetch TN for the ticket + const tnResult = await pool.query('SELECT tn FROM ticket WHERE id = $1', [id]); + if (tnResult.rows.length === 0) { + return res.status(404).json({ error: 'Ticket non trovato.' }); + } + const tn = tnResult.rows[0].tn; + + // Execute stored procedure + await pool.query('CALL prretrodataticket($1, $2)', [tn, new Date(create_time)]); + res.json({ message: 'Ticket retrodatato correttamente.' }); + } catch (err) { + console.error('Errore in prretrodataticket:', err); + res.status(500).json({ error: err.message }); + } +}); + +// POST /api/tickets/articles/:articleId/retrodata-article — Retrodate article creation time +router.post('/articles/:articleId/retrodata-article', async (req, res) => { + try { + const { articleId } = req.params; + const { create_time } = req.body; + if (!create_time) { + return res.status(400).json({ error: 'Specificare la data di creazione.' }); + } + + // Execute stored procedure + await pool.query('CALL prretrodataarticolo($1, $2)', [parseInt(articleId), new Date(create_time)]); + res.json({ message: 'Articolo retrodatato correttamente.' }); + } catch (err) { + console.error('Errore in prretrodataarticolo:', err); + res.status(500).json({ error: err.message }); + } +}); + module.exports = router;