This commit is contained in:
afiq
2021-01-28 11:56:54 +08:00
parent d7c3a528d1
commit c58c0dbc39
5 changed files with 392 additions and 315 deletions
+139 -120
View File
@@ -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