247 lines
8.1 KiB
PHP
247 lines
8.1 KiB
PHP
<?= $this->extend('admin/layout/main.php') ?>
|
|
|
|
<?= $this->section('content') ?>
|
|
<div class="card border-0 m-1">
|
|
<div class="card-body">
|
|
<div class='card-title'>Dictionary Mapping Order</div>
|
|
<button class='btn btn-sm btn-primary' onclick="createSingle()"><i class="bi bi-plus-circle"></i> Create Single</button>
|
|
<button class='btn btn-sm btn-primary' onclick="createProfile()"><i class="bi bi-plus-circle"></i> Create Profile</button>
|
|
<div class="table-responsive">
|
|
<table id="myTable" class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Type</th>
|
|
<th>HIS Code</th>
|
|
<th>LIS Code</th>
|
|
<th>Description</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id='table-body'>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single -->
|
|
<div class="modal fade" id="modal_single" aria-hidden="true" tabindex="-1">
|
|
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Edit Single Test</h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
|
|
</div>
|
|
<div class="modal-body" id='modal_bodySingle' style='background-color:#F4F6FF'>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<table class="table table-sm table-borderless">
|
|
<input type='hidden' id='updateSingle' value='' />
|
|
<tr class="align-middle"> <th>HIS Code</th> <th>:</th> <td><input class='form-control' type='text' id='hiscodeSingle'/></td> </tr>
|
|
<tr class="align-middle"> <th>LIS Code</th> <th>:</th> <td><input class='form-control' type='text' id='liscodeSingle' oninput='this.value = this.value.toUpperCase();' /></td> </tr>
|
|
<tr class="align-middle"> <th>Desc.</th> <th>:</th> <td><input class='form-control' type='text' id='descsSingle'/></td> </tr>
|
|
</table>
|
|
<button class='btn btn-sm btn-primary' onclick='saveSingle()'>Save</button>
|
|
<button class='btn btn-sm btn-secondary' data-bs-dismiss="modal">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Profile -->
|
|
<div class="modal fade" id="modal_profile" aria-hidden="true" tabindex="-1">
|
|
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fs-5" id="exampleModalToggleLabel">Edit Profile Test</h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" ></button>
|
|
</div>
|
|
<div class="modal-body" style='background-color:#F4F6FF'>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<table class="table table-sm table-borderless">
|
|
<input type='hidden' id='updateProfile' value='' />
|
|
<tr class="align-middle"> <th>HIS Code</th> <th>:</th> <td><input class='form-control' type='text' id='hiscodeProfile'/></td> </tr>
|
|
<tr class="align-middle"> <th>Desc.</th> <th>:</th> <td><input class='form-control' type='text' id='descsProfile'/></td> </tr>
|
|
</table>
|
|
</div>
|
|
<div class="col-6">
|
|
<table class="table table-sm table-borderless">
|
|
<tr class="align-top">
|
|
<th>LIS Code</th> <th>:</th>
|
|
<?php $j=1; ?>
|
|
<td> <?php for($i=1;$i<=11;$i++) { echo "<input class='mliscode$j' type='text' maxlength='5' size='7' oninput='this.value = this.value.toUpperCase();' /> <br />\n";$j++; } ?> </td>
|
|
<td> <?php for($i=1;$i<=11;$i++) { echo "<input class='mliscode$j' type='text' maxlength='5' size='7' oninput='this.value = this.value.toUpperCase();' /> <br />\n";$j++; } ?> </td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<button class='btn btn-sm btn-primary' onclick='saveProfile()'>Save</button>
|
|
<button class='btn btn-sm btn-secondary' data-bs-dismiss="modal">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?= $this->endSection() ?>
|
|
|
|
<?= $this->section('script') ?>
|
|
<script>
|
|
index();
|
|
function index() {
|
|
let url = '<?=base_url('');?>api/dictMappings/index';
|
|
$.ajax({
|
|
url: url,
|
|
method: 'GET',
|
|
success: function(response) {
|
|
$("#myTable").DataTable().destroy();
|
|
$("#table-body").html("");
|
|
var data = response['dictMappings'];
|
|
for (var i = 0; i < data.length; i++) {
|
|
liscode = data[i].LISCODE;
|
|
hiscode = data[i].HISCODE;
|
|
maptype = data[i].MAPTYPE;
|
|
mapid = data[i].MAPID;
|
|
descs = data[i].DESCS;
|
|
editBtn = '';
|
|
if(data[i].LISCODE == null) { liscode = '-'; }
|
|
/*
|
|
if(data[i].HISCODE != null) { text2 = data[i].TEXT2; }
|
|
if(data[i].MAPPINGTYPE != null) { unit = data[i].UNIT; }
|
|
if(data[i].MAPPINGID != null) { refftext = data[i].REFFTEXT; }
|
|
if(data[i].DESCS != null) { refftext = data[i].DESCS; }
|
|
*/
|
|
if(maptype == 'S') {
|
|
editBtn = '<button class="btn btn-sm btn-success" ' + ' onclick="editSingle(' + mapid+ ')">Edit' + '</button> ';
|
|
} else {
|
|
editBtn = '<button class="btn btn-sm btn-success" ' + ' onclick="editProfile(' + mapid+ ')">Edit' + '</button> ';
|
|
}
|
|
let datarow = '<tr class="align-middle">' +
|
|
'<td>' + maptype + '</td>' + '<td>' + hiscode+ '</td> <td>' + liscode + '</td>' + '<td>' + descs + '</td>' + '<td>' + editBtn + '</td>' +
|
|
'</tr>';
|
|
$("#table-body").append(datarow);
|
|
}
|
|
$("#myTable").DataTable({
|
|
"pageLength" : 25,
|
|
});
|
|
},
|
|
error: function(response) { console.log(response.responseJSON); }
|
|
});
|
|
}
|
|
|
|
function createSingle() {
|
|
$("#alertSingle").html();
|
|
$("#updateSingle").val("0");
|
|
$("#hiscodeSingle").val("");
|
|
$("#liscodeSingle").val("");
|
|
$("#descsSingle").val("");
|
|
$("#modal_single").modal('show');
|
|
}
|
|
|
|
function editSingle(mapid) {
|
|
let url = '<?=base_url('');?>api/dictMappings/detail/'+mapid;
|
|
$.ajax({
|
|
url: url,
|
|
method: "GET",
|
|
success: function(response) {
|
|
let data = response;
|
|
$("#updateSingle").val(mapid);
|
|
$("#liscodeSingle").val(data.LISCODE);
|
|
$("#hiscodeSingle").val(data.HISCODE);
|
|
$("#descsSingle").val(data.DESCS);
|
|
$("#modal_single").modal('show');
|
|
},
|
|
error: function(response) {
|
|
console.log(response.responseJSON)
|
|
}
|
|
});
|
|
}
|
|
|
|
function createProfile() {
|
|
$("#updateProfile").val("0");
|
|
$("#hiscodeProfile").val("");
|
|
$("#descsProfile").val("");
|
|
for (let i = 1; i <= 22; i++) {
|
|
let id = `.mliscode${i}`;
|
|
let element = $(id);
|
|
element.val('');
|
|
}
|
|
$("#modal_profile").modal('show');
|
|
}
|
|
|
|
function editProfile(mapid) {
|
|
let url = '<?=base_url('');?>api/dictMappings/detail/'+mapid;
|
|
$.ajax({
|
|
url: url,
|
|
method: "GET",
|
|
success: function(response) {
|
|
let data = response;
|
|
$("#updateProfile").val(mapid);
|
|
$("#hiscodeProfile").val(data.HISCODE);
|
|
$("#descsProfile").val(data.DESCS);
|
|
for (let i = 0; i < data.mliscodes.length; i++) {
|
|
const fieldId = `mliscode${i + 1}`;
|
|
$(`.${fieldId}`).val(data.mliscodes[i].LISCODE);
|
|
}
|
|
$("#modal_profile").modal('show');
|
|
},
|
|
error: function(response) {
|
|
console.log(response.responseJSON)
|
|
}
|
|
});
|
|
}
|
|
|
|
function saveSingle() {
|
|
let url = '<?=base_url('');?>api/dictMappings/saveSingle';
|
|
var update = $("#updateSingle").val();
|
|
var hiscode = $("#hiscodeSingle").val();
|
|
var liscode = $("#liscodeSingle").val();
|
|
var descs = $("#descsSingle").val();
|
|
let data = { update: update, hiscode: hiscode, liscode:liscode, descs:descs };
|
|
$.ajax({
|
|
url: url,
|
|
method: "POST",
|
|
data: data,
|
|
success: function(response) {
|
|
$("#liscodeSingle").val('');
|
|
$("#hiscodeSingle").val('');
|
|
$("#descsSingle").val('');
|
|
$("#updateSingle").val('');
|
|
$("#modal_single").modal('hide');
|
|
index();
|
|
},
|
|
error: function(response) {
|
|
alert(response.responseJSON.messages.errors);
|
|
}
|
|
});
|
|
}
|
|
|
|
function saveProfile() {
|
|
let url = '<?=base_url('');?>api/dictMappings/saveProfile';
|
|
var update = $("#updateProfile").val();
|
|
var hiscode = $("#hiscodeProfile").val();
|
|
var descs = $("#descsProfile").val();
|
|
let data = { update: update, hiscode: hiscode, descs:descs };
|
|
for (let i = 1; i <= 22; i++) {
|
|
let className = `.mliscode${i}`;
|
|
let value = $(className).val();
|
|
if (value !== undefined && value != '') {
|
|
data[`mliscode${i}`] = value;
|
|
}
|
|
}
|
|
$.ajax({
|
|
url: url,
|
|
method: "POST",
|
|
data: data,
|
|
success: function(response) {
|
|
$("#modal_profile").modal('hide');
|
|
index();
|
|
},
|
|
error: function(response) {
|
|
alert(response.responseJSON.messages.errors);
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
<?= $this->endSection() ?>
|