111 lines
4.8 KiB
JavaScript
111 lines
4.8 KiB
JavaScript
/**
|
|
* @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?tab=mails&page=${currentPage}&status=${status}&date_range=${dateRange}&user_id=${userId}&template_id=${templateId}`;
|
|
|
|
// Update URL with current filters
|
|
window.history.pushState({}, '', url);
|
|
|
|
window.location.href = url;
|
|
}
|
|
|
|
function clearFilters() {
|
|
// Reset filters
|
|
window.location.href = '/settings?tab=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;
|
|
|
|
// Update URL with new page
|
|
const url = `/settings?tab=mails&page=${page}&status=${status}&date_range=${dateRange}&user_id=${userId}&template_id=${templateId}`;
|
|
window.history.pushState({}, '', url);
|
|
|
|
window.location.href = url;
|
|
}
|
|
|
|
function viewMailDetails(mailId) {
|
|
const csrfToken = document.querySelector('meta[name="csrf-token"]').content;
|
|
fetch(`/settings?tab=mails&mail_id=${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?tab=mails&download=true&status=${status}&date_range=${dateRange}&user_id=${userId}&template_id=${templateId}`;
|
|
}
|