[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/xampp/htdocs/smk/application/views/akademik/presensi_konfigurasi/ [ Home ]
File: konfigurasi_view.php
<!-- Content Header (Page header) -->
<section class="content-header">
	<h1>
		Konfigurasi Presensi Harian
		<small>Pengaturan data hari yang digunakan sebagai acuan Presensi 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 Presensi</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
<?php echo form_open('akademik/presensi_konfigurasi/delete','id="form-daftar-hari"')?>
	<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="id-thnajaran" id="id-thnajaran" value="<?php if(!empty($id_thnajaran)){ echo $id_thnajaran; } ?>">
                                <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>
                                <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>
                    </div>
                </div>
        </div>
    
        <div class="col-md-9">
                <div class="box">
                    <div class="box-header with-border">
    						<div class="box-title">Data Hari Aktif</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" data-toggle="modal" href="#modal-tambah-hari">Tambah Hari</a></li>
    								</ul>
    							</div>
    						</div>
                    </div><!-- /.box-header -->

                    <div class="box-body">
                        <table id="table-hari" class="table table-bordered table-hover table-condensed responsive">
                            <thead>
                                <tr>
                                    <th> </th>
                                    <th>No. </th>
                                    <th>Tanggal</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td> </td>
                                    <td> </td>
                                    <td> </td>
                                </tr>
                            </tbody>
                        </table>                        
                    </div>
					<div class="box-footer">
						<button type="submit" id="btn-hapus" class="btn btn-default">Hapus</button>
					</div>
                </div>
        </div>
    </div>
</form>
</section><!-- /.content -->

<div class="modal" id="modal-tambah-hari" 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 type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Tambah Hari</h4>
			</div>
			<div class="modal-body">
				<span id="form-pesan">
                </span>
				<?php echo form_open('admin/presensi_konfigurasi/add','id="form-tambah-hari"')?>
                    <div class="box-body">
                        <div class="form-group">
                            <label>Tanggal Awal</label>
                            <div class="input-group date form_date" id="open-tglawal" data-date-format="dd MM yyyy" data-link-field="tglawal" data-link-format="yyyy-mm-dd">
								<input class="form-control input-sm" id="tglawal-format" name="tglawal-format" type="text" value="" readonly>
								<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
							</div>
							<input type="hidden" id="tglawal" name="tglawal" value="" />
                        </div>
                        <div class="form-group">
                            <label>Tanggal Akhir</label>
                            <div class="input-group date form_date" id="open-tglakhir" data-date-format="dd MM yyyy" data-link-field="tglakhir" data-link-format="yyyy-mm-dd">
								<input class="form-control input-sm" id="tglakhir-format" name="tglakhir-format" type="text" value="" readonly>
								<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
							</div>
							<p class="help-block">Penambahan Hari dapat dilakukan dengan menggunakan rentang tanggal.</p>
							<input type="hidden" id="tglakhir" name="tglakhir" value="" />
                        </div>
                    </div> 
			</div>
			<div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-primary" id="siswa-submit">Save</button>
                <?php echo form_close(); ?>  
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script lang="javascript">
	function refresh_table(){
		$('#table-hari').dataTable().fnReloadAjax();
	}
	
    $(function(){
    	$('#modal-tambah-hari').on('shown.bs.modal', function (e) {
				$('#form-pesan-siswa').html('');
				$('#no-pendaftaran').val('');
                $('#nama').val('');
                $('#no-pendaftaran').focus();
        });

		$( document ).ready(function() {
			$('#open-tglawal').datetimepicker({
    			language:  'en',
    			weekStart: 1,
    			todayBtn:  1,
    			autoclose: 1,
    			minView: 2,
    			forceParse: 0
    		});
    		$('#open-tglawal').datetimepicker('update', '<?php if(!empty($tanggal)){ echo $tanggal; } ?>');

    		$('#open-tglakhir').datetimepicker({
    			language:  'en',
    			weekStart: 1,
    			todayBtn:  1,
    			autoclose: 1,
    			minView: 2,
    			forceParse: 0
    		});
    		$('#open-tglakhir').datetimepicker('update', '<?php if(!empty($tanggal)){ echo $tanggal; } ?>');

			$('#table-hari').DataTable({
                  "paging": true,
                  "iDisplayLength":50,
                  "bProcessing": false,
                  "bServerSide": true, 
                  "searching": true,
                  "aoColumns": [
    					{"bSearchable": false, "bSortable": false, "sWidth":"20px"},
    					{"bSearchable": false, "bSortable": false, "sWidth":"20px"},
                        {"bSearchable": false, "bSortable": false}],
                  "sAjaxSource": "<?php echo current_url() ?>/get_all_hari/",
                  "autoWidth": false,
				  "fnServerParams": function ( aoData ) {
		            aoData.push( { "name": "thnajaran", "value": $('#id-thnajaran').val()} );
				  }
			});
		});

		$('#form-tambah-hari').submit(function(){
			$("#modal-proses").modal('show');
				$.ajax({
					url:"<?php echo site_url()?>/akademik/presensi_konfigurasi/add",
					type:"POST",
					data:$('#form-tambah-hari').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('');
								$("#modal-tambah-hari").modal('hide');
							}, 1500);
							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;
		});
		
		$('#form-daftar-hari').submit(function(){
			$("#modal-proses").modal('show');
				$.ajax({
					url:"<?php echo site_url()?>/akademik/presensi_konfigurasi/delete",
					type:"POST",
					data:$('#form-daftar-hari').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;
		});
    });
</script>