@extends('layouts.app')
@section('content')
<style type="text/css">
.kasir {
font-size: 12px;
}
</style>
<div class="main-container kasir">
<div class="container-fluid">
<div class="page-breadcrumb">
<div class="row">
<div class="col-md-7">
<div class="page-breadcrumb-wrap">
<div class="page-breadcrumb-info">
<h2 class="breadcrumb-titles"><a href="{{ url($url) }}">{{ $title }}</a></h2>
<ul class="list-page-breadcrumb">
<li><a href="#">{{ $menu }}</a>
</li>
<li ><a href="{{ url($url) }}">{{ $title }}</a></li>
<li class="active-page" ><a href="{{ url($url) }}">Tambah Data {{ $title }}</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-5">
</div>
</div>
</div>
<form class="form-horizontal" method="post" action="{{ url($url) }}" id="myForm">
<div class="row">
<div class="col-md-12">
<div class="box-widget widget-module">
<div class="widget-head clearfix">
<span class="h-icon"><i class="fa fa-table"></i></span>
<h4>Data {{ $title }}</h4>
<div class="pull-right" style="padding: 10px;position: relative;z-index: 99;">
<a href="{{ url($url) }}" class="btn btn-warning ">Kembali</a>
</div>
</div>
<div class="widget-container">
<div class="widget-block">
<div class="row">
<div class="col-md-3" >
@csrf
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label">Nama Paket : </label>
<div class=" col-md-8">
<input type="text" class="form-control" name="no_penjualan" placeholder="Nama Paket" value="">
</div>
</div>
</div>
<!-- <div class="col-md-3">
<div class="form-group">
<label style="text-align: left;" class="col-md-4 control-label" style="font-size: 12px;">Scan Barang</label>
<div class=" col-md-8">
<input type="text" class="form-control" placeholder="Barcode" id="scan_barang">
</div>
</div>
<hr style="border: 0.5px solid black">
</div> -->
<div class="col-md-6">
<div class="row">
<div class="col-md-5">
<label>Barang</label>
</div>
</div>
<div id="list-contain">
</div>
<br>
<div class="row">
<div class="col-md-2">
<div class="form-group">
<div class="col-md-12">
<div class="form-actions">
<button type="button" class="btn btn-danger" id="add_row">Add List</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group ">
<label style="text-align: left;" class="col-md-3 control-label">Harga : </label>
<div class=" col-md-6">
<input type="number" step="100" class="form-control " name="uang_bayar" id="uang_bayar" min="0" value="0" onkeyup="bayar()" onchange="bayar()">
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<div class="form-actions">
<button type="submit" class="btn btn-primary">Tambah</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="row " id="list-harga" style="display: none;" data-harga="0">
<div class="col-md-5">
<div class="input-group ex-margin">
<input type="text" class="form-control nama" placeholder="Pilih Barang" required="" disabled="" style="font-size: 10px;">
<span class="input-group-btn">
<a href="#" data-bb="html_forms" class="btn btn-success pilih-barang" type="button" data-id="list-harga" data-kode="kode"><i class="fa fa-plus"></i></a>
<input type="text" name="id_harga_barang[]" class="kode">
</span>
</div>
</div>
<div class="col-md-1">
<div class="form-group">
<div class=" col-md-12">
<button type="button" data-id="list-harga-1" class="delete_row">X</button>
</div>
</div>
</div>
</div>
<script src="{{ asset('js/app.js') }}"></script>
<script src="{{ asset('js/bootbox.js') }}"></script>
<script src="{{ asset('js/jquery.noty.js') }}"></script>
<script src="{{ asset('js/numeral-js/numeral.js') }}"></script>
<script type="text/javascript">
var n_dom = [];
n_dom[0] = '<div class="activity-item"> <i class="fa fa-tasks text-warning"></i> <div class="activity"> There are <a href="#">6 new tasks</a> waiting for you. Don\'t forget! <span>About 3 hours ago</span> </div> </div>',
n_dom[1] = '<div class="activity-item"> <i class="fa fa-check text-error"></i> <div class="activity"> Mail server was updated. See <a href="#">changelog</a> <span>About 2 hours ago</span> </div> </div>',
n_dom[2] = '<div class="activity-item"> <i class="fa fa-heart text-info"></i> <div class="activity"> Your <a href="#">latest post</a> was liked by <a href="#">Audrey Mall</a> <span>35 minutes ago</span> </div> </div>',
n_dom[3] = '<div class="activity-item"> <i class="fa fa-shopping-cart text-success"></i> <div class="activity"> <a href="#">Eugene</a> ordered 2 copies of <a href="#">OEM license</a> <span>14 minutes ago</span> </div> </div>',
n_dom[4] = '<div class="activity-item"> <i class="ico-alarm-check text-alert"></i> <div class="activity"> <a href="#">Amark</a> This is frienly notification example <a href="#">Here</a> <span>14 minutes ago</span> </div> </div>',
n_dom[5] = '<div class="activity-item"> <i class="ico-alarm-check text-alert"></i> <div class="activity"> <a href="#">Amark</a> This is frienly notification example <a href="#">Here</a> <span>14 minutes ago</span> </div> </div>';
window.anim = {};
window.anim.open = 'flipInX';
window.anim.close = 'flipOutX';
$('#anim-open').on('change', function (e) {
window.anim.open = $(this).val();
});
$('#anim-close').on('change', function (e) {
window.anim.close = $(this).val();
});
function nGen(type, text, layout) {
var n = noty({
text: text,
type: type,
dismissQueue: true,
layout: layout,
closeWith: ['click'],
theme: 'MatMixNoty',
maxVisible: 10,
animation: {
open: 'noty_animated bounceInRight',
close: 'noty_animated bounceOutRight',
easing: 'swing',
speed: 500
}
});
// setTimeout(function () {
// n.close();
// }, 3000);
}
function nGenAll() {
nGen('warning', n_dom[0], 'topRight');
nGen('error', n_dom[1], 'topRight');
nGen('information', n_dom[2], 'topRight');
nGen('success', n_dom[3], 'topRight');
nGen('alert', n_dom[4], 'topRight');
}
// setTimeout(function () {
// nGenAll();
// }, 1000);
function PreviewGen(type, text, layout) {
var n = noty({
text: text,
type: type,
dismissQueue: true,
layout: layout,
closeWith: ['click'],
theme: 'MatMixNoty',
maxVisible: 10
});
setTimeout(function () {
n.close();
}, 5000);
}
$('.ex-noty').on('click', function () {
var Dtype = $(this).data("type"),
Dlayout = $(this).data("layout");
PreviewGen(Dtype, n_dom[5], Dlayout);
});
var cur_id ="list-harga-1";
var total_jumlah = 0;
var total_harga = 0;
var list_barang = [];
var last_order = 0;
var DemoCallBack = (function () {
var elem,
hideHandler,
that = {};
that.init = function (options) {
elem = $(options.selector);
};
that.show = function (text) {
clearTimeout(hideHandler);
elem.find("span").html(text);
elem.delay(200).fadeIn().delay(3000).fadeOut();
};
return that;
}());
DemoCallBack.init({
"selector": ".bb-alert"
});
$('#scan_barang').keypress(function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
// alert('You pressed a "enter" key in textbox');
$.ajax({
url: '{{ url("api/cari_barang/") }}/'+$(this).val(),
type: 'GET',
success: function (data) {
if(data.bool){
var result = $.grep(list_barang, function(e){ return e.kd_barang == data.barang.kd_barang.toString(); });
if(result.length == 0) {
var l = $(".list-harga").length;
var ll = l;
last_order = last_order+ll;
cur_id = "list-harga-"+last_order;
$("#list-harga .delete_row").attr('data-id','list-harga-'+last_order);
$("#list-harga .delete_row").attr('data-kode',data.barang.kd_barang);
$("#list-harga .pilih-barang").attr('data-id','list-harga-'+last_order);
$("#list-harga .harga_baru").attr('data-id','list-harga-'+last_order);
var c = $("#list-harga").clone();
c.attr('id','list-harga-'+last_order);
c.addClass('list-harga');
c.data('harga',0);
c.show();
$("#list-contain").append(c);
$("#list-harga-"+last_order+" .jumlah").data('target',cur_id);
$("#list-harga-"+last_order+" .jumlah").attr('max',data.barang.stok);
$("#list-harga-"+last_order+" .jumlah").data('kode',data.barang.kd_barang);
$("#list-harga-"+last_order+" .jumlah").addClass('jumlahnya');
// $("#"+cur_id+" .kode").val(data.barang.kd_barang);
$("#"+cur_id+" .nama").val(data.barang.nm_barang);
cek_harga_barang(data.barang.kd_barang,cur_id);
} else {
var index = 0;
index = list_barang.findIndex(x => x.kd_barang === data.barang.kd_barang);
cek_harga_barang(data.barang.kd_barang,list_barang[index].list_barang);
}
//DemoCallBack.show("Menambah Barang " + data.barang.nm_barang + "</b>");
var Dtype = 'information',
Dlayout = 'topRight';
PreviewGen(Dtype, '<div class="activity-item"> <i class="ico-alarm-check text-alert"></i> <div class="activity"> <a href="#">List Barang</a> Menambah barang '+ data.barang.nm_barang +' ke list </div> </div>', Dlayout);
$('#scan_barang').val('');
} else {
PreviewGen('error', '<div class="activity-item"> <i class="fa fa-remove text-alert"></i> <div class="activity"> <a href="#">List Barang</a> Data barang tidak ditemukan </div> </div>', 'topRight');
}
}
});
event.preventDefault();
}
});
function cek_harga_barang(kd,oo){
var xd = [];
var jb = 1;
if(list_barang.find(x => x.kd_barang === kd) == undefined) {
xd = {'kd_barang':kd,
'jumlah':1,
'list_barang':oo
};
list_barang.push(xd);
} else {
var index = 0;
index = list_barang.findIndex(x => x.kd_barang === kd);
list_barang[index].jumlah = parseFloat(list_barang[index].jumlah)+1;
jb = list_barang[index].jumlah;
oo = list_barang[index].list_barang;
}
$.ajax({
url: '{{ url("api/cek_harga/") }}/'+kd+'/'+jb,
type: 'GET',
success: function (data) {
$("#"+oo+" .jumlahnya").eq(0).val(jb);
$("#"+oo+" .kode").eq(0).val(data.id_harga_barang);
$("#"+oo+" .harga").eq(0).html("Rp."+numeral(data.harga).format('0,0'));
$("#"+oo+" .delete_row").eq(0).data("jumlah",jb);
$("#"+oo).data("harga",+data.harga);
get_total();
}
});
}
function cek_harga(e) {
console.log($(e).data('kode'));
var oo = $(e).data('target');
var index = 0;
if(list_barang.find(x => x.kd_barang === $(e).data('kode')) != undefined){
index = list_barang.findIndex(x => x.kd_barang === $(e).data('kode'));
list_barang[index].jumlah = $(e).val();
}
$.ajax({
url: '{{ url("api/cek_harga/") }}/'+$(e).data('kode')+'/'+$(e).val(),
type: 'GET',
success: function (data) {
$("#"+oo+" .jumlahnya").eq(0).val($(e).val());
console.log($("#"+oo+" .jumlahnya").eq(0).val());
$("#"+oo+" .kode").eq(0).val(data.id_harga_barang);
$("#"+oo+" .harga").eq(0).html("Rp."+numeral(data.harga).format('0,0'));
$("#"+oo+" .delete_row").eq(0).data("jumlah",$(e).val());
$("#"+oo).data("harga",+data.harga);
get_total();
}
});
}
function get_total() {
var j = $(".jumlahnya");
var h = $(".list-harga");
total_jumlah = 0;
total_harga = 0;
for (var i = 0; i < h.length; i++) {
total_jumlah += parseFloat($(".jumlahnya").eq(i).val());
total_harga += parseFloat($(".jumlahnya").eq(i).val()) * parseFloat(h.eq(i).data('harga')) - parseFloat($(".diskon").eq(i).val()) + parseFloat($(".ongkos_kirim").val());
}
$("#total_jumlah").html(parseFloat(total_jumlah));
$("#total_harga").html("Rp."+numeral(total_harga).format('0,0'));
// if($("#keterangan").val() == "Cash"){
// $("#uang_bayar").attr('min',total_harga);
// } else {
// $("#uang_bayar").attr('min',0);
// }
}
function bayar() {
$("#kembalian").val($("#uang_bayar").val() - total_harga);
}
jQuery(document).ready(function ($) {
$('#scan_barang').focus();
$(document).on('submit','#myForm',function (e) {
// e.preventDefault();
// alert(total_harga);
if(($("#keterangan").val() == "Cash" || $("#keterangan").val() == "Transfer Cash") && total_harga > $("#uang_bayar").val()){
e.preventDefault();
alert('Uang Pembayaran TIdak Cukup');
}
});
$(document).on('click','.pilih-barang',function (e) {
cur_id = $(this).data('id');
});
$(document).on('click','#add_row',function (e) {
var l = $(".list-harga").length;
var ll = l;
last_order = last_order+ll;
var xd = [];
xd = {'kd_barang':'0',
'jumlah':1,
'list_barang':'list-harga-'+last_order
};
list_barang.push(xd);
get_total();
});
$(document).on('keyup','.jumlah',function (e) {
get_total();
});
$(document).on('change','.jumlah',function (e) {
get_total();
});
$(document).on('keyup','.diskon',function (e) {
get_total();
});
$(document).on('change','.diskon',function (e) {
get_total();
});
$(document).on('keyup','.ongkos_kirim',function (e) {
get_total();
});
$(document).on('change','.ongkos_kirim',function (e) {
get_total();
});
$(document).on('click','.delete_row',function (e) {
var index = 0;
index = list_barang.findIndex(x => x.kd_barang === $(this).data('kode'));
list_barang.splice(index,1);
$("#"+$(this).data('id')).remove();
console.log(list_barang);
get_total();
});
$(document).on('click','.terpilih',function (e) {
$("#"+cur_id+" .kode").val($(this).data('kd'));
$("#"+cur_id+" .nama").val($(this).data('nama'));
$("#"+cur_id+" .diskon").val($(this).data('diskon'));
$("#"+cur_id+" .jumlah").attr('max',$(this).data('stok'));
$("#"+cur_id+" .jumlah").removeAttr('disabled');
$("#"+cur_id+" .diskon").removeAttr('disabled');
$("#"+cur_id+" .jumlah").data('target',cur_id);
$("#"+cur_id+" .jumlah").data('kode',$(this).data('kd'));
$("#"+cur_id+" .harga").html("Rp."+numeral($(this).data('harga')).format('0,0'));
$("#"+cur_id+" .delete_row").data("jumlah",$(this).data('stok'));
$("#list-harga .delete_row").attr('data-kode',$(this).data('kode'));
$("#"+cur_id).data("harga",$(this).data('harga'));
cek_harga_barang($(this).data('kode'),cur_id);
get_total();
});
var ss = "";
$(document).on('click', '.pagination a',function(event)
{
event.preventDefault();
$('li').removeClass('active');
$(this).parent('li').addClass('active');
var myurl = $(this).attr('href');
var page=$(this).attr('href').split('page=')[1];
get_data_barang(ss,page);
});
$(document).on('keyup', '.search',function(event)
{
console.log($("#penform").action);
get_data_barang($(this).val(),1);
});
$(document).on('click','.pilih-barang',function (e) {
get_data_barang(ss,1);
});
$(document).on('change','#select-jenis',function (e) {
get_data_barang(ss,1);
});
$(document).on('change','#select-merek',function (e) {
get_data_barang(ss,1);
});
$(document).on('change','#select-urutkan',function (e) {
get_data_barang(ss,1);
});
function get_data_barang(s,p) {
ss = s;
var j = '';
var m = '';
var u = '';
if($("#select-jenis").val() != undefined){
j = $("#select-jenis").val();
}
if($("#select-merek").val() != undefined){
m = $("#select-merek").val();
}
if($("#select-urutkan").val() != undefined){
u = $("#select-urutkan").val();
}
$.ajax({
url: '{{ url("api/barang") }}?page='+p+'&s='+s+'&kd_jenis='+j+'&kd_merek='+m+'&urutkan='+u,
type: 'GET',
success: function (data) {
$("#list-data").html(data);
// $(".search")[0].focus();
}
});
}
});
</script>
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell