kicap/barcode_barang_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

project done before

Browse Source
This commit is contained in:
kicap1992
2021-06-23 17:54:22 +08:00
commit ad3474d27d
509 changed files with 252588 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

486
application/views/login/index.php Normal file
View File

@ -0,0 +1,486 @@
<!DOCTYPE html>
<html lang="en">
<head>
<?php $this->load->view('login/head'); ?>
<link href="<?=base_url()?>assets/css/barcode.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" media="screen" href="<?=base_url()?>assets/js/datatables/jquery.dataTables.min.css">
</head>
<body class="">
<div class="wrapper ">
<?php $this->load->view('login/sidebar'); ?>
<div class="main-panel">
<?php $this->load->view('login/navbar'); ?>
<div class="content">
<?php $this->load->view('login/atas'); ?>
<div class="modal fade" id="lihat_informasi" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-2">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<h5 class="card-title" id="judul_modal">Detail Barang</h5>
<div class="form-group">
<label>ID</label>
<input type="" id="id" class="form-control" disabled="">
</div>
<div class="form-group">
<label>Nama Barang</label>
<textarea name="nama" id="nama_edit" class="form-control" style="resize: none" disabled="" placeholder="Nama Barang"></textarea>
</div>
<div class="form-group">
<label>Harga Barang</label>
<input type="" id="harga_edit" name="harga" class="form-control" disabled="" placeholder="Harga Barang">
</div>
</div>
<div class="modal-footer">
<button id="button_edit" class="btn btn-primary btn-sm waves-effect waves-light" onclick="edit()">Edit Detail</button>
<button type="button" class="btn btn-default btn-sm waves-effect waves-light" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="card ">
<div class="card-header ">
<h5 class="card-title">Penambahan Barang</h5>
<!-- <p class="card-category">Last Campaign Performance</p> -->
</div>
<div class="card-body ">
<div id="sini_js" style="display: none"></div>
<form id="sini_form">
<input type="hidden" name="id_pertama" id="id_pertama">
<input type="hidden" name="id_kedua" id="id_kedua">
<div class="row" id="text_reset" style="display: none">
<div class="col-md-12">
<div class="form-group">
<center><h6>Klik <i>Reset</i> Untuk Scan Kembali Barcode</h6></center>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<center><div id="interactive" class="viewport"></div></center>
<div class="controls">
<fieldset class="reader-config-group">
<center><span>Hidupkan Flashlight</span>
<input type="checkbox" name="settings_torch" /></center>
</fieldset>
</div>
<label>Nama Barang</label>
<!-- <input type="text" class="form-control" placeholder="Nama Barang" id="nama" name="nama"> -->
<textarea class="form-control" name="nama" id="nama" placeholder="Nama Barang"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Harga Barang</label>
<input type="text" class="form-control" placeholder="Harga Barang" id="harga" name="harga" maxlength="7">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Foto Barang</label>
</div>
</div>
</div>
</form>
<div class="row">
<div class="col-md-12">
<center><button type="button" onclick="reset()" class="btn btn-danger btn-round">Reset</button>
<button type="button" class="btn btn-info btn-round" onclick="tambah()">Tambah</button>
</center>
</div>
</div>
</div>
<div class="card-footer ">
<!-- <div class="legend">
<i class="fa fa-circle text-primary"></i> Opened
<i class="fa fa-circle text-warning"></i> Read
<i class="fa fa-circle text-danger"></i> Deleted
<i class="fa fa-circle text-gray"></i> Unopened
</div> -->
<hr>
<div class="stats">
<i class="fa fa-calendar"></i> Terakhir Ditambah
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="card card-chart">
<div class="card-header">
<h5 class="card-title">List Barang</h5>
<!-- <p class="card-category">Line Chart with Points</p> -->
</div>
<div class="card-body">
<table id="table1" class="table table-striped table-bordered" width="100%" cellspacing="0" >
<thead>
<tr>
<th>No</th>
<th>Nama</th>
<th>Harga</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="card-footer">
<!-- <div class="chart-legend">
<i class="fa fa-circle text-info"></i> Tesla Model S
<i class="fa fa-circle text-warning"></i> BMW 5 Series
</div> -->
<hr/>
<div class="card-stats">
<i class="fa fa-check"></i> Jumlah :
</div>
</div>
</div>
</div>
</div>
</div>
<?php $this->load->view('login/footer'); ?>
</div>
</div>
<?php $this->load->view('login/script'); ?>
<!-- <script src="vendor/jquery-1.9.0.min.js" type="text/javascript"></script> -->
<!-- <script src="http://webrtc.github.io/adapter/adapter-latest.js" type="text/javascript"></script> -->
<script src="<?=base_url()?>dist/adapter.js" type="text/javascript"></script>
<script src="<?=base_url()?>dist/quagga.js" type="text/javascript"></script>
<script src="<?=base_url()?>dist/live_w_locator.js" type="text/javascript"></script>
<script src="<?=base_url()?>sweet-alert/block/jquery.blockUI.js"></script>
<script src="<?=base_url()?>assets/js/datatables/jquery.dataTables.min.js"></script>
<script type="text/javascript">
var url = "https://scan-barcode.kuwakuwi.com/home"
function reset(){
$("#text_reset").attr('style', 'display : none');
$("#interactive").attr('style', 'display : block');
$("#id_pertama").val(null)
$("#id_kedua").val(null)
$("#nama").val(null)
$("#harga").val(null)
App.init();
}
function tambah() {
// console.log('sini tambah');
if ($("#id_pertama").val() == null || $("#id_kedua").val() == null || $("#id_pertama").val() == '' || $("#id_kedua").val() == '') {
toastnya("interactive","Barcode Harus Discan Terlebih Dahulu")
}
else if ($("#nama").val() == null || $("#nama").val() == '') {
toastnya("nama","Nama Barang Harus Terisi")
}
else if ($("#harga").val() == null || $("#harga").val() == '') {
toastnya("harga","Harga Barang Harus Terisi")
}
else{
let data = $('#sini_form').serializeArray();
let harga = $("#harga").val();
harga = harga.replace(/\,/g,'');
data = jQuery.grep(data, function(value) {
return value['name'] != 'id_pertama' && value['name'] != 'id_kedua' && value['name'] != 'harga' && value['name'] != 'settings_torch';
});
let id_barcode = [{"name" : "id" ,"value" : $("#id_pertama").val()}];
harga = [{"name" : "harga" ,"value" : harga}];
data = data.concat(id_barcode,harga)
console.log(data)
$.ajax({
// url: "https://scan-barcode.kuwakuwi.com/home/",
url: url,
type: 'post',
data: {data : data, proses : 'tambah'},
// dataType: 'json',
beforeSend: function(res) {
$.blockUI({
message: "Sedang Diproses",
css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .5,
color: '#fff'
} });
},
success: function (response) {
$.unblockUI();
console.log(response);
$("#sini_js").html(response)
// location.reload();
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$.unblockUI();
swal({
// title: "Submit Keperluan ?",
text: "Koneksi Internet Anda Mungkin Hilang Atau Terputus, Halaman Akan Terefresh Kembali",
icon: "warning",
buttons: {
cancel: false,
confirm: true,
},
// dangerMode: true,
})
.then((hehe) =>{
location.reload();
});
}
});
}
}
function toastnya(id,mesej){
toastr.options = {
"closeButton": true,
"debug": false,
"progressBar": true,
"positionClass": "toast-top-right",
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
toastr.error("<center>"+mesej+"</center>");
$("#"+id).focus();
}
$(document).on("click", ".lihat_informasi", function () {
// console.log($(this).data('id'));
let id = $(this).data('id');
let data = $.ajax({
// url: "<?=base_url()?>home/",
url: url,
type: 'post',
data: {id : id, proses : 'cari_data'},
async : false,
// dataType: 'json',
beforeSend: function(res) {
$.blockUI({
message: "Sedang Diproses",
css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .5,
color: '#fff'
} });
},
success: function (response) {
$.unblockUI();
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$.unblockUI();
swal({
// title: "Submit Keperluan ?",
text: "Koneksi Internet Anda Mungkin Hilang Atau Terputus, Halaman Akan Terefresh Kembali",
icon: "warning",
buttons: {
cancel: false,
confirm: true,
},
// dangerMode: true,
})
.then((hehe) =>{
location.reload();
});
}
});
// console.log(JSON.parse(data.responseText));
data = JSON.parse(data.responseText);
$("#id").val(data.id);
$("#nama_edit").val(data.nama);
$("#harga_edit").val(numberWithCommas(data.harga));
$("#button_edit").attr({
'onclick' : "edit('"+data.id+"',0)"
})
});
function edit(id,e) {
if (e == 0 ) {
// $("#id").removeAttr('disabled');
$("#nama_edit").removeAttr('disabled');
$("#harga_edit").removeAttr('disabled');
$("#button_edit").attr({
'onclick' : "edit('"+id+"',1)"
})
e = 1;
}
else if (e == 1)
{
if ($("#nama_edit").val() == null || $("#nama_edit").val() == '') {
toastnya("nama_edit","Nama Barang Harus Terisi")
}
else if ($("#harga_edit").val() == null || $("#harga_edit").val() == '') {
toastnya("harga_edit","Harga Barang Harus Terisi")
}
else
{
swal({
// title: "Submit Keperluan ?",
text: "Yakin Ingin Update Detail Barang",
icon: "info",
buttons: {
cancel: true,
confirm: true,
},
dangerMode: true,
})
.then((hehe) =>{
if (hehe) {
let harga = $("#harga_edit").val();
harga = harga.replace(/\,/g,'');
let data = [{"name" : "nama" ,"value" : $("#nama_edit").val()}];
harga = [{"name" : "harga" ,"value" : harga}];
data = data.concat(harga)
// console.log('jalnkan')
$.ajax({
// url: "<?=base_url()?>home/",
url: url,
type: 'post',
data: {data : data, id : id, proses : 'edit'},
// dataType: 'json',
beforeSend: function(res) {
$.blockUI({
message: "Sedang Diproses",
css: {
border: 'none',
padding: '15px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .5,
color: '#fff'
} });
},
success: function (response) {
$.unblockUI();
console.log(response);
// $("#sini_js").html(response)
location.reload();
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$.unblockUI();
swal({
// title: "Submit Keperluan ?",
text: "Koneksi Internet Anda Mungkin Hilang Atau Terputus, Halaman Akan Terefresh Kembali",
icon: "warning",
buttons: {
cancel: false,
confirm: true,
},
// dangerMode: true,
})
.then((hehe) =>{
location.reload();
});
}
});
}
});
}
}
}
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
</script>
<script type="text/javascript">
var table;
$(document).ready(function() {
//datatables
table = $('#table1').DataTable({
// "searching": false,
"ordering": false,
"processing": true,
"serverSide": true,
"order": [],
"ajax": {
// "url": "<?php echo base_url('home/')?>",
"url": url,
"type": "POST",
data : {proses : 'tables'}
},
"columnDefs": [
{
"targets": [ 0 ],
"orderable": false,
},
],
});
});
</script>
<script type="text/javascript">
var elem = document.getElementById("harga");
var elem = document.getElementById("harga_edit");
elem.addEventListener("keydown",function(event){
var key = event.which;
if((key<48 || key>57) && key != 8) event.preventDefault();
});
elem.addEventListener("keyup",function(event){
var value = this.value.replace(/,/g,"");
this.dataset.currentValue=parseInt(value);
var caret = value.length-1;
while((caret-3)>-1)
{
caret -= 3;
value = value.split("");
value.splice(caret+1,0,",");
value = value.join("");
}
this.value = value;
});
</script>
</body>
</html>