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.

184 lines
6.6 KiB
PHTML

@extends('temp.admin')
@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">Master</h3>
<div class="row breadcrumbs-top d-inline-block">
<div class="breadcrumb-wrapper col-12">
<ol class="breadcrumb">
<li class="breadcrumb-item active">Juru Bayar</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> Baru </button>
<button class="btn btn-default" onclick="_load()"><i class="la la-refresh"></i></button>
</div>
<div class="card-body">
<table id="tabledata" class="display" style="width:100%">
<thead style="min-width:100%">
<tr>
<th>#</th>
<th>Kode</th>
<th>Keterangan</th>
<th>Laporan Rekapitulasi Anggota</th>
</tr>
</thead>
<tfoot style="min-width:100%">
<tr>
<th>#</th>
<th>Kode</th>
<th>Keterangan</th>
<th>Laporan Rekapitulasi Anggota</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-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">&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">Simpan</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
</div>
</div>
</div>
</div>
@endsection
@section('script')
<script>
var objectForm = {
title : function(){
return 'Juru Bayar ';
},
table :"mjurubayar",
idform :"containerforms",
newkode: ``,
kode: 'kode',
connection: [
{
table: "anggota",
kode: "jurubayar",
}
],
view: ['kode', 'name', 'status'],
dataSelect: ["*"],
queryTemp: "SELECT {select} FROM mjurubayar || ORDER BY kode DESC",
validasiForm: ['kode', 'name'],
oncreate: function(){
globalThis['kode'].parent.removeAttribute('readonly');
},
onupdate: function(dt){
globalThis['kode'].parent.setAttribute('readonly', true);
},
custome:{
status: function(a){
return a == '0'? `Tidak ditampilkan`: 'Ditampilkan'
}
},
data: [
{
title: 'Kode',
type: 'text',
name: 'kode',
row: 12,
readonly: false,
action: function(){
},
}
,{
title: 'Nama',
type: 'text',
name: 'name',
row: 12,
readonly: false,
action: function(){
},
}
,{
title: 'Ditampilkan di rekapitulasi anggota',
type: 'radio',
name: 'status',
data: [
{
id: "0"
, text: "Tidak ditampilkan"
}
, {
id: "1"
, text: "ditampilkan"
}
],
row: 12,
readonly: false,
action: function(){
},
}
]
};
</script>
@include('temp.crudpinjaman')
@endsection