[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/xampp/htdocs/smk/application/views/keuangan/konfigurasi_iuran/ [ Home ]
File: konfigurasi_iuran_view.php
<!-- Content Header (Page header) -->
<section class="content-header">
	<h1>
		Konfigurasi Iuran
		<small>Penetapan jumlah iuran untuk masing-masing siswa.</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="<?php echo site_url() ?>/"><i class="fa fa-dashboard"></i> Home</a></li>
		<li class="active">Konfigurasi Iuran</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
	<?php echo form_open($url.'/konfigurasi','id="form-konfigurasi"'); ?>
	<div class="row">
        <div class="col-md-3">
        	<div class="box">
        		<div class="box-header with-border">
    				<div class="box-title">Referensi</div>
                </div><!-- /.box-header -->
            	<div class="box-body">
					<div class="form-group">
						<label>Tahun Ajaran</label>
                        <input type="hidden" name="info-id-thnajaran" id="info-id-thnajaran" value="<?php if(!empty($info_id_thnajaran)){ echo $info_id_thnajaran; }else{ echo 'kosong'; } ?>" >
                        <input type="text" class="form-control input-sm" name="info-thnajaran" id="info-thnajaran" value="<?php if(!empty($info_thnajaran)){ echo $info_thnajaran; }else{ echo 'BELUM AKTIF'; } ?>" readonly>
                    </div>
					<div class="form-group">
                    	<label>Keterangan</label>
                        <input type="text" class="form-control input-sm" rows="3" name="info-keterangan" id="info-keterangan"  value="<?php if(!empty($info_keterangan)){ echo $info_keterangan; }else{ echo ''; } ?>" readonly>
                    </div> 		
				</div>
			</div>

			<div class="box">
				<div class="box-header with-border">
    				<div class="box-title">Besar Penerimaan</div>
                </div><!-- /.box-header -->
            	<div class="box-body">
					<div class="form-group">
						<label>Jenis Penerimaan</label>
						<input type="hidden" name="pilihan" id="pilihan" >
		                <select class="form-control input-sm" name="jenis-penerimaan" id="jenis-penerimaan">
		                    <?php if(!empty($info_jenis_penerimaan)){ echo $info_jenis_penerimaan; } ?>
		            	</select>
		            </div>
		            <div class="form-group">
						<label>Jumlah Penerimaan</label>
		                <input type="text" class="form-control input-sm" name="jumlah" id="jumlah" placeholder="Jumlah Iuran Siswa">
		            </div>
				</div>
			</div>
        </div>

        <div class="col-md-9">
        	<div class="box">
        		<div class="box-header with-border">
    				<div class="box-title">Data Siswa</div>
    				<div class="box-tools pull-right">
    					<div class="dropdown pull-right">
    						<a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu <span class="caret"></span></a>
    						<ul class="dropdown-menu">
    							<li role="presentation"><a role="menuitem" href="#" onclick="bantuan()">Bantuan</a></li>
    						</ul>
    					</div>
    				</div>
                </div><!-- /.box-header -->
                <div class="box-header with-border">
    				<div class="row">
    					<div class="col-xs-6">
    						<div class="form-group">
								<label>Tingkat</label>
		                        <select class="form-control input-sm" name="info-tingkat" id="info-tingkat">
		                        	<?php if(!empty($info_tingkat)){ echo $info_tingkat; } ?>
		                        </select>
		                    </div>
    					</div>
    					<div class="col-xs-6">
    						<div class="form-group">
								<label>Jurusan</label>
		                        <select class="form-control input-sm" name="info-jurusan" id="info-jurusan">
		                        	<?php if(!empty($info_jurusan)){ echo $info_jurusan; } ?>
		                        </select>
		                    </div>
    					</div>
    				</div>
                </div><!-- /.box-header -->
            	<div class="box-body">
					<div id="form-pesan"></div>
					<table id="table-siswa" class="table table-bordered table-hover table-condensed responsive">
                    	<thead>
                        	<tr>
	                            <th> </th>
	                            <th>NIS</th>
	                            <th>Nama</th>
								<th>Jenis Penerimaan</th>
								<th>Jumlah</th>
                        	</tr>
                        </thead>
                        <tbody>
                        	<tr>
                                <td> </td>
								<td> </td>
								<td> </td>
                                <td> </td>
                                <td> </td>
                            </tr>
                        </tbody>
                    </table>   
                    <div class="btn-group">
						<input type="hidden" id="check" value="0" />
						<button type="button" id="select-all" class="btn btn-default btn-sm"><i class="fa fa-square-o"></i></button>
					</div>
				</div>
				<div class="box-footer with-border">
                    <button type="button" class="btn btn-primary" id="btn-simpan" title="Simpan data Tagihan">Simpan</button>
                    <button type="button" class="btn btn-default pull-right" id="btn-hapus" title="Hapus data Tagihan">Hapus</button>
                </div><!-- /.box-header -->
			</div>
        </div>
    </div>
	</form>

	<div class="modal" id="modal-bantuan" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" type="button" data-dismiss="modal">&times;</button>
                    <div id="trx-judul">Bantuan</div>
                </div>
                <div class="modal-body">
                    <div class="row-fluid">
                        <p>1. Silahkan pilih siswa yang dibebankan tagihan.
                        </p>

                        <p>2. Siswa yang memiliki Tagihan tidak dapat di ubah, hanya bisa dihapus.
                        </p>

                        <p>3. Tagihan siswa bisa dihapus jika siswa belum mengangsur tagihan
                        </p>
                    </div>
                </div>
                <div class="modal-footer">
                    <a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
                </div>
            </div>
        </div>
    </div>

</section><!-- /.content -->

<script lang="javascript">
	function refresh_table(){
		$('#table-siswa').dataTable().fnReloadAjax();
	}

	function bantuan(){
		$("#modal-bantuan").modal("show");
	}

    $(function(){
    	$('#jenis-iuran').change(function(){
    		refresh_table();
    	});

    	$('#info-tingkat').change(function(){
    		refresh_table();
    	});

    	$('#info-jurusan').change(function(){
    		refresh_table();
    	});

    	$('#jenis-penerimaan').change(function(){
    		refresh_table();
    	});

    	$('#btn-simpan').click(function(){
    		$('#pilihan').val('simpan');
    		$('#form-konfigurasi').submit();
    	});

    	$('#btn-hapus').click(function(){
    		$('#pilihan').val('hapus');
    		$('#form-konfigurasi').submit();
    	});

    	$('#select-all').click(function(event) {
			if($('#check').val()==0) {
				$(':checkbox').each(function() {
					this.checked = true;
				});
				$('#check').val('1');
			}else{
				$(':checkbox').each(function() {
					this.checked = false;
				});
				$('#check').val('0');
			}
		});

		$('#form-konfigurasi').submit(function(){
            $("#modal-proses").modal('show');
            $.ajax({
                    url:"<?php echo site_url().'/'.$url; ?>/konfigurasi",
                    type:"POST",
                    data:$('#form-konfigurasi').serialize(),
                    cache: false,
                    success:function(respon){
                        var obj = $.parseJSON(respon);
                        if(obj.status==1){
                            $("#form-pesan").html('');
                            $("#modal-proses").modal('hide');
                            notify_success(obj.pesan);
                            refresh_table();
                            $('#check').val('0');
                        }else{
                            $("#modal-proses").modal('hide');
                            $('#form-pesan').html(pesan_err(obj.pesan));
                        }
                    }
            });
            return false;
        });

    	$('#table-siswa').DataTable({
                  "paging": true,
                  "iDisplayLength":100,
                  "bProcessing": false,
                  "bServerSide": true, 
                  "searching": true,
                  "aoColumns": [
    					{"bSearchable": false, "bSortable": false, "sWidth":"20px"},
    					{"bSearchable": false, "bSortable": false},
						{"bSearchable": false, "bSortable": false},
						{"bSearchable": false, "bSortable": false, "sWidth":"150px"},
                        {"bSearchable": false, "bSortable": false, "sWidth":"150px"}],
                  "sAjaxSource": "<?php echo site_url().'/'.$url; ?>/get_datatable/",
                  "aLengthMenu": [[10, 25, 50, 100, 200, 500], [10, 25, 50, 100, 200, 500]],
                  "autoWidth": false,
				  "fnServerParams": function ( aoData ) {
		            aoData.push( { "name": "thnajaran", "value": $('#info-thnajaran').val()} );
		            aoData.push( { "name": "tingkat", "value": $('#info-tingkat').val()} );
		            aoData.push( { "name": "jurusan", "value": $('#info-jurusan').val()} );
		            aoData.push( { "name": "jenis-penerimaan", "value": $('#jenis-penerimaan').val()} );
				  }
		});
    });
</script>