Bulk actions update

assets/js/dashboard.js

@@ -742,3 +742,172 @@ document.addEventListener('DOMContentLoaded', function() {
         });
     });
 });
+
+// Bulk Status Change
+function showBulkStatusModal() {
+    const ticketIds = getSelectedTicketIds();
+    
+    if (ticketIds.length === 0) {
+        alert('No tickets selected');
+        return;
+    }
+    
+    const modalHtml = `
+        <div class="modal-overlay" id="bulkStatusModal">
+            <div class="modal-content ascii-frame-outer">
+                <span class="bottom-left-corner">╚</span>
+                <span class="bottom-right-corner">╝</span>
+                
+                <div class="ascii-section-header">Change Status for ${ticketIds.length} Ticket(s)</div>
+                
+                <div class="ascii-content">
+                    <div class="ascii-frame-inner">
+                        <div class="modal-body">
+                            <label for="bulkStatus">New Status:</label>
+                            <select id="bulkStatus" class="editable">
+                                <option value="">Select Status...</option>
+                                <option value="Open">Open</option>
+                                <option value="Pending">Pending</option>
+                                <option value="In Progress">In Progress</option>
+                                <option value="Closed">Closed</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="ascii-divider"></div>
+                
+                <div class="ascii-content">
+                    <div class="modal-footer">
+                        <button onclick="performBulkStatusChange()" class="btn btn-bulk">Update</button>
+                        <button onclick="closeBulkStatusModal()" class="btn btn-secondary">Cancel</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    `;
+    
+    document.body.insertAdjacentHTML('beforeend', modalHtml);
+}
+
+function closeBulkStatusModal() {
+    const modal = document.getElementById('bulkStatusModal');
+    if (modal) {
+        modal.remove();
+    }
+}
+
+function performBulkStatusChange() {
+    const status = document.getElementById('bulkStatus').value;
+    const ticketIds = getSelectedTicketIds();
+    
+    if (!status) {
+        alert('Please select a status');
+        return;
+    }
+    
+    fetch('/api/bulk_operation.php', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+            operation_type: 'bulk_status',
+            ticket_ids: ticketIds,
+            parameters: { status: status }
+        })
+    })
+    .then(response => response.json())
+    .then(data => {
+        closeBulkStatusModal();
+        if (data.success) {
+            window.location.reload();
+        } else {
+            alert('Error: ' + (data.error || 'Unknown error'));
+        }
+    })
+    .catch(error => {
+        console.error('Error performing bulk status change:', error);
+        alert('Error performing bulk status change: ' + error.message);
+    });
+}
+
+// Bulk Delete
+function showBulkDeleteModal() {
+    const ticketIds = getSelectedTicketIds();
+    
+    if (ticketIds.length === 0) {
+        alert('No tickets selected');
+        return;
+    }
+    
+    const modalHtml = `
+        <div class="modal-overlay" id="bulkDeleteModal">
+            <div class="modal-content ascii-frame-outer">
+                <span class="bottom-left-corner">╚</span>
+                <span class="bottom-right-corner">╝</span>
+                
+                <div class="ascii-section-header" style="color: var(--status-closed);">⚠ Delete ${ticketIds.length} Ticket(s)</div>
+                
+                <div class="ascii-content">
+                    <div class="ascii-frame-inner">
+                        <div class="modal-body" style="text-align: center; padding: 2rem;">
+                            <p style="color: var(--terminal-amber); font-size: 1.1rem; margin-bottom: 1rem;">
+                                This action cannot be undone!
+                            </p>
+                            <p style="color: var(--terminal-green);">
+                                You are about to permanently delete ${ticketIds.length} ticket(s).<br>
+                                All associated comments and history will be lost.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="ascii-divider"></div>
+                
+                <div class="ascii-content">
+                    <div class="modal-footer">
+                        <button onclick="performBulkDelete()" class="btn btn-bulk" style="background: var(--status-closed); border-color: var(--status-closed);">Delete Permanently</button>
+                        <button onclick="closeBulkDeleteModal()" class="btn btn-secondary">Cancel</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    `;
+    
+    document.body.insertAdjacentHTML('beforeend', modalHtml);
+}
+
+function closeBulkDeleteModal() {
+    const modal = document.getElementById('bulkDeleteModal');
+    if (modal) {
+        modal.remove();
+    }
+}
+
+function performBulkDelete() {
+    const ticketIds = getSelectedTicketIds();
+    
+    fetch('/api/bulk_operation.php', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+            operation_type: 'bulk_delete',
+            ticket_ids: ticketIds
+        })
+    })
+    .then(response => response.json())
+    .then(data => {
+        closeBulkDeleteModal();
+        if (data.success) {
+            if (typeof toast !== 'undefined') {
+                toast.success(`Successfully deleted ${ticketIds.length} ticket(s)`);
+            }
+            setTimeout(() => window.location.reload(), 1000);
+        } else {
+            alert('Error: ' + (data.error || 'Unknown error'));
+        }
+    })
+    .catch(error => {
+        console.error('Error performing bulk delete:', error);
+        alert('Error performing bulk delete: ' + error.message);
+    });
+}