You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

177 lines
7.1 KiB
PHTML

@extends('temp.admin')
@php
use NN\Module\View;
use NN\Module\DB;
@endphp
@section("content")
<div class="content-header row">
<div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
<h3 class="content-header-title mb-0 d-inline-block">Transaksi</h3>
<div class="row breadcrumbs-top d-inline-block">
<div class="breadcrumb-wrapper col-12">
<ol class="breadcrumb">
<li class="breadcrumb-item active">Posting Simpanan</li>
</ol>
</div>
</div>
</div>
<div class="content-header-right col-md-6 col-12">
<div class="btn-group float-md-right" style="display:none;">
<ul class="list-inline mb-0">
<li style="max-width:140px">
<fieldset class="form-group position-relative">
<input type="text" value="18-04-2023" class="period datepicker form-control form-control-sm input-sm mb-1" id="tglawal" placeholder="Tanggal Awal">
<div class="form-control-position">
<i class="la la-calendar-o font-small-4"></i>
</div>
</fieldset>
</li>
<li style="max-width:140px">
<fieldset class="form-group position-relative">
<input type="text"value="18-04-2023" class="period datepicker form-control form-control-sm input-sm mb-1" id="tglakhir" placeholder="Tanggal Akhir">
<div class="form-control-position">
<i class="la la-calendar-o font-small-4"></i>
</div>
</fieldset>
</li>
</ul>
</div>
</div>
</div>
<div class="content-body">
<section id="dasbor">
<div class="row">
<div class="col-sm-12">
<div class="card border-top-3 border-top-vds mb-5">
<div class="card-content collapse show">
<div class="card-header panel-head-menu" style="border-bottom: 1px solid #ddd;">
<div class="btn-group">
<button type="button" class="btn btn-secondary btn-min-width dropdown-toggle"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon-printer"></i>
Export</button>
<div class="dropdown-menu" id="listreportmenu">
</div>
</div>
<button class="btn btn-success new"><i class="icon-plus"></i> Posting Baru </button>
</div>
<div class="card-body">
<p style="padding: 5px 10px;border-radius:10px; border: 1px solid #ddddff;"><i class="la la-info-circle"></i> <span id="infotext">Table hanya menampilkan data tagihan yang ingin di posting. Untuk menampilkan klik button posting baru di atas.</span></p>
<table id="tabledata" class="display" style="width:100%">
<thead style="min-width:100%">
<tr>
<th>Action</th>
<th>Tagihan</th>
<th>Tgl</th>
<th>Faktur</th>
<th>Kode Anggota</th>
<th>Jumlah</th>
<th>pokok</th>
<th>bunga</th>
<th>Keterangan</th>
<th>Kasir</th>
<th>Jam</th>
</tr>
</thead>
<tfoot style="min-width:100%">
<tr>
<th>Action</th>
<th>Tagihan</th>
<th>Tgl</th>
<th>Faktur</th>
<th>Kode Anggota</th>
<th>Jumlah</th>
<th>pokok</th>
<th>bunga</th>
<th>Keterangan</th>
<th>Kasir</th>
<th>Jam</th>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div id="modala" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title title-f"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row" id="containerforms">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary simpan">Tampilkan Data</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
</div>
</div>
</div>
</div>
<noscript id="munit">{!! json_encode(DB::query_result_object("SELECT kode id, lokasi text FROM munitkerja")) !!}</noscript>
<noscript id="jpinjam">{!! json_encode(DB::query_result_object("SELECT kode id, nama text, typetransaksi, rw FROM jpinjam WHERE rw <> '-'")) !!}</noscript>
<noscript id="anggota">{!! json_encode(DB::query_result_object("
SELECT kode id, nama text FROM anggota
")) !!}</noscript>
<script>
const anggota = JSON.parse(document.getElementById('anggota').innerHTML);
</script>
@endsection
@section('script')
<script>
let myip = null;
fetch('https://api.ipify.org?format=json')
.then(response => response.json())
.then(data => {
myip = data.ip;
})
.catch(error => {
console.log('Error:', error);
});
</script>
{!! View::jsm('ts/posting.js') !!}
<script>
window.infotext = _id('infotext');
window.anggota = JSON.parse(_id('anggota').innerHTML);
window._posting = function(){
$('#modalb').modal('show');
};
(function cron(){
if(globalThis['kasir'] != undefined && globalThis['jam'] != undefined){
globalThis['kasir'].parent.value = usernama;
globalThis['jam'].parent.value = _times();
};
setTimeout(() => {
cron();
}, 100);
})();
</script>
@endsection
@section('css')
<style>
.dataTable tr td{
white-space: nowrap;
}
.dataTable tr td:nth-child(1){
min-width: 120px;
max-width: 120px;
}
</style>
@endsection