pukal
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">{{ __('Komuditi') }}</div>
|
||||
|
||||
@@ -13,45 +13,96 @@
|
||||
<a href="{{ url('/') }}" class="ion-backspace" style="font-size:50px;color:blue;"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group justify-content-center">
|
||||
<div class="col-lg-6 col-md-8 col-sm-12">
|
||||
<div class="small-box bg-info">
|
||||
<div class="inner">
|
||||
<h3 id="baki_komuditi"></h3>
|
||||
|
||||
<p>Baki Komuditi</p>
|
||||
</div>
|
||||
<div class="icon">
|
||||
<i class="ion ion-bag"></i>
|
||||
</div>
|
||||
<div class="row form-group justify-content-start">
|
||||
<div class="col-md-4">
|
||||
<div class="row form-group">
|
||||
<div class="col-md-4">No Sijil : </div>
|
||||
<div class="col-md-8"><span id="nosijil_span"></span></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-md-4">Harga : </div>
|
||||
<div class="col-md-8"><span id="harga_span"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="row form-group">
|
||||
<div class="col-md-4">Kod Produk / Diskripsi : </div>
|
||||
<div class="col-md-8"><span id="produk_span"></span></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-md-4">Unit : </div>
|
||||
<div class="col-md-8"><span id="unit_span"></span></div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-md-4">Nilai : </div>
|
||||
<div class="col-md-8"><span id="nilai_span"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group justify-content-center">
|
||||
<input type="hidden" value="{{ $user_name }}" id="user_name" name="user_name">
|
||||
<button class="btn btn-primary" id="pendahuluan">Pendahuluan Komuditi</button>
|
||||
<button class="btn btn-primary ml-md-2" id="tambah">Tambah Komuditi</button>
|
||||
<button class="btn btn-primary" id="pembelian">Pembelian Komuditi</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="daftar_marhun" tabindex="-1" data-backdrop="static" aria-labelledby="ModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal fade" id="pembelian_modal" tabindex="-1" data-backdrop="static" aria-labelledby="ModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="ModalLabel">Daftar Marhun</h5>
|
||||
<h5 class="modal-title" id="ModalLabel">Pembelian Komuditi</h5>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="row form-group">
|
||||
<div class="col-md-4">No Sijil</div>
|
||||
<div class="col-md-8">
|
||||
<input type="text" class="form-control" id="nosijil" name="nosijil">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-md-4">Produk</div>
|
||||
@php
|
||||
$produk = Http::get($api_url . '/api/komuditi/produk')->json();
|
||||
@endphp
|
||||
<div class="col-md-8">
|
||||
<select name="produk" id="produk" class="form-control">
|
||||
<option disabled selected> -- Pilih Produk -- </option>
|
||||
@foreach($produk as $index=>$product)
|
||||
<option value="{{ $product['kodproduk'] }}">{{ $product['description'] }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-md-4">Unit</div>
|
||||
<div class="col-md-8">
|
||||
<input type="text" readonly class="form-control" id="unit" name="unit">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-md-4">Harga</div>
|
||||
<div class="col-md-8">
|
||||
<input type="text" class="form-control" id="harga" name="harga">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group">
|
||||
<div class="col-md-4">Nilai</div>
|
||||
<div class="col-md-8">
|
||||
<input type="text" class="form-control" id="nilai" name="nilai">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="form-group row">
|
||||
<input class="btn btn-primary mr-2" type="button" name="tambah_marhun" id="tambah_marhun" value="Tambah">
|
||||
<input class="btn btn-primary mr-2" type="button" name="terima_marhun" id="terima_marhun" value="Terima">
|
||||
<button type="button" class="btn btn-danger" name="batal_marhun" id="batal_marhun">Batal</button>
|
||||
<button type="button" class="btn btn-primary mr-md-2" name="terima_komuditi" id="terima_komuditi">Sahkan</button>
|
||||
<button type="button" class="btn btn-danger" name="batal_komuditi" id="batal_komuditi" data-dismiss="modal">Batal</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@@ -68,116 +119,84 @@
|
||||
minimumFractionDigits: 2
|
||||
});
|
||||
|
||||
$('#pembelian').on('click',function(){
|
||||
$('#pembelian_modal').modal('show');
|
||||
});
|
||||
|
||||
$('#produk').change(function(){
|
||||
var produk = $('#produk').val();
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url : api_url + '/api/komuditi/unit',
|
||||
dataType: 'json',
|
||||
data: {
|
||||
'kodproduk':produk
|
||||
},
|
||||
success:function(data){
|
||||
$('#unit').val(data)
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
function checkKomuditi(){
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url: api_url + '/api/komuditi/check',
|
||||
success:function(data){
|
||||
var check_komuditi = Object.keys(data).length;
|
||||
if(check_komuditi != 0){
|
||||
$('#baki_komuditi').text(formatter.format(data['unit_komuditi']));
|
||||
$('#pendahuluan').hide();
|
||||
$('#tambah').show();
|
||||
}else{
|
||||
$('#baki_komuditi').text(0);
|
||||
$('#tambah').hide();
|
||||
$('#pendahuluan').show();
|
||||
}
|
||||
var kodproduk = data['kodproduct'];
|
||||
$.ajax({
|
||||
method:'get',
|
||||
url : api_url + '/api/komuditi/description',
|
||||
dataType : 'json',
|
||||
data:{
|
||||
'kodproduk': kodproduk
|
||||
},
|
||||
success:function(description){
|
||||
$('#nosijil_span').text(data['no_sijil'])
|
||||
$('#harga_span').text('RM ' + formatter.format(data['nilai']))
|
||||
$('#produk_span').text(description['kodproduk'] + ' / ' + description['description'])
|
||||
$('#unit_span').text(description['unit'])
|
||||
$('#nilai_span').text('RM ' + formatter.format(data['unit_komuditi']))
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$('#pendahuluan').click(async function(){
|
||||
var user_name = $('#user_name').val();
|
||||
const { value: komuditi } = await Swal.fire({
|
||||
title: 'Pembelian Komuditi',
|
||||
input: 'text',
|
||||
inputLabel: 'Jumlah Komuditi Yang Dibeli',
|
||||
inputPlaceholder: 'Unit Komuditi',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Sahkan',
|
||||
cancelButtonText: 'Batal',
|
||||
inputValidator: (value) => {
|
||||
if($.isNumeric(value) == false){
|
||||
return 'Sila Unit Komuditi Yang Dibeli'
|
||||
}
|
||||
$('#terima_komuditi').on('click',function(){
|
||||
var nosijil = $('#nosijil').val();
|
||||
var produk = $('#produk').val();
|
||||
var unit = $('#unit').val();
|
||||
var harga = $('#harga').val();
|
||||
var nilai = $('#nilai').val();
|
||||
|
||||
$.ajax({
|
||||
method:'post',
|
||||
url: api_url + '/api/komuditi/pembelian',
|
||||
dataType : 'json',
|
||||
data:{
|
||||
'unit_komuditi' : nilai,
|
||||
'nilai' : harga,
|
||||
'nosijil' : nosijil,
|
||||
'kodproduct' : produk,
|
||||
'purchased_by' : "{{ $user_name }}"
|
||||
},
|
||||
success:function(data){
|
||||
checkKomuditi();
|
||||
$('#nosijil').val('');
|
||||
$("#produk").prop("selected", false);
|
||||
$('#unit').val('');
|
||||
$('#harga').val('');
|
||||
$('#nilai').val('');
|
||||
Swal.fire({
|
||||
icon: 'success',
|
||||
title: 'Berjaya!',
|
||||
text: 'Pendahuluan Unit Komuditi Berjaya'
|
||||
});
|
||||
$('#pembelian_modal').modal('hide');
|
||||
}
|
||||
});
|
||||
|
||||
if (komuditi) {
|
||||
$.ajax({
|
||||
method:'post',
|
||||
url: api_url + '/api/komuditi/pendahuluan',
|
||||
data:{
|
||||
'unit_komuditi':komuditi,
|
||||
'purchased_by': user_name
|
||||
},
|
||||
dataType:'json',
|
||||
success:function(){
|
||||
checkKomuditi();
|
||||
Swal.fire({
|
||||
icon: 'success',
|
||||
title: 'Berjaya!',
|
||||
text: 'Pendahuluan Unit Komuditi Berjaya'
|
||||
});
|
||||
},
|
||||
error: function(xhRequest, ErrorText, thrownError){
|
||||
Swal.fire({
|
||||
icon: 'error',
|
||||
title: 'Amaran!',
|
||||
text: 'Pendahuluan Unit Komuditi Tidak Berjaya'
|
||||
});
|
||||
console.log(xhRequest);
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
|
||||
$('#tambah').click(async function(){
|
||||
var user_name = $('#user_name').val();
|
||||
const { value: komuditi } = await Swal.fire({
|
||||
title: 'Pembelian Komuditi',
|
||||
input: 'text',
|
||||
inputLabel: 'Jumlah Komuditi Yang Dibeli',
|
||||
inputPlaceholder: 'Unit Komuditi',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Sahkan',
|
||||
cancelButtonText: 'Batal',
|
||||
inputValidator: (value) => {
|
||||
if($.isNumeric(value) == false){
|
||||
return 'Sila Masukkan Unit Komuditi Yang Dibeli'
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if (komuditi) {
|
||||
$.ajax({
|
||||
method:'put',
|
||||
url: api_url + '/api/komuditi/update',
|
||||
data:{
|
||||
'unit_komuditi':komuditi,
|
||||
'purchased_by': user_name
|
||||
},
|
||||
dataType:'json',
|
||||
success:function(){
|
||||
checkKomuditi();
|
||||
Swal.fire({
|
||||
icon: 'success',
|
||||
title: 'Berjaya!',
|
||||
text: 'Pernambahan Unit Komuditi Berjaya'
|
||||
});
|
||||
},
|
||||
error: function(xhRequest, ErrorText, thrownError){
|
||||
Swal.fire({
|
||||
icon: 'error',
|
||||
title: 'Amaran!',
|
||||
text: 'Pernambahan Unit Komuditi Tidak Berjaya'
|
||||
});
|
||||
console.log(xhRequest);
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user