[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/xampp/htdocs/smk/application/views/akademik/keluar/ [ Home ]
File: keluar_view.php
<!-- Content Header (Page header) -->
<section class="content-header">
	<h1>
		Siswa Keluar / Drop Out
		<small>Pengaturan Siswa Keluar / Drop Out</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="<?php echo site_url() ?>/"><i class="fa fa-dashboard"></i> Home</a></li>
		<li><a href="<?php echo site_url() ?>/akademik/naiklulus">Kenaikan / Kelulusan</a></li>
		<li class="active">Siswa Keluar / Dop Out</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
<?php echo form_open('akademik/keluar/dropout','id="form-keluar"')?>
	<div class="row">
        <div class="col-md-6">
                <div class="box">
					<div class="box-header with-border">
    					<div class="box-title">Data Asal</div>
                    </div><!-- /.box-header -->
					
                    <div class="box-body">
						<div class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-3 control-label">Tahun Ajaran</label>
								<div class="col-sm-3">
									<input type="hidden" id="check-asal" value="0" />
									<input type="hidden" name="info-tingkat" id="info-tingkat" value="<?php if(!empty($info_tingkat)){ echo $info_tingkat; }else{ echo '10000'; } ?>">
									<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="col-sm-4">
									<select name="info-jurusan" id="info-jurusan" class="form-control input-sm">
										<?php 
											if(!empty($info_jurusan)){ echo $info_jurusan; }
										?>
									</select>
								</div>
                            </div>
							<div class="form-group">
								<label class="col-sm-3 control-label">Kelas</label>
								<div class="col-sm-3">
									<div id="data-kelas">
									<select name="info-kelas" id="info-kelas" class="form-control input-sm" disabled>
										<option value="kosong">Kelas</option>
									</select>
									</div>
								</div>
								<div class="col-sm-3">
									<button type="button" id="btn-siswa-asal" class="btn btn-default btn-sm">Tampilkan</button>
								</div>
                            </div>
						</div>
                    </div>
                </div>
				<div class="box">
					<div class="box-header with-border">
    					<div class="box-title">Data Asal Siswa <span id="nama-kelas-asal"></span></div>
						<div class="box-tools pull-right">
							<button type="button" id="select-asal" title="Pilih Semua Siswa" class="btn btn-default btn-sm"><i class="fa fa-square-o"></i></button>
    					</div>
                    </div><!-- /.box-header -->
					
                    <div class="box-body">
						<div id="form-pesan"></div>
                        <table id="table-siswa-asal" class="table table-bordered table-hover table-condensed responsive">
                            <thead>
                                <tr>
                                    <th> </th>
                                    <th>NIS</th>
                                    <th>Nama</th>
									<th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
									<td> </td>
									<td> </td>
                                    <td> </td>
                                    <td> </td>
                                </tr>
                            </tbody>
                        </table>      
                    </div>
					<div class="box-footer">
						<button type="button" id="btn-keluar" class="btn btn-info pull-right">Keluar</button>
					</div>
                </div>
        </div>
    </form>
        <div class="col-md-6">
				<div class="box">
					<div class="box-header with-border">
    					<div class="box-title">Data Tujuan Keluar</div>
                    </div><!-- /.box-header -->
					
                    <div class="box-body">
						<div class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-5 control-label">Tahun Ajaran Keluar</label>
								<div class="col-sm-6">
									<input type="text" class="form-control input-sm" name="info-thnajaran-keluar" id="info-thnajaran-keluar" value="<?php if(!empty($info_thnajaran)){ echo $info_thnajaran; }else{ echo 'BELUM AKTIF'; } ?>" readonly>
								</div>
                            </div>
							<div class="form-group">
								<label class="col-sm-5 control-label">Jurusan</label>
								<div class="col-sm-6">
									<input type="hidden" name="info-jurusan-keluar" id="info-jurusan-keluar">
									<input type="text" class="form-control input-sm" name="info-nama-jurusan-keluar" id="info-nama-jurusan-keluar" value="Pilih Jurusan" readonly>
								</div>
                            </div>
						</div>
                    </div>
                </div>
				
				<div class="box">
					<div class="box-header with-border">
    					<div class="box-title">Data Siswa Keluar</div>
                    </div><!-- /.box-header -->
					
                    <div class="box-body">
						<div id="form-pesan"></div>
                        <table id="table-siswa-keluar" class="table table-bordered table-hover table-condensed responsive">
                            <thead>
                                <tr>
                                    <th> </th>
                                    <th>NIS</th>
                                    <th>Nama</th>
									<th>Kelas</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
									<td> </td>
									<td> </td>
                                    <td> </td>
                                    <td> </td>
                                </tr>
                            </tbody>
                        </table>      
                    </div>
                </div>
        </div>
    </div>

<?php echo form_open('akademik/keluar/hapuskeluar','id="form-hapuskeluar"')?>
	<input type="hidden" id="hapus-id" name="hapus-id" >
</form>

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

<script lang="javascript">
	function refresh_kelas(){
		$("#modal-proses").modal('show');
		$.get('<?php echo site_url() ?>/akademik/keluar/get_kelas/'+$('#info-jurusan').val(), function(data){
            $('#data-kelas').html('');
			$('#data-kelas').html(data);
		});
		$("#modal-proses").modal('hide');
	}
	function refresh_tableasal(){
		$('#table-siswa-asal').dataTable().fnReloadAjax();
	}
	function refresh_tablekeluar(){
		$('#table-siswa-keluar').dataTable().fnReloadAjax();
	}
	function hapuskeluar(id){
		$('#hapus-id').val('');
		$('#hapus-id').val(id);
		$('#form-hapuskeluar').submit();
	}
    $(function(){
		$("#info-jurusan").change(function(){
			refresh_kelas();
			$('#info-jurusan-keluar').val($('#info-jurusan').val());
			$('#info-nama-jurusan-keluar').val($('#info-jurusan option:selected').text());
			refresh_tablekeluar();
		});
		
		$("#btn-siswa-asal").click(function(){
			refresh_tableasal();
			$('#nama-kelas-asal').html(' : '+$('#info-kelas option:selected').text());
		});
		
		$("#btn-keluar").click(function(){
			$('#form-keluar').submit();
		});
		
		$('#form-keluar').submit(function(){
            $("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/akademik/keluar/dropout",
     			    type:"POST",
     			    data:$('#form-keluar').serialize(),
     			    cache: false,
      		        success:function(respon){
         		    	var obj = $.parseJSON(respon);
      		            if(obj.status==1){
      		                $("#modal-proses").modal('hide');
      		                $('#form-pesan').html(pesan_succ(obj.pesan));
                            setTimeout(function(){ 
								$('#form-pesan').html('');
							}, 2000);
							refresh_tableasal();
							refresh_tablekeluar();
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan').html(pesan_err(obj.pesan));
							setTimeout(function(){ 
								$('#form-pesan').html('');
							}, 5000);
          		        }
         			}
      		});
			return false;
		});
		
		$('#form-hapuskeluar').submit(function(){
            $("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/akademik/keluar/hapuskeluar",
     			    type:"POST",
     			    data:$('#form-hapuskeluar').serialize(),
     			    cache: false,
      		        success:function(respon){
         		    	var obj = $.parseJSON(respon);
      		            if(obj.status==1){
      		                $("#modal-proses").modal('hide');
							refresh_tableasal();
							refresh_tablekeluar();
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan').html(pesan_err(obj.pesan));
							setTimeout(function(){ 
								$('#form-pesan').html('');
							}, 5000);
          		        }
         			}
      		});
			return false;
		});
		 
		$('#table-siswa-asal').DataTable({
                  "paging": true,
                  "iDisplayLength":25,
                  "bProcessing": false,
                  "bServerSide": true, 
                  "searching": false,
                  "aoColumns": [
    					{"bSearchable": false, "bSortable": false, "sWidth":"20px"},
						{"bSearchable": false, "bSortable": false},
						{"bSearchable": false, "bSortable": false},
                        {"bSearchable": false, "bSortable": false, "sWidth":"35px"}],
                  "sAjaxSource": "<?php echo site_url() ?>/akademik/keluar/get_siswa_asal/",
                  "autoWidth": false,
				  "fnServerParams": function ( aoData ) {
		            aoData.push( { "name": "kelas", "value": $('#info-kelas').val()} );
				  }
		});
		
		$('#table-siswa-keluar').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},
                        {"bSearchable": false, "bSortable": false}],
                  "sAjaxSource": "<?php echo site_url()?>/akademik/keluar/get_siswa_keluar/",
                  "autoWidth": false,
				  "fnServerParams": function ( aoData ) {
					  aoData.push( { "name": "thnajaran", "value": $('#info-thnajaran-keluar').val()} );
					  aoData.push( { "name": "jurusan", "value": $('#info-jurusan-keluar').val()} );
				  }
		});
		
		$( document ).ready(function() {
			$('#select-asal').click(function(event) {
				if($('#check-asal').val()==0) {
					$('#table-siswa-asal :checkbox').each(function() {
						this.checked = true;
					});
					$('#check-asal').val('1');
				}else{
					$('#table-siswa-asal :checkbox').each(function() {
						this.checked = false;
					});
					$('#check-asal').val('0');
				}
			});
		});
    });
</script>