[ Mini Kiebo ]
Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64
Path:
D:
/
xampp
/
htdocs
/
smk
/
application
/
views
/
keuangan
/
penerimaan
/
[
Home
]
File: penerimaan_view - Copy.php
<!-- Content Header (Page header) --> <section class="content-header"> <h1> Transaksi Penerimaan <small>Transaksi penerimaan iuran dari siswa sesuai dengan Jenis Iuran.</small> </h1> <ol class="breadcrumb"> <li><a href="<?php echo site_url() ?>/"><i class="fa fa-dashboard"></i> Home</a></li> <li class="active">Transaksi Penerimaan</li> </ol> </section> <!-- Main content --> <section class="content"> <div class="row"> <div class="col-md-5"> <!-- Custom Tabs (Pulled to the right) --> <div class="nav-tabs-custom"> <ul class="nav nav-tabs"> <li class="active"><a href="#tab-siswa-aktif" id="btn-tab-siswa-aktif" data-toggle="tab">Siswa Aktif</a></li> <li><a href="#tab-siswa-lulus" id="btn-tab-siswa-lulus" data-toggle="tab">Siswa Lulus</a></li> </ul> <div class="tab-content"> <div class="tab-pane active form-horizontal" id="tab-siswa-aktif"> <div class="form-group"> <label class="col-sm-3 control-label">Tingkat</label> <div class="col-sm-9"> <input type="hidden" class="form-control" id="pilihan-siswa" name="pilihan-siswa" value="aktif"> <select class="form-control input-sm" name="info-tingkat-aktif" id="info-tingkat-aktif"> <?php if(!empty($info_tingkat)){ echo $info_tingkat; } ?> </select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Jurusan</label> <div class="col-sm-9"> <select class="form-control input-sm" name="info-jurusan-aktif" id="info-jurusan-aktif"> <?php if(!empty($info_jurusan)){ echo $info_jurusan; } ?> </select> </div> </div> </div><!-- /.tab-pane --> <div class="tab-pane form-horizontal" id="tab-siswa-lulus"> <div class="form-group"> <label class="col-sm-3 control-label">Tahun Ajaran</label> <div class="col-sm-9"> <select class="form-control input-sm" name="info-thnajaran-lulus" id="info-thnajaran-lulus"> <?php if(!empty($info_thnajaran_lulus)){ echo $info_thnajaran_lulus; } ?> </select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Jurusan</label> <div class="col-sm-9"> <select class="form-control input-sm" name="info-jurusan-lulus" id="info-jurusan-lulus"> <?php if(!empty($info_jurusan)){ echo $info_jurusan; } ?> </select> </div> </div> </div><!-- /.tab-pane --> </div><!-- /.tab-content --> </div><!-- nav-tabs-custom --> <div class="box"> <div class="box-body"> <table id="table-siswa" class="table table-bordered table-hover table-condensed responsive"> <thead> <tr> <th> </th> <th>Nama</th> <th>Pilih</th> </tr> </thead> <tbody> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table> </div> </div> </div> <div class="col-md-7 hide" id="transaksi"> <div class="box"> <div class="box-body form-horizontal"> <div class="form-group"> <label class="col-sm-3 control-label">NIS</label> <div class="col-sm-9"> <input type="hidden" id="transaksi-siswa-id" name="transaksi-siswa-id" > <input type="text" class="form-control input-sm" id="transaksi-siswa-nis" name="transaksi-siswa-nis" readonly> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Nama Siswa</label> <div class="col-sm-9"> <input type="text" class="form-control input-sm" id="transaksi-siswa-nama" name="transaksi-siswa-nama" readonly> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Kelas</label> <div class="col-sm-9"> <input type="text" class="form-control input-sm" id="transaksi-siswa-kelas" name="transaksi-siswa-kelas" readonly> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Jenis</label> <div class="col-sm-9"> <select class="form-control input-sm" name="transaksi-jenis-penerimaan" id="transaksi-jenis-penerimaan"> <?php if(!empty($jenis_penerimaan)){ echo $jenis_penerimaan; } ?> </select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Total Tagihan</label> <div class="col-sm-9"> <input type="text" class="form-control input-sm" id="transaksi-total-tagihan" name="transaksi-total-tagihan" readonly> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Total Angsuran</label> <div class="col-sm-9"> <input type="text" class="form-control input-sm" id="transaksi-total-angsuran" name="transaksi-total-angsuran" readonly> </div> </div> </div> </div> <div class="box"> <div class="box-body form-horizontal"> <div class="form-group"> <label class="col-sm-3 control-label">Jenis Transaksi</label> <div class="col-sm-9"> <select class="form-control input-sm" name="transaksi-jenis-transaksi" id="transaksi-jenis-transaksi"> <option value="1">Pembayaran</option> <option value="2">Potongan</option> </select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Jumlah Angsuran</label> <div class="col-sm-9"> <input type="text" class="form-control input-sm" id="transaksi-jumlah-angsuran" name="transaksi-jumlah-angsuran"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Keterangan</label> <div class="col-sm-9"> <input type="text" class="form-control input-sm" id="transaksi-keterangan" name="transaksi-keterangan"> </div> </div> </div> <div class="box-footer with-border"> <button type="button" class="btn btn-primary pull-right" id="btn-transaksi" title="Simpan Transaksi">Simpan</button> </div><!-- /.box-header --> </div> <div class="box"> <div class="box-header with-border"> <div class="box-title">Data Angsuran</div> </div><!-- /.box-header --> <div class="box-body"> <table id="table-angsuran" class="table table-bordered table-hover table-condensed responsive"> <thead> <tr> <th> </th> <th>Tanggal</th> <th>Jumlah</th> <th>Keterangan</th> <th>Petugas</th> </tr> </thead> <tbody> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table> </div> </div> </div> </div> </section><!-- /.content --> <script lang="javascript"> function refresh_table(){ $('#table-siswa').dataTable().fnReloadAjax(); } function pilihsiswa(id_siswa){ $('#transaksi').removeClass('hide'); } $(function(){ $('#btn-tab-siswa-lulus').on('shown.bs.tab', function(){ $('#pilihan-siswa').val('lulus'); refresh_table(); }); $('#btn-tab-siswa-aktif').on('shown.bs.tab', function(){ $('#pilihan-siswa').val('aktif'); refresh_table(); }); $('#info-jurusan-aktif').change(function(){ refresh_table(); }); $('#info-tingkat-aktif').change(function(){ refresh_table(); }); $('#info-jurusan-lulus').change(function(){ refresh_table(); }); $('#info-thnajaran-lulus').change(function(){ refresh_table(); }); $('#table-siswa').DataTable({ "paging": true, "iDisplayLength":25, "bProcessing": false, "bServerSide": true, "searching": true, "aoColumns": [ {"bSearchable": false, "bSortable": false, "sWidth":"20px"}, {"bSearchable": false, "bSortable": false}, {"bSearchable": false, "bSortable": false, "sWidth":"70px"}], "sAjaxSource": "<?php echo site_url().'/'.$url; ?>/get_datatable_siswa/", "aLengthMenu": [[10, 25, 50, 100], [10, 25, 50, 100]], "autoWidth": false, "fnServerParams": function ( aoData ) { aoData.push( { "name": "tingkat_aktif", "value": $('#info-tingkat-aktif').val()} ); aoData.push( { "name": "jurusan_aktif", "value": $('#info-jurusan-aktif').val()} ); aoData.push( { "name": "thnajaran_lulus", "value": $('#info-thnajaran-lulus').val()} ); aoData.push( { "name": "jurusan_lulus", "value": $('#info-jurusan-lulus').val()} ); aoData.push( { "name": "pilihan_siswa", "value": $('#pilihan-siswa').val()} ); } }); }); </script>