MUHD HAFIFIE
108 lines
4.2 KiB
PHP
108 lines
4.2 KiB
PHP
@extends('layouts.app_operasi')
|
|
|
|
@section('content')
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb pb-3">
|
|
<li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="{{ url('/komoditi') }}">Komoditi</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">Rekod Transaksi Komoditi</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
<div class="card-body text-center">
|
|
<div class="row">
|
|
<div class="col-2 justify-content-start">
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="col-12">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-2">Tarikh</div>
|
|
<div class="col-3"><input class="form-control" autocomplete="off" type="text" placeholder="Tarikh" onchange="fetchRekodKomoditi()" name="tarikh_rekod" id="tarikh_rekod"></div>
|
|
<div class="col-7 text-right mb-3">
|
|
<form target="_blank" action="{{ route('komoditi.rekod.print') }}" method="get">
|
|
<input type="text" hidden name="tarikh_print" id="tarikh_print">
|
|
<button class="btn btn-primary"><i class="fa fa-print" aria-hidden="true"></i></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<table id="rekod_komoditi" class="table table-striped table-hover">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<td>Bil</td>
|
|
<td>Cawangan</td>
|
|
<td>No Sijil</td>
|
|
<td>Jumlah Nilai Komoditi</td>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
let api_url = "{{ $api_url }}";
|
|
var tablerekod = $('#rekod_komoditi').DataTable();
|
|
$('#tarikh_rekod').datepicker({
|
|
format: 'dd/mm/yyyy',
|
|
endDate: new Date()
|
|
});
|
|
|
|
$(document).ready( function () {
|
|
fetchRekodKomoditi();
|
|
});
|
|
|
|
const formatter = new Intl.NumberFormat('en-US', {
|
|
minimumFractionDigits: 2
|
|
});
|
|
|
|
function fetchRekodKomoditi(){
|
|
var tarikh_rekod = $('#tarikh_rekod').val();
|
|
if(tarikh_rekod == ''){
|
|
var current = new Date();
|
|
var current_date = current.getDate();
|
|
var current_month = current.getMonth()+1;
|
|
var current_year = current.getFullYear();
|
|
var tarikh = current_year + '-' +current_month+'-'+current_date;
|
|
$('#tarikh_print').val(tarikh);
|
|
}else{
|
|
var split_date = tarikh_rekod.split('/');
|
|
var tarikh = split_date[2] + '-' + split_date[1] + '-' + split_date[0];
|
|
$('#tarikh_print').val(tarikh);
|
|
}
|
|
tablerekod.clear().draw();
|
|
$.ajax({
|
|
method:'get',
|
|
url: api_url + '/api/komoditi/rekod/transaksi',
|
|
data:{
|
|
'tarikh':tarikh
|
|
},
|
|
success:function(data){
|
|
var count = 0;
|
|
$.each(data,function(index,rekodkomoditi){
|
|
count++;
|
|
tablerekod.row.add([
|
|
count,
|
|
rekodkomoditi['cawangan'],
|
|
rekodkomoditi['nosijil'],
|
|
formatter.format(rekodkomoditi['totalkomoditi'])
|
|
]).draw();
|
|
})
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
@endsection |