[ Mini Kiebo ]

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

<!-- Main content -->
<section class="content">
	<div class="row">
		<div class="col-md-3">
			<div class="box box-solid">
                <div class="box-header with-border">
					<h3 class="box-title">Folders</h3>
					<div class='box-tools'>
						<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button>
					</div>
                </div>
                <div class="box-body no-padding">
					<ul class="nav nav-pills nav-stacked">
						<li><a href="<?php echo site_url()?>/sms/smsbox/index/"><i class="fa fa-inbox"></i> Inbox</a></li>
						<li><a href="<?php echo site_url()?>/sms/smsbox/index/sent"><i class="fa fa-envelope-o"></i> Sent</a></li>
						<li class="active"><a href="<?php echo site_url()?>/sms/smsbox/index/queue"><i class="fa fa-file-text-o"></i> Queue</a></li>
					</ul>
                </div><!-- /.box-body -->
			</div><!-- /. box -->
		</div><!-- /.col -->
		<div class="col-md-9">
			<div class="box box-primary">
				<div class="box-header with-border">
					<h3 class="box-title">Queue</h3>
				</div><!-- /.box-header -->
                <div class="box-body">
					<div>
						<?php echo form_open('sms/smsbox/queuedelete','id="form-queue"')?>
						<table id="table-queue" class="table table-bordered table-hover responsive">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>Pengirim</th>
                                    <th>Pesan</th>
									<th>Terminal</th>
									<th>Tanggal</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td> </td>
									<td> </td>
									<td> </td>
                                    <td> </td>
                                    <td> </td>
                                </tr>
                            </tbody>
                        </table>    
						</form>
					</div><!-- /.mail-box-messages -->
                </div><!-- /.box-body -->
                <div class="box-footer no-padding">
					<div class="mailbox-controls">
						<?php 
						if(!empty($is_edit)){
							if($is_edit){
								?>
								<div class="btn-group">
									<input type="hidden" id="check" value="0" />
									<button id="select-all" class="btn btn-default btn-sm"><i class="fa fa-square-o"></i></button>
									<button id="btn-delete" class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i></button>
								</div>
								<?php
							}
						}
						?>
						<button id="btn-refresh" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
					</div>
                </div>
			</div><!-- /. box -->
		</div><!-- /.col -->
	</div><!-- /.row -->
</section><!-- /.content -->

	<!-- Pindah Terminal -->
	<div class="modal" id="modal-pindah" 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">Alihkan Terminal Sender</h4>
				</div>
				<div class="modal-body">
						<span id="form-pesan-pindah">
                        </span>
						<?php echo form_open('sms/smsbox/queuepindah','id="form-pindah"')?>
                            <div class="box-body">
								<div id="form-pesan"></div>
                                <div class="form-group">
                                    <label>Tujuan</label>
									<input type="hidden" id="pindah-id" name="pindah-id" readonly>
                                    <input type="text" class="form-control" id="pindah-tujuan" name="pindah-tujuan" placeholder="Tujuan" readonly>
                                </div>
								<div class="form-group">
                                    <label>Terminal</label>
                                    <input type="text" class="form-control" id="pindah-terminal" name="pindah-terminal">
                                </div>
                            </div>
                        </form>
				</div>
				<div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" id="btn-simpan-pindah" class="btn btn-info">Simpan</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

	<!-- BACA SMS -->
	<div class="modal" id="modal-bacasms" 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">Baca SMS Sent</h4>
				</div>
				<div class="modal-body">
						<form>
                            <div class="box-body">
                                <div class="form-group">
                                    <label>Tujuan</label>
                                    <input type="text" class="form-control" id="tujuan" name="tujuan" placeholder="Tujuan">
                                </div>
                                <div class="form-group">
                                    <label>Pesan</label>
                                    <textarea class="form-control input-sm" rows="4" name="pesan" id="pesan"></textarea>
                                </div>
                                <div class="form-group">
                                    <label>Terminal</label>
                                    <input type="text" class="form-control" id="terminal" name="terminal">
                                </div>
                            </div>
                        </form>
				</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 refresh_table(){
		$('#table-queue').dataTable().fnReloadAjax();
	}
	
	function pindahterminal(id){
		$('#modal-proses').modal('show');
		$('#pindah-tujuan').val('');
		$('#pindah-terminal').val('');
		$.getJSON('<?php echo site_url()?>/sms/smsbox/get_queue/'+id+'', function(data){
			$('#pindah-id').val(data.id_queue);
            $('#pindah-tujuan').val(data.pengirim);
			$('#pindah-terminal').val(data.terminal);
			
			$('#modal-pindah').modal('show');
		});
		
		$('#modal-proses').modal('hide');
	}
	
	function bacasms(id){
		$('#modal-proses').modal('show');
		$('#tujuan').val('');
		$('#pesan').val('');
		$('#terminal').val('');
		$.getJSON('<?php echo site_url()?>/sms/smsbox/get_queue/'+id+'', function(data){
            $('#tujuan').val(data.pengirim);
			$('#pesan').val(data.pesan);
			$('#terminal').val(data.terminal);
		});
		refresh_table();
		$('#modal-proses').modal('hide');
		
		$('#modal-bacasms').modal('show');
	}
	
    $(function(){
		$('#modal-pindah').on('shown.bs.modal', function (e) {
			$('#form-pesan-pindah').html('');
			$('#pindah-terminal').focus();
        });
		
		$('#btn-refresh').click(function(){
			refresh_table();
		});
		
		$('#btn-simpan-pindah').click(function(){
			$('#form-pindah').submit();
		});
		
		$('#form-pindah').submit(function(){
            $("#modal-proses").modal('show');
                $.ajax({
                    url:"<?php echo site_url()?>/sms/smsbox/queuepindah",
     			    type:"POST",
     			    data:$('#form-pindah').serialize(),
     			    cache: false,
      		        success:function(respon){
         		    	var obj = $.parseJSON(respon);
      		            if(obj.status==1){
      		                $("#modal-proses").modal('hide');
      		                $('#form-pesan-pindah').html(pesan_succ(obj.pesan));
							refresh_table()
                            setTimeout(function(){ 
								$('#modal-pindah').modal('hide');
							}, 1000);
          		        }else{
          		            $("#modal-proses").modal('hide');
                            $('#form-pesan-pindah').html(pesan_err(obj.pesan));
          		        }
         			}
      		});
            
      		return false;
        });
		
        $('#table-queue').DataTable({
                  "paging": true,
                  "iDisplayLength":25,
                  "bProcessing": false,
                  "bServerSide": true, 
                  "searching": true,
                  "aoColumns": [
    					{"bSearchable": false, "bSortable": false, "sWidth":"20px"},
    					{"bSearchable": false, "bSortable": false, "sWidth":"100px"},
    					{"bSearchable": false, "bSortable": false},
                        {"bSearchable": false, "bSortable": false, "sWidth":"30px"},
						{"bSearchable": false, "bSortable": false, "sWidth":"120px"},
                        {"bSearchable": false, "bSortable": false, "sWidth":"30px"}],
                  "sAjaxSource": "<?php echo site_url()?>/sms/smsbox/get_all_queue/",
                  "autoWidth": false
        });
		
		$( document ).ready(function() {
			setInterval(
				function(){
					refresh_table();
				}, 60000
			);
			<?php 
				if(!empty($is_edit)){
					if($is_edit){
					?>
						$('#select-all').click(function(event) {
							if($('#check').val()==0) {
								$(':checkbox').each(function() {
									this.checked = true;
								});
								$('#check').val('1');
							}else{
								$(':checkbox').each(function() {
									this.checked = false;
								});
								$('#check').val('0');
							}
						});
						
						$('#btn-delete').click(function(){
							$('#check').val('0');
							$('#form-queue').submit();
						});
						
						$('#form-queue').submit(function(){
							$("#modal-proses").modal('show');
								$.ajax({
									url:"<?php echo site_url()?>/sms/smsbox/queuedelete",
									type:"POST",
									data:$('#form-queue').serialize(),
									cache: false,
									success:function(respon){
										$("#modal-proses").modal('hide');
										refresh_table();
									}
							});
							
							return false;
						});
					<?php
					}
				}
			?>
		}); 
    });
</script>