807 lines
35 KiB
PHP
807 lines
35 KiB
PHP
@extends('base.layout')
|
||
|
||
@section('content')
|
||
<div class="wrapper">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-sm-12">
|
||
<div class="page-title-box">
|
||
<div class="btn-group pull-right">
|
||
<ol class="breadcrumb hide-phone p-0 m-0">
|
||
<li class="breadcrumb-item active">SIM Barang Habis Pakai</li>
|
||
</ol>
|
||
</div>
|
||
<h4 class="page-title">SIMBHP</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-12">
|
||
<div class="profile-user-box card-box bg-custom">
|
||
<div class="row">
|
||
<div class="col-sm-4">
|
||
<span class="pull-left mr-3">
|
||
<a href="#" class="btnubahfoto">
|
||
<img src="{{ Session('photo') }}" alt="" class="thumb-lg rounded-circle">
|
||
</a>
|
||
</span>
|
||
<div class="media-body text-white">
|
||
<h4 class="mt-1 mb-1 font-18">{{ Session('nama') }}</h4>
|
||
<p class="font-13 text-light">{{ Session('previlage') }}</p>
|
||
<p class="text-light mb-0">{{ config('global.Title') }} | {{ config('global.namaapps') }}</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-8">
|
||
<div class="row">
|
||
<div class="col-sm-4">
|
||
<div class="card-box bg-info widget-flat border-info text-white">
|
||
<i class="icon-layers"></i>
|
||
<h3 class="m-b-10">{{ $masuk ?? 0 }}</h3>
|
||
Barang Masuk<br />
|
||
<a href="#" id="topbtnpemasukan"><span class="badge badge-primary pull-right"> Add</span></a>
|
||
</div>
|
||
</div><!-- end col -->
|
||
<div class="col-sm-4">
|
||
<div class="card-box bg-success widget-flat border-info text-white">
|
||
<i class="icon-paypal"></i>
|
||
<h3 class="m-b-10">{{ $keluar ?? 0 }}</h3>
|
||
Barang keluar<br />
|
||
<a href="#" id="topbtnpengeluaran"><span class="badge badge-primary pull-right"> Add</span></a>
|
||
</div>
|
||
</div><!-- end col -->
|
||
<div class="col-sm-4">
|
||
<div class="card-box bg-danger widget-flat border-info text-white">
|
||
<i class="icon-rocket"></i>
|
||
<h3 class="m-b-10">{{ count($warningstok ?? []) }}</h3>
|
||
Warning Stok Menipis<br />
|
||
<a href="#" id="topbtnwarning"><span class="badge badge-warning pull-right"> Lihat</span></a>
|
||
</div>
|
||
</div><!-- end col -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-12">
|
||
<div class="card-box">
|
||
<ul class="nav nav-tabs m-b-20">
|
||
<li class="nav-item">
|
||
<a href="#tab_awal" data-toggle="tab" aria-expanded="true" class="nav-link active">Tampilan Awal</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="#tab_statistik" data-toggle="tab" aria-expanded="false" class="nav-link">Statistik</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="#tab_warning" data-toggle="tab" aria-expanded="false" class="nav-link">Warning</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="#tab_expired" data-toggle="tab" aria-expanded="false" class="nav-link">Mendekati Expired</a>
|
||
</li>
|
||
</ul>
|
||
<div class="tab-content">
|
||
<div class="tab-pane active" id="tab_awal">
|
||
<div class="row">
|
||
<div class="col-md-8">
|
||
<div class="card-box ribbon-box">
|
||
<div class="ribbon ribbon-primary">Data Bulan {{date("m")}} Tahun {{date("Y")}}</div>
|
||
<p class="m-b-0"></p>
|
||
<div class="form-group">
|
||
<div class="row">
|
||
<div class="col-lg-4">
|
||
<select id="cekbln" class="form-control">
|
||
<option value="ALL">ALL</option>
|
||
<option value="01">Jan</option>
|
||
<option value="02">Feb</option>
|
||
<option value="03">Mar</option>
|
||
<option value="04">Apr</option>
|
||
<option value="05">May</option>
|
||
<option value="06">Jun</option>
|
||
<option value="07">Jul</option>
|
||
<option value="08">Aug</option>
|
||
<option value="09">Sep</option>
|
||
<option value="10">Oct</option>
|
||
<option value="11">Nov</option>
|
||
<option value="12">Dec</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<input type="text" class="form-control" id="cekthn" value="{{ $tahunne }}">
|
||
</div>
|
||
<div class="col-lg-2">
|
||
<button class="btn btn-warning btn-flat" type="button" id="btnviewdata">View Report</button>
|
||
</div>
|
||
<div class="col-lg-2">
|
||
<button class="btn btn-success btn-flat" type="button" id="btnexportreport">Export</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<div id="gridreportblnini"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card-box ribbon-box">
|
||
<div class="ribbon ribbon-primary">Sisa Barang</div>
|
||
<p class="m-b-0"></p>
|
||
<div class="form-group">
|
||
<a href="#" id="topbtntambahjenis" class="btn btn-block btn-social btn-flickr">
|
||
<i class="fa fa-database"></i> Tambah Jenis
|
||
</a>
|
||
</div>
|
||
<div class="form-group">
|
||
<div class="table-responsive">
|
||
<table id="gridjenisTable" class="table table-bordered table-striped">
|
||
<thead>
|
||
<tr>
|
||
<th>Jenis</th>
|
||
<th>Satuan</th>
|
||
<th>Satuan Kecil</th>
|
||
<th>Konversi</th>
|
||
<th>Stok Min</th>
|
||
<th>Sisa</th>
|
||
<th>Warning</th>
|
||
<th>Edit</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
@foreach(($jenisRows ?? []) as $row)
|
||
<tr>
|
||
<td>{{ $row['jenis'] }}</td>
|
||
<td>{{ $row['satuan'] }}</td>
|
||
<td>{{ $row['satuan_kecil'] }}</td>
|
||
<td class="text-right">{{ number_format($row['konversi_kecil'], 0, '.', ',') }}</td>
|
||
<td class="text-right">{{ number_format($row['stok_minimum'], 0, '.', ',') }}</td>
|
||
<td>{{ $row['saldo'] }}</td>
|
||
<td class="text-center">{{ $row['warning'] }}</td>
|
||
<td class="text-center">
|
||
<button type="button"
|
||
class="btn btn-sm btn-warning btneditjenis"
|
||
data-id="{{ $row['id'] }}"
|
||
data-jenis="{{ $row['jenis'] }}"
|
||
data-satuan="{{ $row['satuan'] }}"
|
||
data-satuan-kecil="{{ $row['satuan_kecil'] }}"
|
||
data-konversi-kecil="{{ $row['konversi_kecil'] }}"
|
||
data-stok-minimum="{{ $row['stok_minimum'] }}">Edit</button>
|
||
</td>
|
||
</tr>
|
||
@endforeach
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane" id="tab_statistik">
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<div class="card-box">
|
||
<h5 class="m-t-0">Statistik Harian (Base Unit)</h5>
|
||
<div>Masuk: <b>{{ number_format($stat_harian_masuk ?? 0, 0, '.', ',') }}</b></div>
|
||
<div>Keluar: <b>{{ number_format($stat_harian_keluar ?? 0, 0, '.', ',') }}</b></div>
|
||
<hr>
|
||
<div class="table-responsive">
|
||
<table class="table table-sm table-bordered m-b-0">
|
||
<thead><tr><th>Jenis</th><th>Masuk</th><th>Keluar</th></tr></thead>
|
||
<tbody>
|
||
@forelse($stat_perjenis_harian ?? [] as $row)
|
||
<tr><td>{{ $row['jenis'] }}</td><td class="text-right">{{ number_format($row['masuk'],0,'.',',') }}</td><td class="text-right">{{ number_format($row['keluar'],0,'.',',') }}</td></tr>
|
||
@empty
|
||
<tr><td colspan="3" class="text-center">Belum ada transaksi</td></tr>
|
||
@endforelse
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card-box">
|
||
<h5 class="m-t-0">Statistik Bulanan (Base Unit)</h5>
|
||
<div>Masuk: <b>{{ number_format($stat_bulanan_masuk ?? 0, 0, '.', ',') }}</b></div>
|
||
<div>Keluar: <b>{{ number_format($stat_bulanan_keluar ?? 0, 0, '.', ',') }}</b></div>
|
||
<hr>
|
||
<div class="table-responsive">
|
||
<table class="table table-sm table-bordered m-b-0">
|
||
<thead><tr><th>Jenis</th><th>Masuk</th><th>Keluar</th></tr></thead>
|
||
<tbody>
|
||
@forelse($stat_perjenis_bulanan ?? [] as $row)
|
||
<tr><td>{{ $row['jenis'] }}</td><td class="text-right">{{ number_format($row['masuk'],0,'.',',') }}</td><td class="text-right">{{ number_format($row['keluar'],0,'.',',') }}</td></tr>
|
||
@empty
|
||
<tr><td colspan="3" class="text-center">Belum ada transaksi</td></tr>
|
||
@endforelse
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card-box">
|
||
<h5 class="m-t-0">Statistik Tahunan (Base Unit)</h5>
|
||
<div>Masuk: <b>{{ number_format($stat_tahunan_masuk ?? 0, 0, '.', ',') }}</b></div>
|
||
<div>Keluar: <b>{{ number_format($stat_tahunan_keluar ?? 0, 0, '.', ',') }}</b></div>
|
||
<hr>
|
||
<div class="table-responsive">
|
||
<table class="table table-sm table-bordered m-b-0">
|
||
<thead><tr><th>Jenis</th><th>Masuk</th><th>Keluar</th></tr></thead>
|
||
<tbody>
|
||
@forelse($stat_perjenis_tahunan ?? [] as $row)
|
||
<tr><td>{{ $row['jenis'] }}</td><td class="text-right">{{ number_format($row['masuk'],0,'.',',') }}</td><td class="text-right">{{ number_format($row['keluar'],0,'.',',') }}</td></tr>
|
||
@empty
|
||
<tr><td colspan="3" class="text-center">Belum ada transaksi</td></tr>
|
||
@endforelse
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane" id="tab_warning">
|
||
<div class="row" id="stokWarningArea">
|
||
<div class="col-sm-12">
|
||
<div class="card-box">
|
||
<h4 class="m-t-0 m-b-15">Warning Barang Segera Habis</h4>
|
||
@if(isset($warningstok) && count($warningstok) > 0)
|
||
@foreach($warningstok as $w)
|
||
<div class="alert alert-danger m-b-10">
|
||
<b>{{ $w['jenis'] }}</b> tersisa {{ $w['saldo'] }}.
|
||
Stok minimum: {{ number_format($w['minimum'], 0, '.', ',') }} {{ $w['satuan_kecil'] }}.
|
||
</div>
|
||
@endforeach
|
||
@else
|
||
<div class="alert alert-success m-b-0">Semua stok masih aman.</div>
|
||
@endif
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane" id="tab_expired">
|
||
<div class="row">
|
||
<div class="col-sm-12">
|
||
<div class="card-box">
|
||
<h4 class="m-t-0 m-b-15">Barang Mendekati Expired (H-30)</h4>
|
||
@if(isset($expiringSoon) && count($expiringSoon) > 0)
|
||
<div class="table-responsive">
|
||
<table class="table table-bordered table-striped">
|
||
<thead>
|
||
<tr>
|
||
<th>Jenis</th>
|
||
<th>Deskripsi</th>
|
||
<th>Tanggal Masuk</th>
|
||
<th>Masa Expired</th>
|
||
<th>Jumlah</th>
|
||
<th>Satuan</th>
|
||
<th>Sisa Hari</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
@foreach($expiringSoon as $e)
|
||
<tr>
|
||
<td>{{ $e['jenis'] }}</td>
|
||
<td>{{ $e['deskripsi'] }}</td>
|
||
<td class="text-center">{{ $e['tanggal_masuk'] }}</td>
|
||
<td class="text-center">{{ $e['masa_expired'] }}</td>
|
||
<td class="text-right">{{ number_format($e['qty'], 0, '.', ',') }}</td>
|
||
<td class="text-center">{{ strtoupper($e['satuan']) }}</td>
|
||
<td class="text-center"><span class="badge badge-{{ $e['badge'] }}">{{ $e['sisa_hari'] }} hari</span></td>
|
||
</tr>
|
||
@endforeach
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
@else
|
||
<div class="alert alert-success m-b-0">Tidak ada barang yang mendekati masa expired dalam 30 hari ke depan.</div>
|
||
@endif
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> <!-- end container -->
|
||
</div>
|
||
<!-- TOKEN -->
|
||
<div id="modaltambahjenisbrg" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">Input Jenis Barang</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="form-group">
|
||
<label>Jenis Barang</label>
|
||
<input type="text" id="jenis_deskripsi" name="jenis_deskripsi" class="form-control">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Satuan </label>
|
||
<input type="text" id="jenis_satuan" name="jenis_satuan" class="form-control">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Satuan Kecil (untuk pecah satuan)</label>
|
||
<input type="text" id="jenis_satuan_kecil" name="jenis_satuan_kecil" class="form-control" placeholder="contoh: strip / pcs / vial">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Konversi ke Satuan Kecil</label>
|
||
<input type="number" id="jenis_konversi_kecil" name="jenis_konversi_kecil" class="form-control" value="1" min="1">
|
||
<small class="text-muted">Contoh: 1 box = 100 strip, isi 100.</small>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Stok Minimum Warning (dalam satuan kecil/base)</label>
|
||
<input type="number" id="jenis_stok_minimum" name="jenis_stok_minimum" class="form-control" value="0" min="0">
|
||
</div>
|
||
<div class="form-group account-btn text-center m-t-10">
|
||
<div class="col-12">
|
||
<input type="hidden" id="jenis_idne" name="jenis_idne" class="form-control">
|
||
<button class="btn w-lg btn-custom waves-effect waves-light" type="button" id="btnsimpanjenis">Tambahkan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div><!-- /.modal-content -->
|
||
</div><!-- /.modal-dialog -->
|
||
</div>
|
||
<div id="modalpemasukan" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">Input Data Penerimaan</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="form-group">
|
||
<label>Tanggal Masuk</label>
|
||
<input type="text" id="in_tanggal" name="in_tanggal" class="form-control" value="{{$tanggal}}">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Jenis Barang</label>
|
||
<select id="in_pos" name="in_pos" class="form-control" >
|
||
@foreach($jjenis as $rjenis)
|
||
<option value="{{ $rjenis['jenis'] }}" data-satuan="{{ $rjenis['satuan'] }}" data-satuan-kecil="{{ $rjenis['satuan_kecil'] ?? '' }}" data-konversi="{{ $rjenis['konversi_kecil'] ?? 1 }}">{{ $rjenis['jenis'] }} ( {{ $rjenis['satuan'] }} )</option>
|
||
@endforeach
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Satuan Input</label>
|
||
<select id="in_satuan_transaksi" class="form-control">
|
||
<option value="besar">Satuan Besar</option>
|
||
<option value="kecil">Satuan Kecil (Pecah Satuan)</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Supplier</label>
|
||
<input type="text" id="in_deskripsi" name="in_deskripsi" class="form-control">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Jumlah</label>
|
||
<input type="text" id="in_total" name="in_total" class="form-control">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Masa Expired</label>
|
||
<input type="text" id="in_masa_expired" name="in_masa_expired" class="form-control" placeholder="dd-mm-yyyy">
|
||
</div>
|
||
<div class="form-group account-btn text-center m-t-10">
|
||
<div class="col-12">
|
||
<button class="btn w-lg btn-custom waves-effect waves-light" type="button" id="btnsimpanpemasukan">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="modalpengeluaran" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">Input Data Pengeluaran</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="form-group">
|
||
<label>Tanggal</label>
|
||
<input type="text" id="out_tanggal" name="out_tanggal" class="form-control" value="{{$tanggal}}">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Barang yang diminta</label>
|
||
<select id="out_pos" name="out_pos" class="form-control" >
|
||
@foreach($jjenis as $rjenis)
|
||
<option value="{{ $rjenis['jenis'] }}" data-satuan="{{ $rjenis['satuan'] }}" data-satuan-kecil="{{ $rjenis['satuan_kecil'] ?? '' }}" data-konversi="{{ $rjenis['konversi_kecil'] ?? 1 }}">{{ $rjenis['jenis'] }} ( {{ $rjenis['satuan'] }} )</option>
|
||
@endforeach
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Satuan Pengeluaran</label>
|
||
<select id="out_satuan_transaksi" class="form-control">
|
||
<option value="kecil">Satuan Kecil (Pecah Satuan)</option>
|
||
<option value="besar">Satuan Besar</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Peminta</label>
|
||
<select id="out_deskripsi" name="out_deskripsi" class="form-control" >
|
||
@foreach($pegawai as $rpegawai)
|
||
<option value="{{ $rpegawai['id'] }}">{{ $rpegawai['nama'] }} ( {{ $rpegawai['previlege'] }} )</option>
|
||
@endforeach
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Total</label>
|
||
<input type="text" id="out_total" name="out_total" class="form-control">
|
||
</div>
|
||
<div class="form-group account-btn text-center m-t-10">
|
||
<div class="col-12">
|
||
<button class="btn w-lg btn-custom waves-effect waves-light" type="button" id="btnsimpanpengeluaran">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="modaleditor" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title" id="myModalLabel">Editor Data</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="form-group">
|
||
<label>Tanggal</label>
|
||
<input type="text" id="edit_tanggal" name="edit_tanggal" class="form-control" value="{{$tanggal}}">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Jenis barang</label>
|
||
<select id="edit_pos" name="edit_pos" class="form-control" >
|
||
@foreach($jjenis as $rjenis)
|
||
<option value="{{ $rjenis['jenis'] }}">{{ $rjenis['jenis'] }} ( {{ $rjenis['satuan'] }} )</option>
|
||
@endforeach
|
||
</select>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Deskripsi</label>
|
||
<input type="text" id="edit_deskripsi" name="edit_deskripsi" class="form-control">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Total</label>
|
||
<input type="text" id="edit_total" name="edit_total" class="form-control">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Masa Expired</label>
|
||
<input type="text" id="edit_masa_expired" name="edit_masa_expired" class="form-control" placeholder="dd-mm-yyyy">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Alasan Di Edit / Di Hapus</label>
|
||
<input type="text" id="edit_alasan" name="edit_alasan" class="form-control">
|
||
</div>
|
||
<div class="form-group account-btn text-center m-t-10">
|
||
<div class="col-12">
|
||
<button class="btn w-lg btn-danger waves-effect waves-light" type="button" id="btnsimpanhapus">Delete</button>
|
||
<input type="hidden" id="edit_id" name="edit_id" class="form-control">
|
||
<button class="btn w-lg btn-custom waves-effect waves-light" type="button" id="btnsimpanedit">Simpan</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="tempatctk" style="overflow: hidden; display: none;">
|
||
<div id="tabel_cetak"></div>
|
||
</div>
|
||
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
|
||
|
||
@endsection
|
||
@push('script')
|
||
<script type="text/javascript">
|
||
$(function () {
|
||
$("#in_tanggal").datepicker({format: 'dd-mm-yyyy'});
|
||
$("#out_tanggal").datepicker({format: 'dd-mm-yyyy'});
|
||
$("#edit_tanggal").datepicker({format: 'dd-mm-yyyy'});
|
||
$("#in_masa_expired").datepicker({format: 'dd-mm-yyyy'});
|
||
$("#edit_masa_expired").datepicker({format: 'dd-mm-yyyy'});
|
||
});
|
||
function openedpage( jQuery ){
|
||
var set01=document.getElementById('cekbln').value;
|
||
var set02=document.getElementById('cekthn').value;
|
||
var token=document.getElementById('token').value;
|
||
var source = {
|
||
datatype: "json",
|
||
datafields: [
|
||
{ name: 'id',type: 'text'},
|
||
{ name: 'tanggal',type: 'text'},
|
||
{ name: 'bulan',type: 'text'},
|
||
{ name: 'tahun',type: 'text'},
|
||
{ name: 'deskripsi',type: 'text'},
|
||
{ name: 'pemasukan',type: 'text'},
|
||
{ name: 'pengeluaran',type: 'text'},
|
||
{ name: 'jenis',type: 'text'},
|
||
{ name: 'masa_expired',type: 'text'},
|
||
{ name: 'keterangan',type: 'text'},
|
||
{ name: 'tgllengkap',type: 'text'},
|
||
{ name: 'total',type: 'text'},
|
||
],
|
||
type: 'POST',
|
||
data: {val01: set01, val02: set02, _token: token},
|
||
url: 'simbhp/reportbhp',
|
||
};
|
||
var dataAdapter = new $.jqx.dataAdapter(source);
|
||
$("#gridreportblnini").jqxGrid({
|
||
width: '100%',
|
||
showfilterrow: true,
|
||
filterable: true,
|
||
columnsresize: true,
|
||
autoshowfiltericon: true,
|
||
pageable: true,
|
||
autoheight: true,
|
||
theme: "energyblue",
|
||
source: dataAdapter,
|
||
selectionmode: 'multiplecellsextended',
|
||
columns: [
|
||
{ text: 'dd', columngroup: 'tglinput', filtertype: 'checkedlist', datafield: 'tanggal', width: '5%', cellsalign: 'center', align: 'center' },
|
||
{ text: 'mm', columngroup: 'tglinput', filtertype: 'checkedlist', datafield: 'bulan', width: '5%', cellsalign: 'center', align: 'center' },
|
||
{ text: 'yy', columngroup: 'tglinput', filtertype: 'checkedlist', datafield: 'tahun', width: '5%', cellsalign: 'center', align: 'center' },
|
||
{ text: 'Jenis', datafield: 'jenis', filtertype: 'checkedlist', width: '10%', cellsalign: 'center', align: 'center' },
|
||
{ text: 'Deskripsi', datafield: 'deskripsi', width: '25%', cellsalign: 'left', align: 'center' },
|
||
{ text: 'MASUK', datafield: 'pemasukan', width: '10%', cellsalign: 'right', align: 'center' },
|
||
{ text: 'KELUAR', datafield: 'pengeluaran', width: '10%', cellsalign: 'right', align: 'center' },
|
||
{ text: 'Masa Expired', datafield: 'masa_expired', width: '12%', cellsalign: 'center', align: 'center' },
|
||
{ text: 'Keterangan', datafield: 'keterangan', width: '8%', cellsalign: 'right', align: 'center' },
|
||
{ text: 'Edit', columntype: 'button', width: '10%', cellsrenderer: function () { return "Edit";
|
||
}, buttonclick: function (row) {
|
||
editrow = row;
|
||
var offset = $("#gridreportblnini").offset();
|
||
var dataRecord = $("#gridreportblnini").jqxGrid('getrowdata', editrow);
|
||
var tanggal = dataRecord.tanggal;
|
||
var bulan = dataRecord.bulan;
|
||
var tahun = dataRecord.tahun;
|
||
var tulis = tahun+'-'+bulan+'-'+tanggal;
|
||
$("#edit_deskripsi").val(dataRecord.deskripsi);
|
||
$("#edit_id").val(dataRecord.id);
|
||
$("#edit_pos").val(dataRecord.jenis);
|
||
$("#edit_total").val(dataRecord.total);
|
||
$("#edit_tanggal").val(tulis);
|
||
$("#edit_masa_expired").val(dataRecord.masa_expired || '');
|
||
$("#modaleditor").modal('show');
|
||
}
|
||
},
|
||
],
|
||
columngroups:
|
||
[
|
||
{ text: 'Tanggal', align: 'center', name: 'tglinput' },
|
||
]
|
||
});
|
||
}
|
||
$(document).ready(function() {
|
||
openedpage();
|
||
var token=document.getElementById('token').value;
|
||
|
||
function syncOutSatuanMode(){
|
||
var selected = $('#out_pos option:selected');
|
||
var satuanKecil = (selected.data('satuan-kecil') || '').toString().trim();
|
||
var konversi = parseInt(selected.data('konversi') || 1, 10);
|
||
var hasBreakdown = satuanKecil !== '' && konversi > 1;
|
||
$('#out_satuan_transaksi option[value="kecil"]').prop('disabled', !hasBreakdown);
|
||
if(!hasBreakdown){
|
||
$('#out_satuan_transaksi').val('besar');
|
||
}
|
||
}
|
||
|
||
function syncInSatuanMode(){
|
||
var selected = $('#in_pos option:selected');
|
||
var satuanKecil = (selected.data('satuan-kecil') || '').toString().trim();
|
||
var konversi = parseInt(selected.data('konversi') || 1, 10);
|
||
var hasBreakdown = satuanKecil !== '' && konversi > 1;
|
||
$('#in_satuan_transaksi option[value="kecil"]').prop('disabled', !hasBreakdown);
|
||
if(!hasBreakdown){
|
||
$('#in_satuan_transaksi').val('besar');
|
||
}
|
||
}
|
||
|
||
$('#in_pos').on('change', function(){ syncInSatuanMode(); });
|
||
$('#out_pos').on('change', function(){ syncOutSatuanMode(); });
|
||
syncInSatuanMode();
|
||
syncOutSatuanMode();
|
||
|
||
$("#topbtntambahjenis").click(function(){
|
||
$("#jenis_idne").val('new');
|
||
$("#jenis_deskripsi").val('');
|
||
$("#jenis_satuan").val('');
|
||
$("#jenis_satuan_kecil").val('');
|
||
$("#jenis_konversi_kecil").val('1');
|
||
$("#jenis_stok_minimum").val('0');
|
||
$("#modaltambahjenisbrg").modal('show');
|
||
});
|
||
$("#topbtnpemasukan").click(function(){ $("#modalpemasukan").modal('show'); });
|
||
$("#topbtnpengeluaran").click(function(){ $("#modalpengeluaran").modal('show'); });
|
||
$("#topbtnwarning").click(function(e){ e.preventDefault(); $('a[href="#tab_warning"]').tab('show'); });
|
||
$("#topbtnhapus").click(function(){ $("#modaleditor").modal('show'); $("#edit_id").val('delete'); });
|
||
$(document).on('click', '.btneditjenis', function(){
|
||
$("#jenis_idne").val($(this).data('id'));
|
||
$("#jenis_deskripsi").val($(this).data('jenis'));
|
||
$("#jenis_satuan").val($(this).data('satuan'));
|
||
$("#jenis_satuan_kecil").val($(this).data('satuan-kecil'));
|
||
$("#jenis_konversi_kecil").val($(this).data('konversi-kecil'));
|
||
$("#jenis_stok_minimum").val($(this).data('stok-minimum'));
|
||
$("#modaltambahjenisbrg").modal('show');
|
||
});
|
||
$('#gridjenisTable').DataTable();
|
||
|
||
$("#btnsimpanjenis").click(function(){
|
||
var val01=document.getElementById('jenis_idne').value;
|
||
var val02=document.getElementById('jenis_deskripsi').value;
|
||
var val03=document.getElementById('jenis_satuan').value;
|
||
var val04=document.getElementById('jenis_konversi_kecil').value;
|
||
var val05='jenis';
|
||
var val06='';
|
||
var val07='';
|
||
var val08=document.getElementById('jenis_satuan_kecil').value;
|
||
var val09=document.getElementById('jenis_konversi_kecil').value;
|
||
var val10=document.getElementById('jenis_stok_minimum').value;
|
||
var val11='besar';
|
||
$("#modaltambahjenisbrg").modal('hide');
|
||
$.post('simbhp/exaddbarang', { _token: token, set01: val01, set02: val02, set03: val03, set04: val04, set05: val05, set06: val06, set07: val07, set08: val08, set09: val09, set10: val10, set11: val11 },
|
||
function(data){
|
||
var status = data.status;
|
||
var message = data.message;
|
||
$.toast({
|
||
heading: status,
|
||
text: message,
|
||
position: 'top-right',
|
||
loaderBg: data.warna,
|
||
icon: data.icon,
|
||
hideAfter: 3000,
|
||
stack: 1
|
||
});
|
||
var uri = window.location.href.split("#")[0];
|
||
setTimeout(function () { window.location=uri;}, 2000);
|
||
return false;
|
||
});
|
||
});
|
||
$("#btnsimpanpemasukan").click(function(){
|
||
var val01=document.getElementById('in_deskripsi').value;
|
||
var val02=document.getElementById('in_pos').value;
|
||
var val03=document.getElementById('in_tanggal').value;
|
||
var val04=document.getElementById('in_total').value;
|
||
var val05='pemasukan';
|
||
var val06='';
|
||
var val07='';
|
||
var val08='';
|
||
var val09='';
|
||
var val10='';
|
||
var val11=document.getElementById('in_satuan_transaksi').value;
|
||
var val12=document.getElementById('in_masa_expired').value;
|
||
$.post('simbhp/exaddbarang', { _token: token, set01: val01, set02: val02, set03: val03, set04: val04, set05: val05, set06: val06, set07: val07, set08: val08, set09: val09, set10: val10, set11: val11, set12: val12 },
|
||
function(data){
|
||
$("#modalpemasukan").modal('hide');
|
||
var status = data.status;
|
||
var message = data.message;
|
||
$.toast({
|
||
heading: status,
|
||
text: message,
|
||
position: 'top-right',
|
||
loaderBg: data.warna,
|
||
icon: data.icon,
|
||
hideAfter: 5000,
|
||
stack: 1
|
||
});
|
||
openedpage();
|
||
setTimeout(function(){ location.reload(); }, 1000);
|
||
return false;
|
||
});
|
||
});
|
||
$("#btnsimpanpengeluaran").click(function(){
|
||
var val01=document.getElementById('out_deskripsi').value;
|
||
var val02=document.getElementById('out_pos').value;
|
||
var val03=document.getElementById('out_tanggal').value;
|
||
var val04=document.getElementById('out_total').value;
|
||
var val05='pengeluaran';
|
||
var val06='';
|
||
var val07='';
|
||
var val08='';
|
||
var val09='';
|
||
var val10='';
|
||
var val11=document.getElementById('out_satuan_transaksi').value;
|
||
var val12='';
|
||
$.post('simbhp/exaddbarang', { _token: token, set01: val01, set02: val02, set03: val03, set04: val04, set05: val05, set06: val06, set07: val07, set08: val08, set09: val09, set10: val10, set11: val11, set12: val12 },
|
||
function(data){
|
||
$("#modalpengeluaran").modal('hide');
|
||
var status = data.status;
|
||
var message = data.message;
|
||
$.toast({
|
||
heading: status,
|
||
text: message,
|
||
position: 'top-right',
|
||
loaderBg: data.warna,
|
||
icon: data.icon,
|
||
hideAfter: 5000,
|
||
stack: 1
|
||
});
|
||
openedpage();
|
||
setTimeout(function(){ location.reload(); }, 1000);
|
||
return false;
|
||
});
|
||
});
|
||
$("#btnsimpanedit").click(function(){
|
||
var val01=document.getElementById('edit_deskripsi').value;
|
||
var val02=document.getElementById('edit_pos').value;
|
||
var val03=document.getElementById('edit_tanggal').value;
|
||
var val04=document.getElementById('edit_total').value;
|
||
var val05='editor';
|
||
var val06=document.getElementById('edit_id').value;
|
||
var val07=document.getElementById('edit_alasan').value;
|
||
var val08='';
|
||
var val09='';
|
||
var val10='';
|
||
var val11='besar';
|
||
var val12=document.getElementById('edit_masa_expired').value;
|
||
$.post('simbhp/exaddbarang', { _token: token, set01: val01, set02: val02, set03: val03, set04: val04, set05: val05, set06: val06, set07: val07, set08: val08, set09: val09, set10: val10, set11: val11, set12: val12 },
|
||
function(data){
|
||
$("#modaleditor").modal('hide');
|
||
var status = data.status;
|
||
var message = data.message;
|
||
$.toast({
|
||
heading: status,
|
||
text: message,
|
||
position: 'top-right',
|
||
loaderBg: data.warna,
|
||
icon: data.icon,
|
||
hideAfter: 5000,
|
||
stack: 1
|
||
});
|
||
openedpage();
|
||
setTimeout(function(){ location.reload(); }, 1000);
|
||
return false;
|
||
});
|
||
});
|
||
$("#btnsimpanhapus").click(function(){
|
||
var val01=document.getElementById('edit_deskripsi').value;
|
||
var val02=document.getElementById('edit_pos').value;
|
||
var val03=document.getElementById('edit_tanggal').value;
|
||
var val04=document.getElementById('edit_total').value;
|
||
var val05='hapus';
|
||
var val06=document.getElementById('edit_id').value;
|
||
var val07=document.getElementById('edit_alasan').value;
|
||
var val08='';
|
||
var val09='';
|
||
var val10='';
|
||
var val11='besar';
|
||
var val12='';
|
||
$.post('simbhp/exaddbarang', { _token: token, set01: val01, set02: val02, set03: val03, set04: val04, set05: val05, set06: val06, set07: val07, set08: val08, set09: val09, set10: val10, set11: val11, set12: val12 },
|
||
function(data){
|
||
$("#modaleditor").modal('hide');
|
||
var status = data.status;
|
||
var message = data.message;
|
||
$.toast({
|
||
heading: status,
|
||
text: message,
|
||
position: 'top-right',
|
||
loaderBg: data.warna,
|
||
icon: data.icon,
|
||
hideAfter: 5000,
|
||
stack: 1
|
||
});
|
||
openedpage();
|
||
setTimeout(function(){ location.reload(); }, 1000);
|
||
return false;
|
||
});
|
||
});
|
||
$("#btnviewdata").click(function(){
|
||
openedpage();
|
||
});
|
||
$("#in_total").autoNumeric( 'init', {aSep: ',', mDec: '0', vMax: '99999999999999999999999999'} );
|
||
$("#out_total").autoNumeric( 'init', {aSep: ',', mDec: '0', vMax: '99999999999999999999999999'} );
|
||
$('#btnexportreport').click(function(){
|
||
var bln = $('#cekbln').val();
|
||
var thn = $('#cekthn').val();
|
||
var url = "{{ route('reportBHPExport') }}" + "?bulan=" + encodeURIComponent(bln) + "&tahun=" + encodeURIComponent(thn);
|
||
window.open(url, '_blank');
|
||
return false;
|
||
});
|
||
});
|
||
</script>
|
||
@endpush
|