[ Mini Kiebo ]

Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64 Path: D:/BACKUP C 19-12/XAMPP74/htdocs/smk/application/views/sms/kontak/ [ Home ]
File: kontak_view.php
<!-- Content Header (Page header) -->
<section class="content-header">
	<h1>
		Daftar Kontak
		<small>Pengelompokan Kontak untuk keperluan tertentu</small>
	</h1>
	<ol class="breadcrumb">
		<li><a href="<?php echo site_url() ?>/"><i class="fa fa-dashboard"></i> Home</a></li>
		<li class="active">Kontak</li>
	</ol>
</section>

<!-- Main content -->
<section class="content">
<?php echo form_open('sms/kontak/addkontak','id="form-kontak"')?>
	<div class="row">
        <div class="col-md-4">
                <div class="box">
					<div class="box-header with-border">
    					<div class="box-title">Tambah Kontak</div>
                    </div><!-- /.box-header -->
					
                    <div class="box-body">
						<div id="form-pesan-kontak"></div>
						<div class="form-group">
							<label>Grup</label>
							<div id="data-kontak-grup">
                                <select name="kontak-grup" id="kontak-grup" class="form-control input-sm" disabled>
									<option value="kosong">KOSONG</option>
                                </select>
							</div>
						</div>
						<div class="form-group">
							<label>Nama</label>
							<div class="row">
								<div class="col-sm-8">
									<input type="text" class="form-control input-sm" name="kontak-nama" id="kontak-nama" >
								</div>
								<div class="col-sm-4">
									<button type="button" id="btn-browse-pegawai" class="btn btn-default btn-sm" onClick="browsepegawai()" >Pegawai</button>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label>HP.</label>
							<input type="text" class="form-control input-sm" name="kontak-hp" id="kontak-hp" >
						</div> 		
                    </div>
					<div class="box-footer">
						<button type="submit" id="btn-simpan-kontak" class="btn btn-info pull-right">Simpan</button>
					</div>
                </div>
        </div>
    
        <div class="col-md-8">
			<div class="box">
				<div class="box-header with-border">
					<div class="box-title">Daftar Kontak</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" onClick="modalgrup()" style="cursor: pointer;">Pengaturan Grup</a></li>
    						</ul>
    					</div>
    				</div>
				</div><!-- /.box-header -->
				
				<div class="box-body">
					<div class="row">
						<div class="col-sm-12">
							<table id="table-kontak" class="table table-bordered table-hover responsive">
								<thead>
									<tr>
										<th>No.</th>
										<th>Nama</th>
										<th>HP</th>
										<th>Action</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td> </td>
										<td> </td>
										<td> </td>
										<td> </td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
        </div>
    </div>
</form>
</section><!-- /.content -->

	<div class="modal" id="modal-sdm" 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 SDM</h4>
				</div>
				<div class="modal-body">
					<div id="form-pesan-hapuskontak"></div>
					<table id="table-sdm" class="table table-bordered table-hover responsive">
                            <thead>
                                <tr>
                                    <th>No.</th>
									<th>NIP</th>
                                    <th>Nama</th>
                                    <th>HP</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 -->
	
	<div class="modal" id="modal-grup" 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 Grup</h4>
				</div>
				<div class="modal-body">
						<div id="form-pesan-grup"></div>
						<?php echo form_open('sms/kontak/addgrup','id="form-grup" class="form-horizontal"')?>
							<div class="form-group">
								<label class="col-sm-3 control-label">GRUP</label>
								<div class="col-sm-6">
									<input type="text" class="form-control input-sm" id="grup-grup" name="grup-grup" placeholder="Nama Grup Kontak">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">Keterangan</label>
								<div class="col-sm-6">
									<input type="text" class="form-control input-sm" id="grup-keterangan" name="grup-keterangan" placeholder="Keterangan Grup">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"></label>
								<div class="col-sm-6">
									<button type="submit" class="btn btn-info btn-sm" id="btn-simpan-grup">Simpan</button>
								</div>
							</div>
							<hr />
						</form>
						<table id="table-grup" class="table table-bordered table-hover responsive">
							<thead>
								<tr>
									<th>No.</th>
									<th>Grup</th>
									<th>keterangan</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<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 -->

	<?php echo form_open('sms/kontak/hapuskontak','id="form-hapuskontak"')?>
		<input type="hidden" id="hapuskontak-id" name="hapuskontak-id" >
	</form>
	
	<?php echo form_open('sms/kontak/hapusgrup','id="form-hapusgrup"')?>
		<input type="hidden" id="hapusgrup-id" name="hapusgrup-id" >
	</form>
<script lang="javascript">
	function pilihsdm(nama, hp){
		$('#kontak-nama').val(nama);
		$('#kontak-hp').val(hp);
		$("#modal-sdm").modal('hide');
    }
	
	function modalgrup(){
		refresh_table_grup();
		$('#grup-grup').val('');
		$('#grup-keterangan').val('');
		$("#modal-grup").modal('show');
		$('#grup-grup').focus();
	}
	
	function browsepegawai(){
		$("#modal-sdm").modal('show');
	}
	
	function refresh_table_kontak(){
		$('#table-kontak').dataTable().fnReloadAjax();
	}
	
	function refresh_table_grup(){
		$('#table-grup').dataTable().fnReloadAjax();
	}
	
	function hapuskontak(id){
		$('#hapuskontak-id').val('');
		$('#hapuskontak-id').val(id);
		
		$('#form-hapuskontak').submit();
	}
	
	function hapusgrup(id){
		$('#hapusgrup-id').val('');
		$('#hapusgrup-id').val(id);
		
		$('#form-hapusgrup').submit();
	}
	
	function refresh_grup(){
		$.get('<?php echo site_url()?>/sms/kontak/get_select_grup/', function(data){
			$('#data-kontak-grup').html('');
			$('#data-kontak-grup').html(data);
		});
	}
	
    $(function(){
		$('#form-hapusgrup').submit(function(){
            $("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/sms/kontak/hapusgrup",
     			    type:"POST",
     			    data:$('#form-hapusgrup').serialize(),
     			    cache: false,
      		        success:function(respon){
         		    	var obj = $.parseJSON(respon);
      		            if(obj.status==1){
      		                $("#modal-proses").modal('hide');
      		                $('#form-pesan-grup').html(pesan_succ(obj.pesan));
                            setTimeout(function(){ 
								$('#form-pesan-grup').html('');
							}, 2000);
							$('#hapusgrup-id').val('');
							refresh_table_grup();
							refresh_grup();
							refresh_table_kontak();
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan-grup').html(pesan_err(obj.pesan));
							setTimeout(function(){ 
								$('#form-pesan-grup').html('');
							}, 10000);
							$('#hapusgrup-id').val('');
          		        }
         			}
      		});
            
      		return false;
        });
		$('#form-grup').submit(function(){
            $("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/sms/kontak/addgrup",
     			    type:"POST",
     			    data:$('#form-grup').serialize(),
     			    cache: false,
      		        success:function(respon){
         		    	var obj = $.parseJSON(respon);
      		            if(obj.status==1){
      		                $("#modal-proses").modal('hide');
      		                $('#form-pesan-grup').html(pesan_succ(obj.pesan));
                            setTimeout(function(){ 
								$('#form-pesan-grup').html('');
							}, 2000);
							$('#grup-grup').val('');
							$('#grup-keterangan').val('');
							$('#grup-grup').focus();
							refresh_table_grup();
							refresh_grup();
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan-grup').html(pesan_err(obj.pesan));
							setTimeout(function(){ 
								$('#form-pesan-grup').html('');
							}, 10000);
          		        }
         			}
      		});
            
      		return false;
        });
		
		$('#form-hapuskontak').submit(function(){
            $("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/sms/kontak/hapuskontak",
     			    type:"POST",
     			    data:$('#form-hapuskontak').serialize(),
     			    cache: false,
      		        success:function(respon){
         		    	var obj = $.parseJSON(respon);
      		            if(obj.status==1){
      		                $("#modal-proses").modal('hide');
      		                $('#form-pesan-hapuskontak').html(pesan_succ(obj.pesan));
                            setTimeout(function(){ 
								$('#form-pesan-hapuskontak').html('');
							}, 2000);
							$('#hapuskontak-id').val('');
							refresh_table_kontak();
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan-hapuskontak').html(pesan_err(obj.pesan));
							setTimeout(function(){ 
								$('#form-pesan-hapuskontak').html('');
							}, 10000);
							$('#hapuskontak-id').val('');
          		        }
         			}
      		});
            
      		return false;
        });
		
		$('#form-kontak').submit(function(){
            $("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/sms/kontak/addkontak",
     			    type:"POST",
     			    data:$('#form-kontak').serialize(),
     			    cache: false,
      		        success:function(respon){
         		    	var obj = $.parseJSON(respon);
      		            if(obj.status==1){
      		                $("#modal-proses").modal('hide');
      		                $('#form-pesan-kontak').html(pesan_succ(obj.pesan));
                            setTimeout(function(){ 
								$('#form-pesan-kontak').html('');
							}, 2000);
							$('#kontak-nama').val('');
							$('#kontak-hp').val('');
							refresh_table_kontak();
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan-kontak').html(pesan_err(obj.pesan));
							setTimeout(function(){ 
								$('#form-pesan-kontak').html('');
							}, 10000);
          		        }
         			}
      		});
            
      		return false;
        });
		
		$('#table-grup').DataTable({
                  "paging": true,
                  "iDisplayLength":10,
                  "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":"60px"}],
                  "sAjaxSource": "<?php echo site_url()?>/sms/kontak/get_all_grup/",
                  "autoWidth": false,
                  "aLengthMenu": [[10, 25, 50, 100, 200, 500], [10, 25, 50, 100, 200, 500]]
         });
		
		$('#table-kontak').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, "sWidth":"60px"}],
                  "sAjaxSource": "<?php echo site_url()?>/sms/kontak/get_all_kontak/",
                  "autoWidth": false,
                  "aLengthMenu": [[10, 25, 50, 100, 200, 500], [10, 25, 50, 100, 200, 500]]
         });
		
		$('#table-sdm').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()?>/sdm/pegawai/get_pilihan_sdm/",
                  "autoWidth": false,
                  "aLengthMenu": [[10, 25, 50, 100, 200, 500], [10, 25, 50, 100, 200, 500]]
         });
		
		$( document ).ready(function() {
			refresh_grup();
		}); 
    });
</script>