[ Mini Kiebo ]

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

<!-- Main content -->
<section class="content">
	<div class="row">
        <div class="col-xs-12">
                <div class="box">
                    <div class="box-header with-border">
    					<div class="box-title">Data User Hotspot</div>
						<div class="box-tools pull-right">
							<input type="hidden" id="check-all" value="0" />
							<button type="button" id="select-all" title="Pilih Semua User Hotspot yang Tampil" class="btn btn-default btn-sm"><i class="fa fa-square-o"></i></button>
    					</div>
                    </div><!-- /.box-header -->

                    <div class="box-body">
						<?php echo form_open('hotspot/daftaruser/hapusemua','id="form-hapus-semua" class="form-horizontal"')?>
						<div id="form-pesan-semua"></div>
                        <table id="table-user" class="table table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>No.</th>
                                    <th>Username</th>
                                    <th>Nama</th>
									<th>Kelas</th>
									<th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td> </td>
									<td> </td>
									<td> </td>
									<td> </td>
                                    <td> </td>
                                    <td> </td>
                                </tr>
                            </tbody>
                        </table>
						</form>
                    </div>
					<div class="box-footer">
						<button type="button" id="btn-hapus-semua" class="btn btn-info" title="Hapus user yang Telah di PILIh">Hapus User</button>
					</div>
                </div>
        </div>
    </div>
</section><!-- /.content -->

	<div class="modal" id="modal-edit" 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">Edit User Hotspot</h4>
				</div>
				<div class="modal-body">
					<?php echo form_open('hotspot/daftaruser/edit','id="form-edit" class="form-horizontal"')?>
						<div id="form-pesan"></div>
						<div class="form-group">
							<label class="col-sm-3 control-label">Username</label>
							<div class="col-sm-6">
								<input type="hidden" id="aksi" name="aksi" />
								<input type="hidden" id="id" name="id" />
								<input type="text" class="form-control input-sm" id="username" name="username" readonly />
							</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" readonly />
                            </div>
                        </div>
						<div class="form-group">
                            <label class="col-sm-3 control-label">Status</label>
                            <div class="col-sm-6">
                                <select name="status" id="status" class="form-control input-sm">
									<option value="1">AKTIF</option>
									<option value="0">NON AKTIF</option>                                
								</select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Password</label>
                            <div class="col-sm-6">
                                <input type="password" class="form-control input-sm" id="password" name="password">
                            </div>
                        </div>
					</form>
				</div>
				<div class="modal-footer">
                    <button type="button" id="hapus" class="btn btn-default pull-left">Hapus</button>
					<button type="button" id="simpan" class="btn btn-primary">Simpan</button>
					<a href="#" class="btn btn-primary" data-dismiss="modal">Close</a>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

<script lang="javascript">
	function clear_form(){
		$('#username').val('');
		$('#nama').val('');
		$('#status').val(1);
		$('#password').val('');
		$('#id').val('');
		$('#pilih').val('');
	}
	function edit(id){
		$.getJSON('<?php echo site_url()?>/hotspot/daftaruser/get_user_by_id/'+id+'', function(data){
			if(data.data==1){
				$('#id').val(data.id);
				$('#username').val(data.username);
				$('#nama').val(data.nama);
				$('#password').val(data.password);
				$('#status').val(data.status);
				
				$('#modal-edit').modal('show');
			}
		});
	}
	
	function refresh_table(){
		$('#table-user').dataTable().fnReloadAjax();
	}

    $(function(){
		$("#btn-hapus-semua").click(function(){
			$('#form-hapus-semua').submit();
		});
		
		$('#form-hapus-semua').submit(function(){
            $("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/hotspot/daftaruser/hapussemua",
     			    type:"POST",
     			    data:$('#form-hapus-semua').serialize(),
     			    cache: false,
      		        success:function(respon){
         		    	var obj = $.parseJSON(respon);
      		            if(obj.status==1){
      		                $("#modal-proses").modal('hide');
      		                $('#form-pesan-semua').html(pesan_succ(obj.pesan));
                            setTimeout(function(){ 
								$('#form-pesan-semua').html('');
							}, 2000);
							refresh_table();
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan-semua').html(pesan_err(obj.pesan));
							setTimeout(function(){ 
								$('#form-pesan-semua').html('');
							}, 5000);
          		        }
         			}
      		});
			return false;
		});
		
		$('#hapus').click(function(){
			$('#aksi').val('0');
			$('#form-edit').submit();
		});
		$('#simpan').click(function(){
			$('#aksi').val('1');
			$('#form-edit').submit();
		});
		
		$('#form-edit').submit(function(){
			$.ajax({
				url:"<?php echo site_url()?>/hotspot/daftaruser/edit",
            	type:"POST",
                data:$('#form-edit').serialize(),
				cache: false,
                success:function(respon){
                	var obj = $.parseJSON(respon);
					if(obj.status==1){
						$('#form-pesan').html(pesan_succ(obj.pesan));
						refresh_table();
						setTimeout(function(){
							$('#modal-edit').modal('hide');
							$('#form-pesan').html('');
							clear_form();
						}, 2000);
					}else{
						$('#form-pesan').html(pesan_err(obj.pesan));
					}
				},
                error:function(){
                	notify_error('Error - Refresh Halaman ini');
				}
			});
		return false;
		});
		
        $('#table-user').DataTable({
                  "paging": true,
                  "iDisplayLength":50,
                  "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},
                        {"bSearchable": false, "bSortable": false, "sWidth":"30px"}],
                  "sAjaxSource": "<?php echo site_url()?>/hotspot/daftaruser/get_all_user/",
                  "autoWidth": false
         });   
		
		$('#select-all').click(function(event) {
			if($('#check-all').val()==0) {
				$('#table-user :checkbox').each(function() {
					this.checked = true;
				});
				$('#check-all').val('1');
			}else{
				$('#table-user :checkbox').each(function() {
					this.checked = false;
				});
				$('#check-all').val('0');
			}
		});
    });
</script>