Update menbambahkan checkbox validasi pada sertifikat index

This commit is contained in:
mikael-zakaria 2026-04-08 08:40:10 +07:00
parent c21a15a715
commit 774520c7f2
3 changed files with 119 additions and 12 deletions

View File

@ -48,8 +48,8 @@
<table id="certificatesTable" class="table table-striped table-hover border" style="width: 100%;">
<thead class="table-primary">
<tr>
<th style="width: 32%">Certificate</th>
<th style="width: 38%">Act Report</th>
<th style="width: 35%">Certificate</th>
<th style="width: 35%">Act Report</th>
<th style="width: 10%">Issue Date</th>
<th style="width: 8%">Validation</th>
<th class="text-center" style="width: 12%">Action</th>
@ -188,8 +188,13 @@ $(function () {
let fullname = cert.fullname;
let activity_subject = cert.activity_subject;
let user_check = cert.user_validation_at ? 'checked' : '';
let spv_check = cert.spv_validation_at ? 'checked' : '';
let manager_check = cert.manager_validation_at ? 'checked' : '';
let issuedate = '-';
let validationBadge = '';
let statusBadge = '';
if (issuedateRaw && issuedateRaw !== '0000-00-00') {
let date = new Date(issuedateRaw);
@ -200,13 +205,44 @@ $(function () {
}
if (status == 'unvalidated') {
validationBadge = '<div class=""><span class="badge bg-warning text-dark">unvalidated</span></div>';
// validationBadge = "<div class=''><span class='badge bg-warning text-dark'>unvalidated</span><br></div>";
validationBadge = '<div class="">' +
'<span class="badge bg-warning text-dark mb-1 p-1 px-2">unvalidated</span><br>' +
'<div class="form-check text-sm">' +
'<input class="form-check-input" type="checkbox" ' + user_check + ' disabled>' +
'<label class="form-check-label small">TSO</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + spv_check + ' disabled>' +
'<label class="form-check-label small">SPV</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + manager_check + ' disabled>' +
'<label class="form-check-label small">Manager</label>' +
'</div>' +
'</div>';
statusBadge = '<span class="text-danger">❋</span>';
} else {
validationBadge = '<div class=""><span class="badge bg-success">validated</span></div>';
// validationBadge = '<div class=""><span class="badge bg-success">validated</span></div>';
validationBadge = '<div class="">' +
'<span class="badge bg-success mb-1 p-1 px-2">validated</span><br>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + user_check + ' disabled>' +
'<label class="form-check-label small">TSO</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + spv_check + ' disabled>' +
'<label class="form-check-label small">SPV</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + manager_check + ' disabled>' +
'<label class="form-check-label small">Manager</label>' +
'</div>' +
'</div>';
}
return [
`<strong>${certname}</strong><br><small class="text-muted">Cert# : ${certnumber}</small>`,
`<strong>${statusBadge} ${certname}</strong><br><small class="text-muted">Cert# : ${certnumber}</small>`,
`<a href="javascript:void(0)" class="activity-report-link text-decoration-none" data-certid="${certid}" data-actid="${actid}" style="color:#d43215b0;">#${actid} - ${activity_subject} &nbsp;<i class="fa-solid fa-up-right-from-square"></i></strong><br><small class="text-muted">Owner : ${fullname}</small></a>`,
issuedate,
validationBadge,

View File

@ -216,10 +216,15 @@ $(function () {
let fullname = cert.fullname;
let activity_subject = cert.activity_subject;
let user_check = cert.user_validation_at ? 'checked' : '';
let spv_check = cert.spv_validation_at ? 'checked' : '';
let manager_check = cert.manager_validation_at ? 'checked' : '';
let issuedate = '-';
let expirydate = '-';
// let statusBadge = '<span class="badge bg-warning text-dark">need validation</span>';
let validationBadge = '';
let statusDot = '';
if (issuedateRaw && issuedateRaw !== '0000-00-00') {
let date = new Date(issuedateRaw);
@ -250,15 +255,45 @@ $(function () {
}
if (status == 'unvalidated') {
validationBadge = '<div class=""><span class="badge bg-warning text-dark">unvalidated</span></div>';
// validationBadge = "<div class=''><span class='badge bg-warning text-dark'>unvalidated</span><br></div>";
validationBadge = '<div class="">' +
'<span class="badge bg-warning text-dark mb-1 p-1 px-2">unvalidated</span><br>' +
'<div class="form-check text-sm">' +
'<input class="form-check-input" type="checkbox" ' + user_check + ' disabled>' +
'<label class="form-check-label small">TSO</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + spv_check + ' disabled>' +
'<label class="form-check-label small">SPV</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + manager_check + ' disabled>' +
'<label class="form-check-label small">Manager</label>' +
'</div>' +
'</div>';
statusDot = '<span class="text-danger">❋</span>';
} else {
validationBadge = '<div class=""><span class="badge bg-success">validated</span></div>';
// validationBadge = '<div class=""><span class="badge bg-success">validated</span></div>';
validationBadge = '<div class="">' +
'<span class="badge bg-success mb-1 p-1 px-2">validated</span><br>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + user_check + ' disabled>' +
'<label class="form-check-label small">TSO</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + spv_check + ' disabled>' +
'<label class="form-check-label small">SPV</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + manager_check + ' disabled>' +
'<label class="form-check-label small">Manager</label>' +
'</div>' +
'</div>';
}
return [
// index + 1,
`<strong>${certname}</strong><br><small class="text-muted">Cert# : ${certnumber}</small>`,
`<strong>${statusDot} ${certname}</strong><br><small class="text-muted">Cert# : ${certnumber}</small>`,
`<a href="javascript:void(0)" class="activity-report-link text-decoration-none" data-certid="${certid}" data-actid="${actid}" style="color:#d43215b0;">#${actid} - ${activity_subject} &nbsp;<i class="fa-solid fa-up-right-from-square"></i></strong><br><small class="text-muted">Owner : ${fullname}</small></a>`,
issuedate,
expirydate,

View File

@ -192,8 +192,13 @@ $(function () {
let fullname = cert.fullname;
let activity_subject = cert.activity_subject;
let user_check = cert.user_validation_at ? 'checked' : '';
let spv_check = cert.spv_validation_at ? 'checked' : '';
let manager_check = cert.manager_validation_at ? 'checked' : '';
let issuedate = '-';
let validationBadge = '';
let statusBadge = '';
if (issuedateRaw && issuedateRaw !== '0000-00-00') {
let date = new Date(issuedateRaw);
@ -204,13 +209,44 @@ $(function () {
}
if (status == 'unvalidated') {
validationBadge = '<div class=""><span class="badge bg-warning text-dark">unvalidated</span></div>';
// validationBadge = "<div class=''><span class='badge bg-warning text-dark'>unvalidated</span><br></div>";
validationBadge = '<div class="">' +
'<span class="badge bg-warning text-dark mb-1 p-1 px-2">unvalidated</span><br>' +
'<div class="form-check text-sm">' +
'<input class="form-check-input" type="checkbox" ' + user_check + ' disabled>' +
'<label class="form-check-label small">TSO</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + spv_check + ' disabled>' +
'<label class="form-check-label small">SPV</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + manager_check + ' disabled>' +
'<label class="form-check-label small">Manager</label>' +
'</div>' +
'</div>';
statusBadge = '<span class="text-danger">❋</span>';
} else {
validationBadge = '<div class=""><span class="badge bg-success">validated</span></div>';
// validationBadge = '<div class=""><span class="badge bg-success">validated</span></div>';
validationBadge = '<div class="">' +
'<span class="badge bg-success mb-1 p-1 px-2">validated</span><br>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + user_check + ' disabled>' +
'<label class="form-check-label small">TSO</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + spv_check + ' disabled>' +
'<label class="form-check-label small">SPV</label>' +
'</div>' +
'<div class="form-check">' +
'<input class="form-check-input" type="checkbox" ' + manager_check + ' disabled>' +
'<label class="form-check-label small">Manager</label>' +
'</div>' +
'</div>';
}
return [
`<strong>${certname}</strong><br><small class="text-muted">Cert# : ${certnumber}</small>`,
`<strong>${statusBadge} ${certname}</strong><br><small class="text-muted">Cert# : ${certnumber}</small>`,
`<a href="javascript:void(0)" class="activity-report-link text-decoration-none" data-certid="${certid}" data-actid="${actid}" style="color:#d43215b0;">#${actid} - ${activity_subject} &nbsp;<i class="fa-solid fa-up-right-from-square"></i></strong><br><small class="text-muted">Owner : ${fullname}</small></a>`,
issuedate,
validationBadge,