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.
183 lines
8.3 KiB
PHTML
183 lines
8.3 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">Pinjaman</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-vds">
|
|
|
|
<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> Baru </button>
|
|
<button class="btn btn-default" onclick="_load()"><i class="la la-refresh"></i></button>
|
|
</div>
|
|
|
|
<div class="card-content">
|
|
<div class="card-body">
|
|
<div class="mb-1">
|
|
<button style="display:none;" class="btn btn-clear"><i class="icon-trash"></i></button>
|
|
<button style="display:none;" class="btn btn-clear"><i class="la la-print"></i></button>
|
|
<button class="btn btn-clear detail-transaksi" onclick="window.opendetail()"><i class="la la-file-text"></i> Detail Transaksi</button>
|
|
</div>
|
|
<ul class="nav nav-tabs">
|
|
<li class="nav-item">
|
|
<a data-kode="REG" class="nav-link active" id="base-tab2" data-toggle="tab" aria-controls="tab2" href="#tab2"
|
|
aria-expanded="false">USP Reguler</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a data-kode="USP1" class="nav-link" id="base-tab3" data-toggle="tab" aria-controls="tab3" href="#tab3"
|
|
aria-expanded="false">USP1 (Pembiayaan Elektronik)</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a data-kode="USP2" class="nav-link" id="base-tab3" data-toggle="tab" aria-controls="tab3" href="#tab3"
|
|
aria-expanded="false">USP2 (Pembiayaan Sepeda Motor)</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a data-kode="USP3" class="nav-link" id="base-tab3" data-toggle="tab" aria-controls="tab3" href="#tab3"
|
|
aria-expanded="false">USP3 (Pembiayaan Haji / Umroh)</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a data-kode="KHUSUS" class="nav-link" id="base-tab3" data-toggle="tab" aria-controls="tab3" href="#tab3"
|
|
aria-expanded="false">USP Khusus</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content px-1 pt-1">
|
|
<div role="tabpanel" class="tab-pane active" id="tab1" aria-expanded="true" aria-labelledby="base-tab1">
|
|
</div>
|
|
<div class="tab-pane" id="tab2" aria-labelledby="base-tab2">
|
|
</div>
|
|
<div class="tab-pane" id="tab3" aria-labelledby="base-tab3">
|
|
</div>
|
|
</div>
|
|
<table id="tabledata" class="display" style="width:100%">
|
|
<thead style="min-width:100%">
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Formulir | Cara bayar</th>
|
|
<th>Tgl. Realisasi</th>
|
|
<th>No Bukti Pinjaman</th>
|
|
<th>Nama</th>
|
|
<th>NIP</th>
|
|
<th>Total Pinjaman</th>
|
|
<th>Angsuran</th>
|
|
<th>Userlog</th>
|
|
<th>Username</th>
|
|
</tr>
|
|
</thead>
|
|
<tfoot style="min-width:100%">
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Formulir | Cara bayar</th>
|
|
<th>Tgl. Realisasi</th>
|
|
<th>No Bukti Pinjaman</th>
|
|
<th>Nama</th>
|
|
<th>NIP</th>
|
|
<th>Total Pinjaman</th>
|
|
<th>Angsuran</th>
|
|
<th>Userlog</th>
|
|
<th>Username</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<div id="modala" class="modal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" 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">×</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">Simpan</button>
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<noscript id="gpinjam">{!! json_encode(DB::query_result_object("SELECT jenis id, kode text FROM gpinjam")) !!}</noscript>
|
|
<noscript id="anggota">{!! json_encode(DB::query_result_object("SELECT kode id, nama text FROM anggota WHERE keluar IS NULL")) !!}</noscript>
|
|
<noscript id="nipdata">{!! json_encode(DB::query_result_object("SELECT kode id, nip text FROM anggota")) !!}</noscript>
|
|
<noscript id="acc">{!! json_encode(DB::query_result_object("SELECT kode id, nama text, app FROM acc")) !!}</noscript>
|
|
@endsection
|
|
|
|
@section('script')
|
|
{!! View::sc('detailpopup.js') !!}
|
|
{!! View::sc('lap/pos58.js') !!}
|
|
{!! View::jsm("ts/pinjaman.js") !!}
|
|
@endsection
|
|
|
|
@section('css')
|
|
@include('temp.modalfull')
|
|
<style>
|
|
.dataTable tr td:nth-child(2){
|
|
min-width: 240px;
|
|
max-width: 240px;
|
|
}
|
|
.dataTable tr td:nth-child(5){
|
|
min-width: 240px;
|
|
max-width: 240px;
|
|
}
|
|
</style>
|
|
@endsection |