forked from UKSOURCE/cms.hailearning.edu.vn
first commit
This commit is contained in:
107
views/admin/certificate/create.ejs
Normal file
107
views/admin/certificate/create.ejs
Normal file
@@ -0,0 +1,107 @@
|
||||
<div class="page-title-area">
|
||||
<div>
|
||||
<h1>Create Certificate</h1>
|
||||
<p class="subtitle">Register a new certificate record</p>
|
||||
</div>
|
||||
<a href="/admin/certificate" class="btn btn-outline-secondary"><i class="fas fa-arrow-left"></i> Back</a>
|
||||
</div>
|
||||
|
||||
<% if (typeof error !== 'undefined' && error) { %>
|
||||
<div class="alert d-flex align-items-center gap-2 mb-3" style="background:var(--danger-soft);color:var(--danger-color);border:none;border-radius:var(--border-radius-sm);">
|
||||
<i class="fas fa-exclamation-circle"></i> <%= error %>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<form method="POST" action="/admin/certificate/create" enctype="multipart/form-data">
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-8">
|
||||
|
||||
<div class="card border-0 mb-3">
|
||||
<div class="card-header"><h5 class="card-header-title"><i class="fas fa-id-card"></i> Basic Information</h5></div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<label class="form-label">Certificate No. <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" name="certification_number" required
|
||||
value="<%= (typeof formData !== 'undefined' && formData) ? formData.certification_number || '' : '' %>">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label">Student Full Name <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" name="student_name" required
|
||||
value="<%= (typeof formData !== 'undefined' && formData) ? formData.student_name || '' : '' %>">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label">Program / Title <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" name="program_name" required
|
||||
value="<%= (typeof formData !== 'undefined' && formData) ? formData.program_name || '' : '' %>">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label">Passport No.</label>
|
||||
<input type="text" class="form-control" name="passport_number"
|
||||
value="<%= (typeof formData !== 'undefined' && formData) ? formData.passport_number || '' : '' %>">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label class="form-label">Address</label>
|
||||
<input type="text" class="form-control" name="address"
|
||||
value="<%= (typeof formData !== 'undefined' && formData) ? formData.address || '' : '' %>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-0 mb-3">
|
||||
<div class="card-header"><h5 class="card-header-title"><i class="fas fa-tags"></i> Classification</h5></div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">Department <span class="text-danger">*</span></label>
|
||||
<select class="form-select" name="department" required>
|
||||
<option value="">-- Select --</option>
|
||||
<% departments.forEach(d => { %>
|
||||
<option value="<%= d._id %>" <%= (typeof formData !== 'undefined' && formData && formData.department === d._id.toString()) ? 'selected' : '' %>><%= d.name %></option>
|
||||
<% }); %>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">Level <span class="text-danger">*</span></label>
|
||||
<select class="form-select" name="level" required>
|
||||
<option value="">-- Select --</option>
|
||||
<% levels.forEach(l => { %>
|
||||
<option value="<%= l._id %>" <%= (typeof formData !== 'undefined' && formData && formData.level === l._id.toString()) ? 'selected' : '' %>><%= l.type %></option>
|
||||
<% }); %>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">Issue Date <span class="text-danger">*</span></label>
|
||||
<input type="date" class="form-control" name="issued_date" required
|
||||
value="<%= (typeof formData !== 'undefined' && formData && formData.issued_date) ? formData.issued_date.toString().substring(0,10) : '' %>">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">Status</label>
|
||||
<select class="form-select" name="status">
|
||||
<option value="active">Active</option>
|
||||
<option value="revoked" <%= (typeof formData !== 'undefined' && formData && formData.status === 'revoked') ? 'selected' : '' %>>Revoked</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<div class="card border-0 mb-3">
|
||||
<div class="card-header"><h5 class="card-header-title"><i class="fas fa-image"></i> Certificate Image</h5></div>
|
||||
<div class="card-body">
|
||||
<input type="file" class="form-control" name="certificate_image" accept="image/*">
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-0">
|
||||
<div class="card-body d-flex flex-column gap-2">
|
||||
<button type="submit" class="btn btn-primary w-100"><i class="fas fa-save"></i> Create Certificate</button>
|
||||
<a href="/admin/certificate" class="btn btn-outline-secondary w-100">Cancel</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
107
views/admin/certificate/edit.ejs
Normal file
107
views/admin/certificate/edit.ejs
Normal file
@@ -0,0 +1,107 @@
|
||||
<div class="page-title-area">
|
||||
<div>
|
||||
<h1>Edit Certificate</h1>
|
||||
<p class="subtitle"><code style="font-size:0.8rem;color:var(--info-color)"><%= cert.certification_number %></code></p>
|
||||
</div>
|
||||
<a href="/admin/certificate" class="btn btn-outline-secondary"><i class="fas fa-arrow-left"></i> Back</a>
|
||||
</div>
|
||||
|
||||
<% if (typeof error !== 'undefined' && error) { %>
|
||||
<div class="alert d-flex align-items-center gap-2 mb-3" style="background:var(--danger-soft);color:var(--danger-color);border:none;border-radius:var(--border-radius-sm);">
|
||||
<i class="fas fa-exclamation-circle"></i> <%= error %>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<form method="POST" action="/admin/certificate/<%= cert._id %>/edit" enctype="multipart/form-data">
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-8">
|
||||
|
||||
<div class="card border-0 mb-3">
|
||||
<div class="card-header"><h5 class="card-header-title"><i class="fas fa-id-card"></i> Basic Information</h5></div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<label class="form-label">Certificate No. <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" name="certification_number" required value="<%= cert.certification_number %>">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label">Student Full Name <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" name="student_name" required value="<%= cert.student_name %>">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label">Program / Title <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" name="program_name" required value="<%= cert.program_name %>">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label">Passport No.</label>
|
||||
<input type="text" class="form-control" name="passport_number" value="<%= cert.passport_number || '' %>">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label class="form-label">Address</label>
|
||||
<input type="text" class="form-control" name="address" value="<%= cert.address || '' %>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-0 mb-3">
|
||||
<div class="card-header"><h5 class="card-header-title"><i class="fas fa-tags"></i> Classification</h5></div>
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">Department <span class="text-danger">*</span></label>
|
||||
<select class="form-select" name="department" required>
|
||||
<option value="">-- Select --</option>
|
||||
<% departments.forEach(d => { %>
|
||||
<option value="<%= d._id %>" <%= (cert.department && cert.department._id && cert.department._id.toString() === d._id.toString()) ? 'selected' : '' %>><%= d.name %></option>
|
||||
<% }); %>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">Level <span class="text-danger">*</span></label>
|
||||
<select class="form-select" name="level" required>
|
||||
<option value="">-- Select --</option>
|
||||
<% levels.forEach(l => { %>
|
||||
<option value="<%= l._id %>" <%= (cert.level && cert.level._id && cert.level._id.toString() === l._id.toString()) ? 'selected' : '' %>><%= l.type %></option>
|
||||
<% }); %>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">Issue Date <span class="text-danger">*</span></label>
|
||||
<input type="date" class="form-control" name="issued_date" required value="<%= cert.issued_date ? new Date(cert.issued_date).toISOString().substring(0,10) : '' %>">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">Status</label>
|
||||
<select class="form-select" name="status">
|
||||
<option value="active" <%= cert.status === 'active' ? 'selected' : '' %>>Active</option>
|
||||
<option value="revoked" <%= cert.status === 'revoked' ? 'selected' : '' %>>Revoked</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<div class="card border-0 mb-3">
|
||||
<div class="card-header"><h5 class="card-header-title"><i class="fas fa-image"></i> Certificate Image</h5></div>
|
||||
<div class="card-body">
|
||||
<% if (cert.certificate_image) { %>
|
||||
<div class="mb-2">
|
||||
<img src="/admin/files/<%= cert.certificate_image %>" alt="Certificate image" class="img-thumbnail" style="max-height:110px;border-radius:var(--border-radius-sm);">
|
||||
</div>
|
||||
<% } %>
|
||||
<input type="file" class="form-control" name="certificate_image" accept="image/*">
|
||||
<div class="form-text">Leave empty to keep current image.</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-0">
|
||||
<div class="card-body d-flex flex-column gap-2">
|
||||
<button type="submit" class="btn btn-primary w-100"><i class="fas fa-save"></i> Save Changes</button>
|
||||
<a href="/admin/certificate" class="btn btn-outline-secondary w-100">Cancel</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
102
views/admin/certificate/index.ejs
Normal file
102
views/admin/certificate/index.ejs
Normal file
@@ -0,0 +1,102 @@
|
||||
<div class="page-title-area">
|
||||
<div>
|
||||
<h1>Certificates</h1>
|
||||
<p class="subtitle">Certificate records</p>
|
||||
</div>
|
||||
<a href="/admin/certificate/create" class="btn btn-primary">
|
||||
<i class="fas fa-plus"></i> New Certificate
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Filter -->
|
||||
<div class="card border-0 mb-3">
|
||||
<div class="card-body" style="padding:1rem 1.25rem;">
|
||||
<form method="GET" action="/admin/certificate">
|
||||
<div class="row g-2 align-items-end">
|
||||
<div class="col-md-4">
|
||||
<div class="position-relative search-bar">
|
||||
<i class="fas fa-search search-icon"></i>
|
||||
<input type="text" class="form-control" name="search" placeholder="Search name, number..." value="<%= query.search || '' %>">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<select class="form-select" name="status">
|
||||
<option value="">All Status</option>
|
||||
<option value="active" <%= query.status === 'active' ? 'selected' : '' %>>Active</option>
|
||||
<option value="revoked" <%= query.status === 'revoked' ? 'selected' : '' %>>Revoked</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-1 d-flex gap-1">
|
||||
<button type="submit" class="btn btn-primary flex-fill"><i class="fas fa-search"></i></button>
|
||||
<% if (query.search || query.status) { %>
|
||||
<a href="/admin/certificate" class="btn btn-outline-secondary"><i class="fas fa-times"></i></a>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Table -->
|
||||
<div class="card border-0">
|
||||
<div class="card-body p-0">
|
||||
<% if (certificates && certificates.length > 0) { %>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover align-middle mb-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:40px">#</th>
|
||||
<th>Certificate No.</th>
|
||||
<th>Full Name</th>
|
||||
<th>Program</th>
|
||||
<th>Department</th>
|
||||
<th>Level</th>
|
||||
<th>Issue Date</th>
|
||||
<th>Status</th>
|
||||
<th style="width:90px">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<% certificates.forEach((c, i) => { %>
|
||||
<tr>
|
||||
<td style="color:var(--text-muted)"><%= i + 1 %></td>
|
||||
<td><code style="font-size:0.8rem;color:var(--info-color)"><%= c.certification_number %></code></td>
|
||||
<td style="font-weight:500"><%= c.student_name %></td>
|
||||
<td style="font-size:0.8125rem;color:var(--text-muted)"><%= c.program_name %></td>
|
||||
<td style="font-size:0.8125rem"><%= c.department ? c.department.name : '—' %></td>
|
||||
<td style="font-size:0.8125rem"><%= c.level ? c.level.type : '—' %></td>
|
||||
<td style="font-size:0.8125rem;color:var(--text-muted)"><%= c.issued_date ? new Date(c.issued_date).toLocaleDateString('en-GB') : '—' %></td>
|
||||
<td>
|
||||
<% if (c.status === 'active') { %>
|
||||
<span class="badge bg-soft-success">Active</span>
|
||||
<% } else { %>
|
||||
<span class="badge bg-soft-danger">Revoked</span>
|
||||
<% } %>
|
||||
</td>
|
||||
<td>
|
||||
<div class="table-actions">
|
||||
<a href="/admin/certificate/<%= c._id %>/edit" class="btn btn-sm btn-outline-primary btn-icon" title="Edit">
|
||||
<i class="fas fa-pen"></i>
|
||||
</a>
|
||||
<form method="POST" action="/admin/certificate/<%= c._id %>/delete" style="display:inline;" onsubmit="return confirm('Delete this certificate?')">
|
||||
<button type="submit" class="btn btn-sm btn-outline-danger btn-icon" title="Delete">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<% }); %>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div class="empty-state">
|
||||
<div class="empty-state-icon"><i class="fas fa-certificate"></i></div>
|
||||
<h5>No certificates found</h5>
|
||||
<p>Create the first certificate record.</p>
|
||||
<a href="/admin/certificate/create" class="btn btn-primary"><i class="fas fa-plus"></i> Create</a>
|
||||
</div>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user