fix mail log

2025-06-05 10:51:56 +02:00
parent 71213b87a0
commit b9df790d1f
4 changed files with 109 additions and 62 deletions
--- a/static/js/mail-log.js
+++ b/static/js/mail-log.js
@@ -0,0 +1,103 @@
+/**
+ * @fileoverview Manages the mail log functionality.
+ * This file handles:
+ * - Filter initialization and updates
+ * - Pagination
+ * - Mail details modal
+ * - Download functionality
+ */
+
+document.addEventListener('DOMContentLoaded', function() {
+    // Get filter elements
+    const statusFilter = document.getElementById('statusFilter');
+    const dateRangeFilter = document.getElementById('dateRangeFilter');
+    const userFilter = document.getElementById('userFilter');
+    const templateFilter = document.getElementById('templateFilter');
+    const clearFiltersBtn = document.querySelector('button[onclick="clearFilters()"]');
+    
+    // Initialize filters from URL parameters
+    const urlParams = new URLSearchParams(window.location.search);
+    if (statusFilter) statusFilter.value = urlParams.get('status') || '';
+    if (dateRangeFilter) dateRangeFilter.value = urlParams.get('date_range') || '7d';
+    if (userFilter) userFilter.value = urlParams.get('user_id') || '';
+    if (templateFilter) templateFilter.value = urlParams.get('template_id') || '';
+    
+    // If no filters are set in URL, trigger initial load with default values
+    if (!urlParams.toString()) {
+        updateFilters();
+    }
+    
+    // Add event listeners for filters
+    if (statusFilter) statusFilter.addEventListener('change', updateFilters);
+    if (dateRangeFilter) dateRangeFilter.addEventListener('change', updateFilters);
+    if (userFilter) userFilter.addEventListener('change', updateFilters);
+    if (templateFilter) templateFilter.addEventListener('change', updateFilters);
+    
+    // Add event listener for clear filters button
+    if (clearFiltersBtn) {
+        clearFiltersBtn.addEventListener('click', function(e) {
+            e.preventDefault();
+            clearFilters();
+        });
+    }
+});
+
+function updateFilters() {
+    const status = document.getElementById('statusFilter').value;
+    const dateRange = document.getElementById('dateRangeFilter').value;
+    const userId = document.getElementById('userFilter').value;
+    const templateId = document.getElementById('templateFilter').value;
+    
+    // Build URL with current page number
+    const currentPage = new URLSearchParams(window.location.search).get('page') || 1;
+    const url = `/settings/mails?page=${currentPage}&status=${status}&date_range=${dateRange}&user_id=${userId}&template_id=${templateId}`;
+    
+    window.location.href = url;
+}
+
+function clearFilters() {
+    window.location.href = '/settings/mails';
+}
+
+function changePage(page) {
+    const status = document.getElementById('statusFilter').value;
+    const dateRange = document.getElementById('dateRangeFilter').value;
+    const userId = document.getElementById('userFilter').value;
+    const templateId = document.getElementById('templateFilter').value;
+    
+    window.location.href = `/settings/mails?page=${page}&status=${status}&date_range=${dateRange}&user_id=${userId}&template_id=${templateId}`;
+}
+
+function viewMailDetails(mailId) {
+    const csrfToken = document.querySelector('meta[name="csrf-token"]').content;
+    fetch(`/settings/mails/${mailId}`, {
+        headers: {
+            'X-CSRF-Token': csrfToken
+        }
+    })
+        .then(response => response.json())
+        .then(mail => {
+            document.getElementById('modalSubject').textContent = mail.subject;
+            document.getElementById('modalRecipient').textContent = mail.recipient;
+            document.getElementById('modalStatus').innerHTML = `
+                <span class="badge ${mail.status === 'pending' ? 'bg-warning' : mail.status === 'sent' ? 'bg-success' : 'bg-danger'}">
+                    ${mail.status}
+                </span>
+            `;
+            document.getElementById('modalTemplate').textContent = mail.template ? mail.template.name : '-';
+            document.getElementById('modalCreatedAt').textContent = new Date(mail.created_at).toLocaleString();
+            document.getElementById('modalSentAt').textContent = mail.sent_at ? new Date(mail.sent_at).toLocaleString() : '-';
+            document.getElementById('modalBody').innerHTML = mail.body;
+            
+            new bootstrap.Modal(document.getElementById('mailDetailsModal')).show();
+        });
+}
+
+function downloadMailLog() {
+    const status = document.getElementById('statusFilter').value;
+    const dateRange = document.getElementById('dateRangeFilter').value;
+    const userId = document.getElementById('userFilter').value;
+    const templateId = document.getElementById('templateFilter').value;
+    
+    window.location.href = `/settings/mails/download?status=${status}&date_range=${dateRange}&user_id=${userId}&template_id=${templateId}`;
+}