[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/BACKUP C 19-12/XAMPP74/htdocs/smk/application/views/akademik/siswa/ [ Home ]
File: list_view.php
<!-- Content Header (Page header) -->
<section class="content-header">
	<h1>
		Daftar Siswa
		<small>Pengaturan 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">Siswa</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
<?php echo form_open('akademik/siswa/delete_select','id="form-daftar-siswa"')?>
	<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="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>Tingkat</label>
                                <select name="info-tingkat" id="info-tingkat" class="form-control input-sm">
									<?php 
										if(!empty($info_tingkat)){ echo $info_tingkat; }
									?>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Kelas</label>
								<div id="data-kelas">
                                <select name="info-kelas" id="info-kelas" class="form-control input-sm">
									<option value="kosong">KOSONG</option>
                                </select>
								</div>
                            </div>
							<div class="form-group">
                                <label>Keterangan</label>
                                <textarea class="form-control input-sm" rows="3" name="info-keterangan" id="info-keterangan"  readonly><?php if(!empty($info_keterangan)){ echo $info_keterangan; }else{ echo ''; } ?></textarea>
                            </div>
                        <!-- Data siswa ditampilkan otomatis
						<div class="box-footer">
							<button type="button" id="btn-tampil" class="btn btn-info pull-right">Tampilkan</button>
						</div>
						-->
                    </div>
                </div>
        </div>
    
        <div class="col-md-9">
                <div class="box">
                    <div class="box-header with-border">
    						<div class="box-title">Data Siswa <span id="nama-kelas"></span></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="<?php echo current_url() ?>/index/add">Tambah Siswa</a></li>
										<li role="separator" class="divider"></li>
										<li role="presentation"><a role="menuitem" href="<?php echo base_url() ?>public/form-data-siswa.xls">Download Form Import</a></li>
										<li role="presentation"><a role="menuitem" href="<?php echo site_url() ?>/akademik/siswa/import">Import Siswa</a></li>
										<li role="separator" class="divider"></li>
										<li role="presentation"><a role="menuitem" href="<?php echo site_url() ?>/akademik/siswa/export">Export Siswa</a></li>
    								</ul>
    							</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>HP</th>
									<th>Wali</th>
									<th>HP</th>
									<th>Kelas</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
									<td> </td>
									<td> </td>
									<td> </td>
                                    <td> </td>
									<td> </td>
									<td> </td>
                                    <td> </td>
                                    <td> </td>
                                </tr>
                            </tbody>
                        </table>                        
                    </div>
					<?php
					if(!empty($is_edit)){
						echo '<div class="box-footer">
							<button type="submit" id="btn-hapus" class="btn btn-default">Hapus</button>
						</div>';
					}
					?>
                </div>
        </div>
    </div>
</form>
</section><!-- /.content -->

<script lang="javascript">
	function refresh_kelas(tingkat){
		$("#modal-proses").modal('show');
		$.getJSON('<?php echo site_url()?>/akademik/siswa/get_kelas2/'+tingkat+'', function(data){
            var $kelas = $('#info-kelas');
            $kelas.empty();
			$.each(data.data, function(key, val){
                $kelas.append('<option value="' + val.id + '">' + val.kelas +'</option>');
			});
			tampilkan_siswa();
			$("#modal-proses").modal('hide');
		});
	}
	function refresh_table(){
		$('#table-siswa').dataTable().fnReloadAjax();
	}
	function tampilkan_siswa(){
		refresh_table();
		$('#nama-kelas').html(' : '+$('#info-kelas option:selected').text());
	}
	
    $(function(){
		$("#info-tingkat").change(function(){
			refresh_kelas($('#info-tingkat').val());
		});
		
		$("#info-kelas").change(function(){
			tampilkan_siswa();
		});
		 
		$( document ).ready(function() {
			refresh_kelas($('#info-tingkat').val());
			
			$('#table-siswa').DataTable({
                  "paging": true,
                  "iDisplayLength":25,
                  "bProcessing": false,
                  "bServerSide": true, 
                  "searching": true,
                  "aoColumns": [
    					{"bSearchable": false, "bSortable": false, "sWidth":"20px"},
    					{"bSearchable": false, "bSortable": false, "sWidth":"50px"},
                        {"bSearchable": false, "bSortable": false, "sWidth":"150px"},
						{"bSearchable": false, "bSortable": false},
						{"bSearchable": false, "bSortable": false},
						{"bSearchable": false, "bSortable": false},
						{"bSearchable": false, "bSortable": false, "sWidth":"40px"},
                        {"bSearchable": false, "bSortable": false, "sWidth":"30px"}],
                  "sAjaxSource": "<?php echo current_url();?>/get_all_siswa/",
                  "autoWidth": false,
				  "fnServerParams": function ( aoData ) {
		            aoData.push( { "name": "kelas", "value": $('#info-kelas').val()} );
				  }
			});
		 });
		
		<?php 
		if($is_edit){
			?>
			$('#form-daftar-siswa').submit(function(){
				$("#modal-proses").modal('show');
					$.ajax({
						url:"<?php echo site_url()?>/akademik/siswa/delete_select",
						type:"POST",
						data:$('#form-daftar-siswa').serialize(),
						cache: false,
						success:function(respon){
							var obj = $.parseJSON(respon);
							if(obj.status==1){
								$('#form-pesan').html(pesan_succ(obj.pesan));
								setTimeout(function(){ 
									$('#form-pesan').html('');
								}, 2000);
								refresh_table()
								$("#modal-proses").modal('hide');
							}else{
								$('#form-pesan').html(pesan_err(obj.pesan));
								setTimeout(function(){ 
									$('#form-pesan').html('');
								}, 10000);
								$("#modal-proses").modal('hide');
							}
						}
				});
				
				return false;
			});
			<?php
		}
		?>
    });
</script>