[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/xampp/htdocs/smk/application/views/hotspot/tambah/ [ Home ]
File: add_view.php
<!-- Content Header (Page header) -->
<section class="content-header">
	<h1>
		Tambah User Hotspot
		<small>Form penambahan user hotspot</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="<?php echo site_url() ?>/"><i class="fa fa-dashboard"></i> Home</a></li>
		<li class="active">Tambah User Hotspot</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
<?php echo form_open('hotspot/tambah/add','id="form-tambah-user" class="form-horizontal"')?>
	<div class="row">
    <div class="col-xs-12">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">Form Tambah User</h3>
            </div><!-- /.box-header -->
            
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        <div id="form-pesan"></div>
						<div class="form-group">
							<label class="col-sm-3 control-label">Username</label>
							<div class="col-sm-4">
								<input type="text" class="form-control input-sm" id="username" name="username" placeholder="Klik disini untuk memilih username" readonly />
							</div>
							<div class="col-sm-2">
								<button type="button" id="btn-browse-siswa" class="btn btn-default btn-sm" onClick="modal_siswa()" >Data Siswa</button>
							</div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Nama</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control input-sm" id="nama" name="nama" placeholder="Klik username untuk memilih" readonly />
                            </div>
                        </div>
						<div class="form-group">
                            <label class="col-sm-3 control-label">Kelas</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control input-sm" id="kelas" name="kelas" placeholder="Klik username untuk memilih" readonly />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Password</label>
                            <div class="col-sm-9">
                                <input type="password" class="form-control input-sm" id="password" name="password" placeholder="Password User">
                            </div>
                        </div>
						<div class="form-group">
                            <label class="col-sm-3 control-label">Ulangi Password</label>
                            <div class="col-sm-9">
                                <input type="password" class="form-control input-sm" id="password-ulang" name="password-ulang" placeholder="Ulangi Password User">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="box-footer">
				<div class="pull-right">
					<button type="button" id="btn-batal" class="btn btn-info">Batal</button> 
					<button type="submit" id="btn-simpan" class="btn btn-info">Simpan</button>
				</div>
            </div>
        </div>
    </div>
    </div>
</form>
</section><!-- /.content -->


	<div class="modal" id="modal-siswa" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
		<div class="modal-dialog" style="width:800px">
			<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">Data Siswa</h4>
				</div>
				<div class="modal-body">
					<p><b>Info : </b>Pilih data siswa yang akan mendaftar</p>
					<table id="table-siswa" class="table table-bordered table-hover responsive">
                            <thead>
                                <tr>
                                    <th>No.</th>
									<th>Kelas</th>
									<th>NIS</th>
                                    <th>Nama</th>
									<th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td> </td>
                                    <td> </td>
                                    <td> </td>
									<td> </td>
                                    <td> </td>
                                </tr>
                            </tbody>
                        </table>      
				</div>
				<div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

<script lang="javascript">
	function clear_form(){
		$('#username').val('');
		$('#nama').val('');
		$('#kelas').val('');
		$('#password').val('');
		$('#password-ulang').val('');
	}
	
	function modal_siswa(){
		$('#modal-siswa').modal('show');
	}
	
	function pilih(username, nama, kelas){
		$('#username').val(username);
		$('#nama').val(nama);
		$('#kelas').val(kelas);
		$('#modal-siswa').modal('hide');
	}
	
    $(function(){
		$('#btn-batal').click(function(){
			clear_form();
			$('#form-pesan').html('');
		});
		
		$('#username').click(function(){
			modal_siswa();
		});
		
        $('#form-tambah-user').submit(function(){
            $("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/hotspot/tambah/add",
     			    type:"POST",
     			    data:$('#form-tambah-user').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));
							clear_form();
							setTimeout(function(){ 
								$('#form-pesan').html('');
							}, 2000);
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan').html(pesan_err(obj.pesan));
          		        }
         			}
      		});
            
      		return false;
        });
		
		$('#table-siswa').DataTable({
                  "paging": true,
                  "iDisplayLength":10,
                  "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},
                        {"bSearchable": false, "bSortable": false, "sWidth":"60px"}],
                  "sAjaxSource": "<?php echo site_url()?>/hotspot/tambah/get_pilihan_siswa/",
                  "autoWidth": false,
                  "aLengthMenu": [[10, 25, 50, 100], [10, 25, 50, 100]]
        });
		
		$( document ).ready(function() {
			
		});
    });
</script>