[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/xampp/htdocs/smk/application/views/akademik/presensi_input/ [ Home ]
File: list_view.php
<!-- Content Header (Page header) -->
<section class="content-header">
	<h1>
		Input Presensi Harian Siswa
		<small>Input Presensi Harian berdasarkan Kelas dan Tanggal Masuk</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="<?php echo site_url() ?>/"><i class="fa fa-dashboard"></i> Home</a></li>
		<li class="active">Input Presensi</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
<?php echo form_open('akademik/presensi_input/presensi','id="form-presensi"')?>
	<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>
                                <input type="hidden" name="pilihan" id="pilihan" value="">
                                <input type="hidden" name="check" id="check" value="0">
                                <input type="hidden" name="check-a" id="check-a" value="0">
                            </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>Hari Presensi</label>
								<select name="info-hari" id="info-hari" class="form-control input-sm">
									<?php 
										if(!empty($info_hari)){ echo $info_hari; }
									?>
                                </select>
                            </div>
                    </div>
                    <div class="box-footer">
						<button type="button" id="btn-tampil" class="btn btn-info pull-right">Tampilkan</button>
					</div>
                </div>
        </div>
    
        <div class="col-md-9">
                <div class="box">
                    <div class="box-header with-border">
    					<div class="box-title">Data Presensi Siswa <span id="nama-kelas"></span></div>
                    </div><!-- /.box-header -->

                    <div class="box-body">
						<div id="form-pesan"></div>
                        <table id="table-presensi" class="table table-bordered table-hover table-condensed responsive">
                            <thead>
                                <tr>
                                    <th width="50"> </th>
                                    <th width="150">NIS</th>
                                    <th>Nama</th>
									<th width="80"><input type="checkbox" name="select_all_h" id="select_all_h" /> Hadir</th>
									<th width="50">Sakit</th>
									<th width="50">Ijin</th>
									<th width="80"><input type="checkbox" name="select_all_a" id="select_all_a" /> Alpha</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th> </th>
                                    <th>NIS</th>
                                    <th>Nama</th>
									<th>Hadir</th>
									<th>Sakit</th>
									<th>Ijin</th>
									<th>Alpha</th>
                                </tr>
                            </tfoot>
                            <tbody id="data-siswa">
                                <tr>
									<td colspan="7" align="center"><b>Silahkan pilih Kelas dan Tanggal Presensi</b></td>
                                </tr>
                            </tbody>
                        </table>                        
                    </div>
					<div class="box-footer">
						<button type="button" id="btn-hapus" class="btn btn-default">Hapus Data</button>
						<button type="button" id="btn-simpan" class="btn btn-primary pull-right">Simpan</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/presensi_input/get_kelas/'+tingkat+'', function(data){
            var $kelas = $('#info-kelas');
            $kelas.empty();
			$.each(data.data, function(key, val){
                $kelas.append('<option value="' + val.id + '">' + val.kelas +'</option>');
			});
			$("#modal-proses").modal('hide');
		});
	}
	
	function tampilkan_siswa(){
		$("#modal-proses").modal('show');
		$('#nama-kelas').html(' : '+$('#info-kelas option:selected').text()+' ('+$('#info-hari option:selected').text()+')');
		var kelas = $('#info-kelas').val();
		var tanggal = $('#info-hari').val();
		$.getJSON('<?php echo site_url()?>/akademik/presensi_input/get_siswa/'+kelas+'/'+tanggal, function(data){
            if(data.data==1){
            	$('#data-siswa').html(data.table);
            }else{
            	$('#data-siswa').html('<tr><td colspan="7" align="center"><b>Data Siswa masih Kosong</b></td></tr>');
            }
            $("#modal-proses").modal('hide');
		});
		$('#select_all_h').prop('checked',false);
		$('#select_all_a').prop('checked',false);
		$('#check').val('0');
		$('#check-a').val('0');
	}
	function tutup_siswa(){
		$('#nama-kelas').html('');
		$('#data-siswa').html('<tr><td colspan="7" align="center"><b>Silahkan pilih Kelas dan Tanggal Presensi</b></td></tr>');
		$('#select_all_h').prop('checked',false);
		$('#select_all_a').prop('checked',false);
		$('#check').val('0');
		$('#check-a').val('0');
	}

	function select_all_h(){
		$('#select_all_a').prop('checked',false);
		$('#check-a').val('0');
		if($('#check').val()==0) {
			$(':radio[value=H]').each(function() {
				this.checked = true;
			});
			$('#check').val('1');
		}else{
			$(':radio[value=H]').each(function() {
				this.checked = false;
			});
				$('#check').val('0');
			}
	}

	function select_all_a(){
		$('#select_all_h').prop('checked',false);
		$('#check').val('0');
		if($('#check-a').val()==0) {
			$(':radio[value=A]').each(function() {
				this.checked = true;
			});
			$('#check-a').val('1');
		}else{
			$(':radio[value=A]').each(function() {
				this.checked = false;
			});
				$('#check-a').val('0');
			}
	}
	
    $(function(){
		$("#info-tingkat").change(function(){
			refresh_kelas($('#info-tingkat').val());
		});
		
		$("#btn-tampil").click(function(){
			tampilkan_siswa();
		});

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

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

		$("#select_all_h").click(function(){
			select_all_h();
		});

		$("#select_all_a").click(function(){
			select_all_a();
		});

		$( document ).ready(function() {
			refresh_kelas($('#info-tingkat').val());

			$('#form-presensi').submit(function(){
            	$("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/akademik/presensi_input/presensi",
     			    type:"POST",
     			    data:$('#form-presensi').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('');
								$("#modal-tambah-hari").modal('hide');
							}, 2500);
							tutup_siswa();
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan').html(pesan_err(obj.pesan));
          		        }
         			}
      		});
            
      		return false;
        });
		});
    });
</script>