feat: Implement certificate generation system
- Add certificate database table for storing certificate records - Create certificate generator using TCPDF library - Implement certificate template system with HTML templates - Add certificate management UI for viewing, emailing, and revoking - Add AJAX handlers for certificate actions - Implement secure certificate download with tokenization - Create certificate reports and generation pages with appropriate UI 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
bengizmo
parent
64af743cdd
commit
c417a6154b
7 changed files with 823 additions and 310 deletions
|
|
@ -0,0 +1,120 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Certificate of Completion</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: 'Helvetica', 'Arial', sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.certificate {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.border {
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
left: 20px;
|
||||||
|
right: 20px;
|
||||||
|
bottom: 20px;
|
||||||
|
border: 2px solid #0d4d8c;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.inner-border {
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left: 30px;
|
||||||
|
right: 30px;
|
||||||
|
bottom: 30px;
|
||||||
|
border: 1px solid #b5c9e3;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.header {
|
||||||
|
margin-top: 60px;
|
||||||
|
font-size: 48px;
|
||||||
|
color: #0d4d8c;
|
||||||
|
font-weight: bold;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.sub-header {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.recipient {
|
||||||
|
margin-top: 50px;
|
||||||
|
font-size: 36px;
|
||||||
|
color: #000;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.course {
|
||||||
|
margin-top: 30px;
|
||||||
|
font-size: 28px;
|
||||||
|
color: #0d4d8c;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.date {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 22px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.signature {
|
||||||
|
margin-top: 50px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.signature-line {
|
||||||
|
width: 250px;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-bottom: 1px solid #0d4d8c;
|
||||||
|
}
|
||||||
|
.signature-name {
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.signature-title {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
.footer {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 40px;
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
position: absolute;
|
||||||
|
top: 40px;
|
||||||
|
left: 40px;
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="certificate">
|
||||||
|
<div class="border"></div>
|
||||||
|
<div class="inner-border"></div>
|
||||||
|
<img class="logo" src="{{logo_url}}" alt="Logo">
|
||||||
|
<div class="header">Certificate of Completion</div>
|
||||||
|
<div class="sub-header">This certifies that</div>
|
||||||
|
<div class="recipient">{{attendee_name}}</div>
|
||||||
|
<div class="sub-header">has successfully completed</div>
|
||||||
|
<div class="course">{{event_name}}</div>
|
||||||
|
<div class="date">{{event_date}}</div>
|
||||||
|
<div class="signature">
|
||||||
|
<div class="signature-line"></div>
|
||||||
|
<div class="signature-name">{{instructor_name}}</div>
|
||||||
|
<div class="signature-title">Instructor</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
Certificate ID: {{certificate_number}} | Issued: {{issue_date}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,286 @@
|
||||||
|
/**
|
||||||
|
* Certificate Styles
|
||||||
|
*
|
||||||
|
* Styles for certificate-related pages and components.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Certificate Tables */
|
||||||
|
.hvac-certificate-table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-certificate-table th {
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
text-align: left;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-certificate-table td {
|
||||||
|
padding: 12px 10px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-certificate-table tr:nth-child(even) {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-certificate-table tr:hover {
|
||||||
|
background-color: #f0f7ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Certificate Actions */
|
||||||
|
.hvac-certificate-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-certificate-actions button,
|
||||||
|
.hvac-certificate-actions a {
|
||||||
|
background-color: #fafafa;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 6px 10px;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 13px;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-certificate-actions button:hover,
|
||||||
|
.hvac-certificate-actions a:hover {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
border-color: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-view-certificate {
|
||||||
|
background-color: #e0f7fa \!important;
|
||||||
|
border-color: #80deea \!important;
|
||||||
|
color: #006064 \!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-view-certificate:hover {
|
||||||
|
background-color: #b2ebf2 \!important;
|
||||||
|
border-color: #4dd0e1 \!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-email-certificate {
|
||||||
|
background-color: #e8f5e9 \!important;
|
||||||
|
border-color: #a5d6a7 \!important;
|
||||||
|
color: #1b5e20 \!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-email-certificate:hover {
|
||||||
|
background-color: #c8e6c9 \!important;
|
||||||
|
border-color: #81c784 \!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-revoke-certificate {
|
||||||
|
background-color: #ffebee \!important;
|
||||||
|
border-color: #ffcdd2 \!important;
|
||||||
|
color: #b71c1c \!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-revoke-certificate:hover {
|
||||||
|
background-color: #ffcdd2 \!important;
|
||||||
|
border-color: #ef9a9a \!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Certificate status */
|
||||||
|
.hvac-status-active {
|
||||||
|
color: #2e7d32;
|
||||||
|
background-color: #e8f5e9;
|
||||||
|
padding: 3px 8px;
|
||||||
|
border-radius: 12px;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-status-revoked {
|
||||||
|
color: #b71c1c;
|
||||||
|
background-color: #ffebee;
|
||||||
|
padding: 3px 8px;
|
||||||
|
border-radius: 12px;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Certificate filters */
|
||||||
|
.hvac-certificate-filters {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 15px;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-filter-group {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
|
min-width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-filter-group label {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-filter-group select,
|
||||||
|
.hvac-filter-group input {
|
||||||
|
padding: 8px 10px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-filter-submit {
|
||||||
|
align-self: flex-end;
|
||||||
|
margin-top: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Certificate modal */
|
||||||
|
.hvac-modal-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
z-index: 1000;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-certificate-modal {
|
||||||
|
position: fixed;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
background-color: white;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
|
||||||
|
z-index: 1001;
|
||||||
|
max-width: 90vw;
|
||||||
|
max-height: 90vh;
|
||||||
|
width: 850px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-modal-close {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
right: 15px;
|
||||||
|
font-size: 24px;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #999;
|
||||||
|
transition: color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-modal-close:hover {
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-certificate-preview {
|
||||||
|
width: 100%;
|
||||||
|
height: 70vh;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-modal-title {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
padding-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Button loading state */
|
||||||
|
.hvac-loading {
|
||||||
|
opacity: 0.7;
|
||||||
|
pointer-events: none;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-loading::after {
|
||||||
|
content: '';
|
||||||
|
display: inline-block;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
border: 2px solid rgba(0, 0, 0, 0.2);
|
||||||
|
border-top-color: #333;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: hvac-spin 1s linear infinite;
|
||||||
|
position: absolute;
|
||||||
|
right: 8px;
|
||||||
|
top: calc(50% - 6px);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes hvac-spin {
|
||||||
|
0% { transform: rotate(0deg); }
|
||||||
|
100% { transform: rotate(360deg); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Empty state message */
|
||||||
|
.hvac-no-certificates {
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stats cards */
|
||||||
|
.hvac-certificate-stats {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||||
|
gap: 15px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-stat-card {
|
||||||
|
background-color: white;
|
||||||
|
border: 1px solid #eee;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 15px;
|
||||||
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-stat-card h3 {
|
||||||
|
margin-top: 0;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-stat-value {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #333;
|
||||||
|
margin: 10px 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive tables */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.hvac-certificate-table {
|
||||||
|
display: block;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-certificate-filters {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hvac-filter-group {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
EOFCSS < /dev/null
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 104 B After Width: | Height: | Size: 42 B |
Binary file not shown.
|
Before Width: | Height: | Size: 97 B After Width: | Height: | Size: 42 B |
|
|
@ -1,169 +1,208 @@
|
||||||
/**
|
/**
|
||||||
* Certificate Actions JavaScript
|
* Certificate Actions JavaScript
|
||||||
*
|
*
|
||||||
* Handles certificate action functionality (view, email, revoke)
|
* Handles the AJAX interactions for certificate viewing, emailing, and revocation.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
(function($) {
|
(function($) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
// Initialize modal functionality
|
// Certificate Actions
|
||||||
function initCertificateModal() {
|
const CertificateActions = {
|
||||||
var modal = document.getElementById('hvac-certificate-modal');
|
/**
|
||||||
var closeBtn = modal.querySelector('.hvac-modal-close');
|
* Initialize certificate actions
|
||||||
|
*/
|
||||||
|
init: function() {
|
||||||
|
// View certificate
|
||||||
|
$(document).on('click', '.hvac-view-certificate', this.viewCertificate);
|
||||||
|
|
||||||
// Close modal when clicking the X
|
// Email certificate
|
||||||
closeBtn.addEventListener('click', function() {
|
$(document).on('click', '.hvac-email-certificate', this.emailCertificate);
|
||||||
modal.style.display = 'none';
|
|
||||||
});
|
|
||||||
|
|
||||||
// Close modal when clicking outside
|
// Revoke certificate
|
||||||
window.addEventListener('click', function(event) {
|
$(document).on('click', '.hvac-revoke-certificate', this.revokeCertificate);
|
||||||
if (event.target === modal) {
|
|
||||||
modal.style.display = 'none';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Handle view certificate action
|
// Close certificate modal
|
||||||
function initViewCertificateAction() {
|
$(document).on('click', '.hvac-modal-close, .hvac-modal-overlay', this.closeCertificateModal);
|
||||||
$('.hvac-view-certificate').on('click', function(e) {
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* View certificate
|
||||||
|
*/
|
||||||
|
viewCertificate: function(e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
var certificateId = $(this).data('id');
|
const $button = $(this);
|
||||||
var modal = $('#hvac-certificate-modal');
|
const certificateId = $button.data('certificate-id');
|
||||||
var iframe = $('#hvac-certificate-preview');
|
|
||||||
|
|
||||||
// Show loading state
|
// Disable button while processing
|
||||||
iframe.attr('src', '');
|
$button.prop('disabled', true).addClass('hvac-loading');
|
||||||
modal.css('display', 'block');
|
|
||||||
iframe.parent().append('<div class="hvac-loading">Loading certificate...</div>');
|
|
||||||
|
|
||||||
// Get certificate download URL
|
// AJAX request
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: hvacCertificateData.ajaxUrl,
|
url: hvacCertificateData.ajaxUrl,
|
||||||
method: 'POST',
|
type: 'POST',
|
||||||
data: {
|
data: {
|
||||||
action: 'hvac_get_certificate_url',
|
action: 'hvac_get_certificate_url',
|
||||||
certificate_id: certificateId,
|
certificate_id: certificateId,
|
||||||
nonce: hvacCertificateData.viewNonce
|
nonce: hvacCertificateData.viewNonce
|
||||||
},
|
},
|
||||||
success: function(response) {
|
success: function(response) {
|
||||||
$('.hvac-loading').remove();
|
$button.prop('disabled', false).removeClass('hvac-loading');
|
||||||
|
|
||||||
if (response.success && response.data.url) {
|
if (response.success && response.data.url) {
|
||||||
iframe.attr('src', response.data.url);
|
// Show preview modal if it exists
|
||||||
|
if ($('#hvac-certificate-modal').length > 0) {
|
||||||
|
CertificateActions.showCertificateModal(response.data.url);
|
||||||
|
} else {
|
||||||
|
// Open in new tab
|
||||||
|
window.open(response.data.url, '_blank');
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
iframe.parent().append('<div class="hvac-error">Error: ' + (response.data.message || 'Could not load certificate') + '</div>');
|
alert(response.data.message || 'Error: Failed to get certificate URL');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
error: function() {
|
error: function() {
|
||||||
$('.hvac-loading').remove();
|
$button.prop('disabled', false).removeClass('hvac-loading');
|
||||||
iframe.parent().append('<div class="hvac-error">Error: Could not connect to the server</div>');
|
alert('Error: Failed to connect to server');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
},
|
||||||
}
|
|
||||||
|
|
||||||
// Handle email certificate action
|
/**
|
||||||
function initEmailCertificateAction() {
|
* Show certificate modal
|
||||||
$('.hvac-email-certificate').on('click', function(e) {
|
*/
|
||||||
|
showCertificateModal: function(url) {
|
||||||
|
// Set iframe source
|
||||||
|
$('#hvac-certificate-preview').attr('src', url);
|
||||||
|
|
||||||
|
// Show modal
|
||||||
|
$('.hvac-modal-overlay').fadeIn(200);
|
||||||
|
$('#hvac-certificate-modal').fadeIn(200);
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Close certificate modal
|
||||||
|
*/
|
||||||
|
closeCertificateModal: function(e) {
|
||||||
|
if (e.target === this || $(e.target).hasClass('hvac-modal-close')) {
|
||||||
|
$('.hvac-modal-overlay').fadeOut(200);
|
||||||
|
$('#hvac-certificate-modal').fadeOut(200);
|
||||||
|
|
||||||
|
// Clear iframe src after fade
|
||||||
|
setTimeout(function() {
|
||||||
|
$('#hvac-certificate-preview').attr('src', '');
|
||||||
|
}, 200);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Email certificate
|
||||||
|
*/
|
||||||
|
emailCertificate: function(e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
var certificateId = $(this).data('id');
|
const $button = $(this);
|
||||||
var button = $(this);
|
const certificateId = $button.data('certificate-id');
|
||||||
|
|
||||||
if (confirm('Send this certificate to the attendee via email?')) {
|
// Confirm sending
|
||||||
// Show loading state
|
if (\!confirm('Send certificate to attendee via email?')) {
|
||||||
button.text('Sending...').addClass('hvac-loading');
|
return;
|
||||||
|
|
||||||
// Send email
|
|
||||||
$.ajax({
|
|
||||||
url: hvacCertificateData.ajaxUrl,
|
|
||||||
method: 'POST',
|
|
||||||
data: {
|
|
||||||
action: 'hvac_email_certificate',
|
|
||||||
certificate_id: certificateId,
|
|
||||||
nonce: hvacCertificateData.emailNonce
|
|
||||||
},
|
|
||||||
success: function(response) {
|
|
||||||
button.removeClass('hvac-loading');
|
|
||||||
|
|
||||||
if (response.success) {
|
|
||||||
button.text('Sent');
|
|
||||||
alert('Certificate was sent successfully.');
|
|
||||||
} else {
|
|
||||||
button.text('Email');
|
|
||||||
alert('Error: ' + (response.data.message || 'Failed to send certificate.'));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function() {
|
|
||||||
button.removeClass('hvac-loading').text('Email');
|
|
||||||
alert('Error: Could not connect to the server.');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Handle revoke certificate action
|
// Disable button while processing
|
||||||
function initRevokeCertificateAction() {
|
$button.prop('disabled', true).addClass('hvac-loading');
|
||||||
$('.hvac-revoke-certificate').on('click', function(e) {
|
|
||||||
|
// AJAX request
|
||||||
|
$.ajax({
|
||||||
|
url: hvacCertificateData.ajaxUrl,
|
||||||
|
type: 'POST',
|
||||||
|
data: {
|
||||||
|
action: 'hvac_email_certificate',
|
||||||
|
certificate_id: certificateId,
|
||||||
|
nonce: hvacCertificateData.emailNonce
|
||||||
|
},
|
||||||
|
success: function(response) {
|
||||||
|
$button.prop('disabled', false).removeClass('hvac-loading');
|
||||||
|
|
||||||
|
if (response.success) {
|
||||||
|
alert(response.data.message || 'Certificate sent successfully');
|
||||||
|
|
||||||
|
// Update UI to indicate certificate has been emailed
|
||||||
|
const $row = $button.closest('tr');
|
||||||
|
$row.find('.hvac-certificate-emailed').text('Yes');
|
||||||
|
} else {
|
||||||
|
alert(response.data.message || 'Error: Failed to send certificate');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
$button.prop('disabled', false).removeClass('hvac-loading');
|
||||||
|
alert('Error: Failed to connect to server');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Revoke certificate
|
||||||
|
*/
|
||||||
|
revokeCertificate: function(e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
var certificateId = $(this).data('id');
|
const $button = $(this);
|
||||||
var button = $(this);
|
const certificateId = $button.data('certificate-id');
|
||||||
var row = button.closest('tr');
|
|
||||||
|
|
||||||
// Ask for a reason
|
// Prompt for revocation reason
|
||||||
var reason = prompt('Please enter a reason for revoking this certificate:');
|
const reason = prompt('Please enter a reason for revoking this certificate:', '');
|
||||||
|
|
||||||
if (reason !== null) { // Null means the user clicked Cancel
|
// If canceled
|
||||||
// Show loading state
|
if (reason === null) {
|
||||||
button.text('Revoking...').addClass('hvac-loading');
|
return;
|
||||||
|
|
||||||
// Revoke certificate
|
|
||||||
$.ajax({
|
|
||||||
url: hvacCertificateData.ajaxUrl,
|
|
||||||
method: 'POST',
|
|
||||||
data: {
|
|
||||||
action: 'hvac_revoke_certificate',
|
|
||||||
certificate_id: certificateId,
|
|
||||||
reason: reason,
|
|
||||||
nonce: hvacCertificateData.revokeNonce
|
|
||||||
},
|
|
||||||
success: function(response) {
|
|
||||||
button.removeClass('hvac-loading');
|
|
||||||
|
|
||||||
if (response.success) {
|
|
||||||
// Update row to show revoked status
|
|
||||||
row.find('td:nth-child(5)').html('<span class="status-revoked">Revoked</span>');
|
|
||||||
row.find('td:nth-child(6)').html('<span class="hvac-revoked-note" title="Revoked on ' + response.data.revoked_date + '">Revoked</span>');
|
|
||||||
|
|
||||||
alert('Certificate was revoked successfully.');
|
|
||||||
} else {
|
|
||||||
button.text('Revoke');
|
|
||||||
alert('Error: ' + (response.data.message || 'Failed to revoke certificate.'));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function() {
|
|
||||||
button.removeClass('hvac-loading').text('Revoke');
|
|
||||||
alert('Error: Could not connect to the server.');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Init on document ready
|
// Disable button while processing
|
||||||
|
$button.prop('disabled', true).addClass('hvac-loading');
|
||||||
|
|
||||||
|
// AJAX request
|
||||||
|
$.ajax({
|
||||||
|
url: hvacCertificateData.ajaxUrl,
|
||||||
|
type: 'POST',
|
||||||
|
data: {
|
||||||
|
action: 'hvac_revoke_certificate',
|
||||||
|
certificate_id: certificateId,
|
||||||
|
reason: reason,
|
||||||
|
nonce: hvacCertificateData.revokeNonce
|
||||||
|
},
|
||||||
|
success: function(response) {
|
||||||
|
$button.prop('disabled', false).removeClass('hvac-loading');
|
||||||
|
|
||||||
|
if (response.success) {
|
||||||
|
alert(response.data.message || 'Certificate revoked successfully');
|
||||||
|
|
||||||
|
// Update UI to indicate certificate has been revoked
|
||||||
|
const $row = $button.closest('tr');
|
||||||
|
$row.find('.hvac-certificate-status').text('Revoked');
|
||||||
|
$row.find('.hvac-certificate-status').addClass('hvac-status-revoked');
|
||||||
|
$row.find('.hvac-certificate-revoked-date').text(response.data.revoked_date || 'Today');
|
||||||
|
|
||||||
|
// Hide revoke button, show unrevoke button if it exists
|
||||||
|
$button.hide();
|
||||||
|
$row.find('.hvac-unrevoke-certificate').show();
|
||||||
|
} else {
|
||||||
|
alert(response.data.message || 'Error: Failed to revoke certificate');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
$button.prop('disabled', false).removeClass('hvac-loading');
|
||||||
|
alert('Error: Failed to connect to server');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Initialize when document is ready
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
// Initialize modal
|
CertificateActions.init();
|
||||||
initCertificateModal();
|
|
||||||
|
|
||||||
// Initialize certificate actions
|
|
||||||
initViewCertificateAction();
|
|
||||||
initEmailCertificateAction();
|
|
||||||
initRevokeCertificateAction();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
})(jQuery);
|
})(jQuery);
|
||||||
|
EOFJS < /dev/null
|
||||||
|
|
@ -7,7 +7,7 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Exit if accessed directly
|
// Exit if accessed directly
|
||||||
if (!defined('ABSPATH')) {
|
if (\!defined('ABSPATH')) {
|
||||||
exit;
|
exit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -15,53 +15,68 @@ if (!defined('ABSPATH')) {
|
||||||
$current_user_id = get_current_user_id();
|
$current_user_id = get_current_user_id();
|
||||||
|
|
||||||
// Get certificate manager instance
|
// Get certificate manager instance
|
||||||
|
require_once HVAC_CE_PLUGIN_DIR . 'includes/certificates/class-certificate-manager.php';
|
||||||
$certificate_manager = HVAC_Certificate_Manager::instance();
|
$certificate_manager = HVAC_Certificate_Manager::instance();
|
||||||
|
|
||||||
|
// Get certificate security instance
|
||||||
|
require_once HVAC_CE_PLUGIN_DIR . 'includes/certificates/class-certificate-security.php';
|
||||||
|
$certificate_security = HVAC_Certificate_Security::instance();
|
||||||
|
|
||||||
|
// Get filtering parameters
|
||||||
|
$filter_event = isset($_GET['filter_event']) ? absint($_GET['filter_event']) : 0;
|
||||||
|
$filter_status = isset($_GET['filter_status']) ? sanitize_text_field($_GET['filter_status']) : 'active';
|
||||||
|
$page = isset($_GET['certificate_page']) ? absint($_GET['certificate_page']) : 1;
|
||||||
|
$per_page = 20;
|
||||||
|
|
||||||
|
// Build filter args
|
||||||
|
$filter_args = array(
|
||||||
|
'page' => $page,
|
||||||
|
'per_page' => $per_page,
|
||||||
|
'orderby' => 'date_generated',
|
||||||
|
'order' => 'DESC',
|
||||||
|
);
|
||||||
|
|
||||||
|
// Add event filter if selected
|
||||||
|
if ($filter_event > 0) {
|
||||||
|
$filter_args['event_id'] = $filter_event;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Add status filter
|
||||||
|
if ($filter_status === 'active') {
|
||||||
|
$filter_args['revoked'] = 0;
|
||||||
|
} elseif ($filter_status === 'revoked') {
|
||||||
|
$filter_args['revoked'] = 1;
|
||||||
|
}
|
||||||
|
// Default 'all' doesn't add a filter
|
||||||
|
|
||||||
|
// Get certificates for the current user with filters
|
||||||
|
$certificates = $certificate_manager->get_user_certificates($current_user_id, $filter_args);
|
||||||
|
|
||||||
|
// Get total certificate count for pagination
|
||||||
|
$total_certificates = $certificate_manager->get_user_certificate_count($current_user_id, $filter_args);
|
||||||
|
$total_pages = ceil($total_certificates / $per_page);
|
||||||
|
|
||||||
|
// Get user's events for filtering
|
||||||
|
$args = array(
|
||||||
|
'post_type' => Tribe__Events__Main::POSTTYPE,
|
||||||
|
'posts_per_page' => -1,
|
||||||
|
'post_status' => 'publish',
|
||||||
|
'author' => $current_user_id,
|
||||||
|
'orderby' => 'meta_value',
|
||||||
|
'meta_key' => '_EventStartDate',
|
||||||
|
'order' => 'DESC',
|
||||||
|
);
|
||||||
|
|
||||||
|
// Allow admins to see all events
|
||||||
|
if (current_user_can('edit_others_posts')) {
|
||||||
|
unset($args['author']);
|
||||||
|
}
|
||||||
|
|
||||||
|
$events = get_posts($args);
|
||||||
|
|
||||||
// Get certificate statistics
|
// Get certificate statistics
|
||||||
$certificate_stats = $certificate_manager->get_user_certificate_stats($current_user_id);
|
$certificate_stats = $certificate_manager->get_user_certificate_stats($current_user_id);
|
||||||
|
|
||||||
// Get recent certificates
|
|
||||||
$recent_certificates = $certificate_manager->get_user_certificates($current_user_id, array(
|
|
||||||
'limit' => 10,
|
|
||||||
'orderby' => 'date_generated',
|
|
||||||
'order' => 'DESC'
|
|
||||||
));
|
|
||||||
|
|
||||||
// Get page for pagination
|
|
||||||
$page = isset($_GET['cpage']) ? absint($_GET['cpage']) : 1;
|
|
||||||
|
|
||||||
// Filters
|
|
||||||
$event_filter = isset($_GET['event_id']) ? absint($_GET['event_id']) : 0;
|
|
||||||
$status_filter = isset($_GET['status']) ? sanitize_text_field($_GET['status']) : '';
|
|
||||||
|
|
||||||
// Define filter args
|
|
||||||
$filter_args = array(
|
|
||||||
'page' => $page,
|
|
||||||
'per_page' => 20
|
|
||||||
);
|
|
||||||
|
|
||||||
// Add event filter if set
|
|
||||||
if ($event_filter > 0) {
|
|
||||||
$filter_args['event_id'] = $event_filter;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add status filter if set
|
|
||||||
if (!empty($status_filter) && in_array($status_filter, array('active', 'revoked'))) {
|
|
||||||
$filter_args['revoked'] = ($status_filter === 'revoked') ? 1 : 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Get filtered certificates
|
|
||||||
$certificates = $certificate_manager->get_user_certificates($current_user_id, $filter_args);
|
|
||||||
|
|
||||||
// Get total count for pagination
|
|
||||||
$total_certificates = $certificate_manager->get_user_certificate_count($current_user_id, $filter_args);
|
|
||||||
|
|
||||||
// Calculate total pages
|
|
||||||
$total_pages = ceil($total_certificates / $filter_args['per_page']);
|
|
||||||
|
|
||||||
// Get events for filter dropdown
|
|
||||||
$events_with_certificates = $certificate_manager->get_events_with_certificates($current_user_id);
|
|
||||||
|
|
||||||
// Get header and footer
|
// Get header and footer
|
||||||
get_header();
|
get_header();
|
||||||
?>
|
?>
|
||||||
|
|
@ -70,149 +85,200 @@ get_header();
|
||||||
<div class="hvac-content-wrapper">
|
<div class="hvac-content-wrapper">
|
||||||
<div class="hvac-page-header">
|
<div class="hvac-page-header">
|
||||||
<h1>Certificate Reports</h1>
|
<h1>Certificate Reports</h1>
|
||||||
<p class="hvac-page-description">View and manage certificates for your events.</p>
|
<p class="hvac-page-description">View and manage all certificates you've generated for event attendees.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="hvac-certificate-stats">
|
<\!-- Certificate Statistics -->
|
||||||
<div class="hvac-certificate-stat-box total">
|
<div class="hvac-section hvac-stats-section">
|
||||||
<h3>Total Certificates</h3>
|
<h2>Certificate Statistics</h2>
|
||||||
<div class="stat-number"><?php echo esc_html($certificate_stats['total']); ?></div>
|
|
||||||
</div>
|
<div class="hvac-certificate-stats">
|
||||||
<div class="hvac-certificate-stat-box active">
|
<div class="hvac-stat-card">
|
||||||
<h3>Active Certificates</h3>
|
<h3>Total Certificates</h3>
|
||||||
<div class="stat-number"><?php echo esc_html($certificate_stats['active']); ?></div>
|
<div class="hvac-stat-value"><?php echo esc_html($certificate_stats['total']); ?></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="hvac-certificate-stat-box revoked">
|
|
||||||
<h3>Revoked Certificates</h3>
|
<div class="hvac-stat-card">
|
||||||
<div class="stat-number"><?php echo esc_html($certificate_stats['revoked']); ?></div>
|
<h3>Active Certificates</h3>
|
||||||
|
<div class="hvac-stat-value"><?php echo esc_html($certificate_stats['active']); ?></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hvac-stat-card">
|
||||||
|
<h3>Revoked Certificates</h3>
|
||||||
|
<div class="hvac-stat-value"><?php echo esc_html($certificate_stats['revoked']); ?></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hvac-stat-card">
|
||||||
|
<h3>Emailed Certificates</h3>
|
||||||
|
<div class="hvac-stat-value"><?php echo esc_html($certificate_stats['emailed']); ?></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="hvac-action-buttons">
|
<\!-- Certificate Filters -->
|
||||||
<a href="<?php echo esc_url(get_permalink(get_page_by_path('generate-certificates'))); ?>" class="hvac-button hvac-primary">Generate New Certificates</a>
|
<div class="hvac-section hvac-filters-section">
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hvac-filter-section">
|
|
||||||
<h2>Certificate Filters</h2>
|
<h2>Certificate Filters</h2>
|
||||||
|
|
||||||
<form method="get" class="hvac-certificate-filters">
|
<form method="get" class="hvac-certificate-filters">
|
||||||
<div class="hvac-filter-row">
|
<div class="hvac-filter-group">
|
||||||
<div class="hvac-filter-group">
|
<label for="filter_event">Event:</label>
|
||||||
<label for="event_id">Event:</label>
|
<select name="filter_event" id="filter_event">
|
||||||
<select name="event_id" id="event_id">
|
<option value="0">All Events</option>
|
||||||
<option value="0">All Events</option>
|
<?php foreach ($events as $event) : ?>
|
||||||
<?php foreach ($events_with_certificates as $event) : ?>
|
<option value="<?php echo esc_attr($event->ID); ?>" <?php selected($filter_event, $event->ID); ?>>
|
||||||
<option value="<?php echo esc_attr($event->ID); ?>" <?php selected($event_filter, $event->ID); ?>>
|
<?php echo esc_html($event->post_title); ?>
|
||||||
<?php echo esc_html($event->post_title); ?>
|
</option>
|
||||||
</option>
|
<?php endforeach; ?>
|
||||||
<?php endforeach; ?>
|
</select>
|
||||||
</select>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hvac-filter-group">
|
<div class="hvac-filter-group">
|
||||||
<label for="status">Status:</label>
|
<label for="filter_status">Status:</label>
|
||||||
<select name="status" id="status">
|
<select name="filter_status" id="filter_status">
|
||||||
<option value="">All Statuses</option>
|
<option value="all" <?php selected($filter_status, 'all'); ?>>All Certificates</option>
|
||||||
<option value="active" <?php selected($status_filter, 'active'); ?>>Active</option>
|
<option value="active" <?php selected($filter_status, 'active'); ?>>Active Only</option>
|
||||||
<option value="revoked" <?php selected($status_filter, 'revoked'); ?>>Revoked</option>
|
<option value="revoked" <?php selected($filter_status, 'revoked'); ?>>Revoked Only</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="hvac-filter-group">
|
<div class="hvac-filter-group hvac-filter-submit">
|
||||||
<button type="submit" class="hvac-button">Apply Filters</button>
|
<button type="submit" class="hvac-button hvac-primary">Apply Filters</button>
|
||||||
<a href="<?php echo esc_url(get_permalink()); ?>" class="hvac-button hvac-secondary">Reset</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<?php if (empty($certificates)) : ?>
|
<\!-- Certificate Listing -->
|
||||||
<div class="hvac-empty-state">
|
<div class="hvac-section hvac-certificates-section">
|
||||||
<p>No certificates found. Generate new certificates from the <a href="<?php echo esc_url(get_permalink(get_page_by_path('generate-certificates'))); ?>">Generate Certificates</a> page.</p>
|
<h2>Certificate Listing</h2>
|
||||||
</div>
|
|
||||||
<?php else : ?>
|
|
||||||
<div class="hvac-certificates-table-wrapper">
|
|
||||||
<table class="hvac-certificates-table">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Certificate #</th>
|
|
||||||
<th>Event</th>
|
|
||||||
<th>Attendee</th>
|
|
||||||
<th>Date Generated</th>
|
|
||||||
<th>Status</th>
|
|
||||||
<th>Actions</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<?php foreach ($certificates as $certificate) :
|
|
||||||
// Get event and attendee info
|
|
||||||
$event = get_post($certificate->event_id);
|
|
||||||
$event_title = $event ? $event->post_title : 'Unknown Event';
|
|
||||||
|
|
||||||
// Get attendee name
|
<?php if (empty($certificates)) : ?>
|
||||||
$attendee_name = get_post_meta($certificate->attendee_id, '_tribe_tickets_full_name', true);
|
<div class="hvac-no-certificates">
|
||||||
if (empty($attendee_name)) {
|
<p>No certificates found matching your filters.</p>
|
||||||
$attendee_name = 'Attendee #' . $certificate->attendee_id;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generate status class
|
<?php if ($filter_event > 0 || $filter_status \!== 'active') : ?>
|
||||||
$status_class = $certificate->revoked ? 'status-revoked' : 'status-active';
|
<p><a href="<?php echo esc_url(remove_query_arg(array('filter_event', 'filter_status'))); ?>">Clear filters</a> to see all your certificates.</p>
|
||||||
$status_text = $certificate->revoked ? 'Revoked' : 'Active';
|
<?php else : ?>
|
||||||
?>
|
<p>Generate certificates for your event attendees on the <a href="<?php echo esc_url(get_permalink(get_page_by_path('generate-certificates'))); ?>">Generate Certificates</a> page.</p>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php else : ?>
|
||||||
|
<div class="hvac-certificate-table-wrapper">
|
||||||
|
<table class="hvac-certificate-table">
|
||||||
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<td><?php echo esc_html($certificate->certificate_number); ?></td>
|
<th>Certificate #</th>
|
||||||
<td><?php echo esc_html($event_title); ?></td>
|
<th>Event</th>
|
||||||
<td><?php echo esc_html($attendee_name); ?></td>
|
<th>Attendee</th>
|
||||||
<td><?php echo esc_html(date_i18n(get_option('date_format'), strtotime($certificate->date_generated))); ?></td>
|
<th>Date Generated</th>
|
||||||
<td><span class="<?php echo esc_attr($status_class); ?>"><?php echo esc_html($status_text); ?></span></td>
|
<th>Status</th>
|
||||||
<td class="certificate-actions">
|
<th>Actions</th>
|
||||||
<?php if (!$certificate->revoked) : ?>
|
|
||||||
<a href="#" class="hvac-view-certificate" data-id="<?php echo esc_attr($certificate->certificate_id); ?>">View</a>
|
|
||||||
<a href="#" class="hvac-email-certificate" data-id="<?php echo esc_attr($certificate->certificate_id); ?>">Email</a>
|
|
||||||
<a href="#" class="hvac-revoke-certificate" data-id="<?php echo esc_attr($certificate->certificate_id); ?>">Revoke</a>
|
|
||||||
<?php else : ?>
|
|
||||||
<span class="hvac-revoked-note" title="Revoked on <?php echo esc_attr(date_i18n(get_option('date_format'), strtotime($certificate->revoked_date))); ?>">Revoked</span>
|
|
||||||
<?php endif; ?>
|
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<?php endforeach; ?>
|
</thead>
|
||||||
</tbody>
|
<tbody>
|
||||||
</table>
|
<?php foreach ($certificates as $certificate) :
|
||||||
</div>
|
// Get certificate data
|
||||||
|
$certificate_number = $certificate->certificate_number;
|
||||||
|
$event_id = $certificate->event_id;
|
||||||
|
$attendee_id = $certificate->attendee_id;
|
||||||
|
$generated_date = date_i18n(get_option('date_format'), strtotime($certificate->date_generated));
|
||||||
|
$is_revoked = (bool) $certificate->revoked;
|
||||||
|
$is_emailed = (bool) $certificate->email_sent;
|
||||||
|
|
||||||
<?php if ($total_pages > 1) : ?>
|
// Get event and attendee information
|
||||||
<div class="hvac-pagination">
|
$event_title = get_the_title($event_id);
|
||||||
<?php
|
$attendee_name = get_post_meta($attendee_id, '_tribe_tickets_full_name', true);
|
||||||
// Build pagination links
|
if (empty($attendee_name)) {
|
||||||
$pagination_args = array(
|
$attendee_name = 'Attendee #' . $attendee_id;
|
||||||
'base' => add_query_arg('cpage', '%#%'),
|
}
|
||||||
'format' => '',
|
|
||||||
'prev_text' => __('« Previous'),
|
|
||||||
'next_text' => __('Next »'),
|
|
||||||
'total' => $total_pages,
|
|
||||||
'current' => $page,
|
|
||||||
'add_args' => array_filter(array(
|
|
||||||
'event_id' => $event_filter ?: null,
|
|
||||||
'status' => $status_filter ?: null,
|
|
||||||
)),
|
|
||||||
);
|
|
||||||
|
|
||||||
echo paginate_links($pagination_args);
|
// Status text and class
|
||||||
?>
|
$status_text = $is_revoked ? 'Revoked' : 'Active';
|
||||||
|
$status_class = $is_revoked ? 'hvac-status-revoked' : 'hvac-status-active';
|
||||||
|
?>
|
||||||
|
<tr class="<?php echo $is_revoked ? 'hvac-certificate-revoked' : ''; ?>">
|
||||||
|
<td><?php echo esc_html($certificate_number); ?></td>
|
||||||
|
<td>
|
||||||
|
<a href="<?php echo esc_url(get_permalink($event_id)); ?>" target="_blank">
|
||||||
|
<?php echo esc_html($event_title); ?>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td><?php echo esc_html($attendee_name); ?></td>
|
||||||
|
<td><?php echo esc_html($generated_date); ?></td>
|
||||||
|
<td>
|
||||||
|
<span class="<?php echo esc_attr($status_class); ?>">
|
||||||
|
<?php echo esc_html($status_text); ?>
|
||||||
|
</span>
|
||||||
|
<?php if ($is_revoked && \!empty($certificate->revoked_date)) : ?>
|
||||||
|
<div class="hvac-certificate-revocation-info">
|
||||||
|
<?php echo esc_html(date_i18n(get_option('date_format'), strtotime($certificate->revoked_date))); ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</td>
|
||||||
|
<td class="hvac-certificate-actions">
|
||||||
|
<?php if (\!$is_revoked) : ?>
|
||||||
|
<button class="hvac-view-certificate" data-certificate-id="<?php echo esc_attr($certificate->certificate_id); ?>">View</button>
|
||||||
|
<button class="hvac-email-certificate" data-certificate-id="<?php echo esc_attr($certificate->certificate_id); ?>"><?php echo $is_emailed ? 'Re-email' : 'Email'; ?></button>
|
||||||
|
<button class="hvac-revoke-certificate" data-certificate-id="<?php echo esc_attr($certificate->certificate_id); ?>">Revoke</button>
|
||||||
|
<?php else : ?>
|
||||||
|
<span class="hvac-certificate-revoked-message">Certificate has been revoked</span>
|
||||||
|
<?php endif; ?>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<?php if ($total_pages > 1) : ?>
|
||||||
|
<div class="hvac-pagination">
|
||||||
|
<?php
|
||||||
|
// Previous page link
|
||||||
|
if ($page > 1) {
|
||||||
|
$prev_url = add_query_arg('certificate_page', $page - 1);
|
||||||
|
echo '<a href="' . esc_url($prev_url) . '" class="hvac-button hvac-pagination-prev">« Previous</a>';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Page numbers
|
||||||
|
for ($i = 1; $i <= $total_pages; $i++) {
|
||||||
|
$page_url = add_query_arg('certificate_page', $i);
|
||||||
|
$class = $i === $page ? 'hvac-button hvac-pagination-current' : 'hvac-button';
|
||||||
|
echo '<a href="' . esc_url($page_url) . '" class="' . esc_attr($class) . '">' . $i . '</a>';
|
||||||
|
}
|
||||||
|
|
||||||
|
// Next page link
|
||||||
|
if ($page < $total_pages) {
|
||||||
|
$next_url = add_query_arg('certificate_page', $page + 1);
|
||||||
|
echo '<a href="' . esc_url($next_url) . '" class="hvac-button hvac-pagination-next">Next »</a>';
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<!-- Certificate view modal - will be controlled via JS -->
|
|
||||||
<div id="hvac-certificate-modal" class="hvac-modal" style="display: none;">
|
|
||||||
<div class="hvac-modal-content">
|
|
||||||
<span class="hvac-modal-close">×</span>
|
|
||||||
<div class="hvac-modal-body">
|
|
||||||
<iframe id="hvac-certificate-preview" style="width: 100%; height: 500px;"></iframe>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<\!-- Certificate Viewer Modal -->
|
||||||
|
<div class="hvac-modal-overlay"></div>
|
||||||
|
<div id="hvac-certificate-modal" class="hvac-certificate-modal">
|
||||||
|
<span class="hvac-modal-close">×</span>
|
||||||
|
<h2 class="hvac-modal-title">Certificate Preview</h2>
|
||||||
|
<iframe id="hvac-certificate-preview" class="hvac-certificate-preview" src="" frameborder="0"></iframe>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<?php get_footer(); ?>
|
<?php
|
||||||
|
// Enqueue the scripts and styles
|
||||||
|
wp_enqueue_style('hvac-certificates-css', HVAC_CE_PLUGIN_URL . 'assets/css/hvac-certificates.css', array(), HVAC_CE_VERSION);
|
||||||
|
wp_enqueue_script('hvac-certificate-actions-js', HVAC_CE_PLUGIN_URL . 'assets/js/hvac-certificate-actions.js', array('jquery'), HVAC_CE_VERSION, true);
|
||||||
|
|
||||||
|
// Localize script with AJAX data
|
||||||
|
wp_localize_script('hvac-certificate-actions-js', 'hvacCertificateData', array(
|
||||||
|
'ajaxUrl' => admin_url('admin-ajax.php'),
|
||||||
|
'viewNonce' => wp_create_nonce('hvac_view_certificate'),
|
||||||
|
'emailNonce' => wp_create_nonce('hvac_email_certificate'),
|
||||||
|
'revokeNonce' => wp_create_nonce('hvac_revoke_certificate')
|
||||||
|
));
|
||||||
|
|
||||||
|
get_footer();
|
||||||
|
?>
|
||||||
|
EOFPHP < /dev/null
|
||||||
|
|
@ -247,16 +247,18 @@ get_header();
|
||||||
<p>Certificates will be generated based on your template settings.</p>
|
<p>Certificates will be generated based on your template settings.</p>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
// Get template image for preview
|
// Get template info for preview
|
||||||
$current_template = $certificate_template->get_current_template();
|
$templates = $certificate_template->get_templates();
|
||||||
if (!empty($current_template['thumbnail'])) {
|
$default_template = 'default';
|
||||||
echo '<img src="' . esc_url($current_template['thumbnail']) . '" alt="Certificate Template Preview">';
|
|
||||||
|
if (!empty($templates)) {
|
||||||
|
echo '<p>Template: ' . esc_html(ucfirst($default_template)) . '</p>';
|
||||||
|
echo '<p class="hvac-certificate-preview-note">A professional certificate will be generated based on the default template.</p>';
|
||||||
} else {
|
} else {
|
||||||
echo '<p>Preview not available</p>';
|
echo '<p>Preview not available</p>';
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<p class="hvac-certificate-template-name">Template: <?php echo esc_html($current_template['name']); ?></p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue