319 lines
14 KiB
PHP
319 lines
14 KiB
PHP
|
<div class='row mb-2'>
|
||
|
|
<div class="col-12 text-end">
|
||
|
|
<button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#createContactModal">
|
||
|
|
<i class="fa-solid fa-plus"></i> Tambah Analyst Baru
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal fade" id="createContactModal" tabindex="-1" aria-labelledby="createContactModalLabel" aria-hidden="true">
|
||
|
|
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||
|
|
<div class="modal-content">
|
||
|
|
<div class="modal-header">
|
||
|
|
<h5 class="modal-title fw-bold" id="createContactModalLabel">Contact Editor</h5>
|
||
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<form id="formCreateContact" action="<?= base_url('/contacts/create'); ?>" method="POST">
|
||
|
|
<div class="modal-body">
|
||
|
|
<input type='hidden' name='siteid' id='siteid' value='<?= $siteid; ?>' />
|
||
|
|
|
||
|
|
<div class="row mb-3 align-items-center">
|
||
|
|
<label for="firstname" class="col-sm-3 col-form-label">First Name <span class="text-danger">*</span></label>
|
||
|
|
<div class="col-sm-9">
|
||
|
|
<input type="text" class="form-control form-control-sm" id="firstname" name="firstname" required>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-3 align-items-center">
|
||
|
|
<label for="lastname" class="col-sm-3 col-form-label">Last Name <span class="text-danger">*</span></label>
|
||
|
|
<div class="col-sm-9">
|
||
|
|
<input type="text" class="form-control form-control-sm" id="lastname" name="lastname" required>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-3 align-items-center">
|
||
|
|
<label for="initial" class="col-sm-3 col-form-label">Initial <span class="text-danger">*</span></label>
|
||
|
|
<div class="col-sm-9">
|
||
|
|
<input type="text" class="form-control form-control-sm" id="initial" name="initial" required>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-3 align-items-center">
|
||
|
|
<label for="title" class="col-sm-3 col-form-label">Title</label>
|
||
|
|
<div class="col-sm-9">
|
||
|
|
<input type="text" class="form-control form-control-sm" id="title" name="title">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-3 align-items-center">
|
||
|
|
<label for="birthdate" class="col-sm-3 col-form-label">Birthdate</label>
|
||
|
|
<div class="col-sm-9">
|
||
|
|
<input type="date" class="form-control form-control-sm" id="birthdate" name="birthdate">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-3 align-items-center">
|
||
|
|
<label for="email_1" class="col-sm-3 col-form-label">Email 1 <span class="text-danger">*</span></label>
|
||
|
|
<div class="col-sm-9">
|
||
|
|
<input type="email" class="form-control form-control-sm" id="email_1" name="email_1" required>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-3 align-items-center">
|
||
|
|
<label for="email_2" class="col-sm-3 col-form-label">Email 2</label>
|
||
|
|
<div class="col-sm-9">
|
||
|
|
<input type="email" class="form-control form-control-sm" id="email_2" name="email_2">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-3 align-items-center">
|
||
|
|
<label for="phone" class="col-sm-3 col-form-label">Phone</label>
|
||
|
|
<div class="col-sm-9">
|
||
|
|
<input type="text" class="form-control form-control-sm" id="phone" name="phone">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-3 align-items-center">
|
||
|
|
<label for="mobile_1" class="col-sm-3 col-form-label">Mobile 1</label>
|
||
|
|
<div class="col-sm-9">
|
||
|
|
<input type="text" class="form-control form-control-sm" id="mobile_1" name="mobile_1">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mb-3 align-items-center">
|
||
|
|
<label for="mobile_2" class="col-sm-3 col-form-label">Mobile 2</label>
|
||
|
|
<div class="col-sm-9">
|
||
|
|
<input type="text" class="form-control form-control-sm" id="mobile_2" name="mobile_2">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="modal-footer border-top-0">
|
||
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
|
||
|
|
<button type="submit" class="btn btn-primary">Save Contact</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<input type='hidden' name='trainingid_delete' id='trainingid_delete' />
|
||
|
|
<div class="row g-3 align-items-end mb-3">
|
||
|
|
<div class="col-12 col-md-4">
|
||
|
|
<label for="trainingname" class="form-label border-start border-5 border-primary ps-1 mb-1">Analyst Name</label>
|
||
|
|
<select name="trainingname" id="trainingname" class="form-select form-select-sm select2 trainingname">
|
||
|
|
<option value="">-- Choose one --</option>
|
||
|
|
<?php
|
||
|
|
if(!empty($sitecontacts)) {
|
||
|
|
foreach ($sitecontacts as $data) {
|
||
|
|
$qcontactid = $data['contactid'];
|
||
|
|
$qcontactname = $data['firstname'] . " " . $data['lastname'];
|
||
|
|
|
||
|
|
// Siapkan data tambahannya
|
||
|
|
$qcontactinitial = $data['initial'];
|
||
|
|
$qcontacttitle = $data['title'];
|
||
|
|
$qcontactemail = $data['email_1'];
|
||
|
|
|
||
|
|
// Simpan di data-attribute
|
||
|
|
echo "<option value='$qcontactid' data-name='$qcontactname' data-initial='$qcontactinitial' data-title='$qcontacttitle' data-email='$qcontactemail'>$qcontactname</option>";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
?>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<div class="col-12 col-md-3">
|
||
|
|
<label for="trainingdate" class="form-label mb-1">Tanggal</label>
|
||
|
|
<input type="text" name="trainingdate" id="trainingdate" class="form-control form-control-sm trainingdate"
|
||
|
|
placeholder="YYYY-MM-DD" />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-12 col-md-2">
|
||
|
|
<div class="form-check mb-md-1">
|
||
|
|
<input class="form-check-input" type="checkbox" value="1" id="validatealltraining"
|
||
|
|
name="validatealltraining" checked>
|
||
|
|
<label class="form-check-label" for="validatealltraining" style="font-size: 0.875rem;">
|
||
|
|
Validasi Semua Peserta
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-12 col-md-3 d-grid">
|
||
|
|
<button type="button" class="btn btn-sm btn-success" onclick="addTrainingRow();">Tambah</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr />
|
||
|
|
<div class='table-responsive'>
|
||
|
|
<table class='table table-bordered table-sm' id='training_table'>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th style='width:2%;'>No</th>
|
||
|
|
<th style='width:8%;'>Initial</th>
|
||
|
|
<th style='width:30%;'>Nama Analyst</th>
|
||
|
|
<th style='width:15%;'>Title</th>
|
||
|
|
<th style='width:25%;'>Email</th>
|
||
|
|
<th style='width:15%;'>Tanggal</th>
|
||
|
|
<th style='width:11%;' class='text-center'>Action</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<?php
|
||
|
|
// Cek apakah ada data $traininguser
|
||
|
|
if(isset($traininguser) && !empty($traininguser)):
|
||
|
|
$no = 1;
|
||
|
|
foreach ($traininguser as $tu):
|
||
|
|
?>
|
||
|
|
<tr>
|
||
|
|
<td class="text-center"><?= $no++ ?></td>
|
||
|
|
<td><?= esc($tu['initial']) ?></td>
|
||
|
|
<td>
|
||
|
|
<?= esc($tu['firstname']) ?> <?= esc($tu['lastname']) ?>
|
||
|
|
<input type="hidden" name="trainingids[]" value="<?= esc($tu['contactid']) ?>">
|
||
|
|
<input type="hidden" name="trainingnames[]" value="<?= esc($tu['firstname']) ?> <?= esc($tu['lastname']) ?>">
|
||
|
|
<input type="hidden" name="trainingdates[]" value="<?= esc($tu['issued_date']) ?>">
|
||
|
|
</td>
|
||
|
|
<td><?= esc($tu['title']) ?></td>
|
||
|
|
<td><?= esc($tu['email_1']) ?></td>
|
||
|
|
<td><?= esc($tu['issued_date']) ?></td>
|
||
|
|
<td class="text-center">
|
||
|
|
<button type="button" class="btn btn-sm btn-danger" onclick="deleteTrainingRow(this, '<?= esc($tu['contactid']) ?>')">Hapus</button>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<?php
|
||
|
|
endforeach;
|
||
|
|
endif;
|
||
|
|
?>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function addTrainingRow() {
|
||
|
|
var selectEl = $('#trainingname');
|
||
|
|
var selectedOption = selectEl.find('option:selected');
|
||
|
|
|
||
|
|
var contactid = selectEl.val();
|
||
|
|
var trainingname = selectedOption.data('name');
|
||
|
|
var trainingdate = $('#trainingdate').val();
|
||
|
|
|
||
|
|
if (!contactid || !trainingdate) {
|
||
|
|
alert("Nama Analyst atau Tanggal tidak boleh kosong.");
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Agar Tidak Double Check
|
||
|
|
var exists = false;
|
||
|
|
// Selektor ini tetap berfungsi dengan baik karena mencari awalan 'trainingids'
|
||
|
|
$("input[name^='trainingids']").each(function(){
|
||
|
|
if($(this).val() == contactid){
|
||
|
|
exists = true;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if(exists){
|
||
|
|
alert("Analyst sudah ditambahkan.");
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var initial = selectedOption.data('initial') || '-';
|
||
|
|
var title = selectedOption.data('title') || '-';
|
||
|
|
var email = selectedOption.data('email') || '-';
|
||
|
|
|
||
|
|
var rowIndex = $('#training_table tbody tr').length;
|
||
|
|
|
||
|
|
var newRow = `
|
||
|
|
<tr>
|
||
|
|
<td class="text-center">${rowIndex + 1}</td>
|
||
|
|
<td>${initial}</td>
|
||
|
|
<td>
|
||
|
|
${trainingname}
|
||
|
|
<input type="hidden" name="trainingids[]" value="${contactid}">
|
||
|
|
<input type="hidden" name="trainingnames[]" value="${trainingname}">
|
||
|
|
<input type="hidden" name="trainingdates[]" value="${trainingdate}">
|
||
|
|
</td>
|
||
|
|
<td>${title}</td>
|
||
|
|
<td>${email}</td>
|
||
|
|
<td>${trainingdate}</td>
|
||
|
|
<td class="text-center">
|
||
|
|
<button type="button" class="btn btn-sm btn-danger" onclick="deleteTrainingRow(this)">Hapus</button>
|
||
|
|
</td>
|
||
|
|
</tr>`;
|
||
|
|
|
||
|
|
$("#training_table tbody").append(newRow);
|
||
|
|
|
||
|
|
// reset input
|
||
|
|
selectEl.val('').trigger('change');
|
||
|
|
}
|
||
|
|
function deleteTrainingRow(btn, contactid) {
|
||
|
|
if(confirm('Apakah Anda yakin ingin menghapus data ini?')) {
|
||
|
|
$(btn).closest('tr').remove();
|
||
|
|
|
||
|
|
// Update nomor urut tabel otomatis untuk tampilan
|
||
|
|
$('#training_table tbody tr').each(function(index) {
|
||
|
|
$(this).find('td:first').text(index + 1);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Memasukkan ID yang dihapus ke input hidden 'trainingid_delete'
|
||
|
|
if (contactid > 0) {
|
||
|
|
var d = $('#trainingid_delete');
|
||
|
|
var currentVal = d.val();
|
||
|
|
d.val(currentVal ? currentVal + ',' + contactid : contactid);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
flatpickr(".trainingdate", { allowInput: true, dateFormat: "Y-m-d" });
|
||
|
|
|
||
|
|
|
||
|
|
$('#formCreateContact').submit(function(e) {
|
||
|
|
// 1. Cegah form melakukan reload halaman bawaan HTML
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
// 2. Ambil URL action dan data dari form
|
||
|
|
var url = $(this).attr('action');
|
||
|
|
var formData = $(this).serialize();
|
||
|
|
|
||
|
|
// 3. Kirim data ke controller menggunakan AJAX POST
|
||
|
|
$.ajax({
|
||
|
|
type: "POST",
|
||
|
|
url: url,
|
||
|
|
data: formData,
|
||
|
|
success: function(response) {
|
||
|
|
// Tutup modal dan bersihkan isian formnya
|
||
|
|
$('#createContactModal').modal('hide');
|
||
|
|
$('#formCreateContact')[0].reset();
|
||
|
|
|
||
|
|
// Tampilkan pesan sukses
|
||
|
|
alert('Contact berhasil ditambahkan!');
|
||
|
|
|
||
|
|
// --- INI BAGIAN REFRESH-NYA ---
|
||
|
|
var siteid = $('#siteid').val();
|
||
|
|
var current_actid = $('#current_actid').val();
|
||
|
|
|
||
|
|
// Siapkan format url untuk current_actid (sama seperti logika sebelumnya)
|
||
|
|
if (current_actid !== '' && current_actid !== undefined) {
|
||
|
|
current_actid = '/' + current_actid;
|
||
|
|
} else {
|
||
|
|
current_actid = '';
|
||
|
|
}
|
||
|
|
|
||
|
|
// Jalankan ulang $.get milikmu khusus untuk training_form
|
||
|
|
if(siteid !== '') {
|
||
|
|
$.get("<?=base_url();?>/activities/getsitecontact/" + siteid + current_actid, function(data) {
|
||
|
|
$('#training_form').html(data);
|
||
|
|
|
||
|
|
// Re-inisialisasi select2 agar tampilannya kembali rapi
|
||
|
|
$('.select2').select2({
|
||
|
|
theme: 'bootstrap-5',
|
||
|
|
width: '100%'
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
error: function(xhr, status, error) {
|
||
|
|
alert('Terjadi kesalahan saat menyimpan data!');
|
||
|
|
console.error(xhr.responseText);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|