EVOLUTION-NINJA

Edit File: reception_list.php

<?php echo view('includes/header');?>
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/free-jqgrid/css/ui.jqgrid.min.css">
<script src="https://cdn.jsdelivr.net/npm/free-jqgrid/dist/jquery.jqgrid.min.js"></script>

<h1> Digital Document List </h1>

</section>

<section class="content">				
	<div id="menu1" class="tab-panecol-sm-12 col-md-12 ">
    <div class="col-sm-1"></div>
		<div id = "jaytab3" style="margin-top:3%;" class="col-sm-10 grid">
			<div class="grid_div"></div><table id="list3"></table>
			  <div id="pager3"></div>
		     <div id="dialogSelectRow3" title="Warning" style="display:none">
			 <p>Please select row</p>
		  </div>
		</div>
  </div>		
				
			</section>

<div id="print_div" style="display:none;"></div>	
	
	<style type="text/css">
		.content-wrapper, .right-side {			
			min-height: 2000px !important;
		}
		.bok-details{
			background: gainsboro;
			text-align: center;
			padding-top: 7px;
			padding-bottom: 7px;
			margin-bottom: 30px;
			margin-top: 33px;
		}
		a {
	 color: inherit; 
	}
	</style>
	    
	    <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
	    
	    <script type="text/ecmascript" src="<?php echo base_url('public/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" />
	    
	    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/jqgrid/css/ui.jqgrid.css'); ?>" />
						
		<script src="<?php echo base_url('public/assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>
		
		<script type="text/javascript">

$(document).ready(function (){

jQuery("#list3").jqGrid({
		
	 	url:"<?php echo site_url('get-reception-list')?>",	 
		 mtype : "post", 	 
		datatype: "json", 
	    colNames:['SI','Project','Site','Client Name','Client Khata','Dispatched','Dispatched Date','Edit','Delete'],
		colModel:[
					{name:'reception_id',index:'reception_id', width:50, hidden:true,editable:false,key:true},
					{name:'project_name',index:'project_name', width:150, editable:false},
					{name:'site_number',index:'site_number', width:100, editable:false},
					{name:'customer_name',index:'customer_name', width:175, editable:false},
					{name:'client_khatha',index:'client_khatha', width:100, editable:false},
					{name:'dispatched_type',index:'dispatched_type', width:100, editable:false},
					{name:'dispatched_date',index:'dispatched_date', width:125,formatter: 'date', formatoptions: { srcformat: 'Y/m/d', newformat: 'd/m/Y'}, editable:false},

{name:' ',index:' ',editable:false,align: "center",editrules:{required: true}, width:110,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="fun($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
						return "<input type='button' value='EDIT' onclick='some_function' data-toggle='modal' data-target='#edit_modal' \>";
			}},	
			  {name:'delete',index:'delete',align: "center",editable:false,editrules:{required: true}, width:110,cellattr: function (rowId, tv, rawObject, cm, rdata) 
						{
                	     return ' onclick="fun_delete($(this))" ';
                		},formatter:function (cellvalue, options, rowObject) {    
			return "<input type='button'  value='DELETE'  \>";
			  }},
			 
	      	    ],
	      	  rowNum:20,
		      	rowTotal: 2000,
		      	rowList : [10,20,30,50,100,500,1000],
		      	rownumbers: true,
		      	rownumWidth: 40,
		      	pager:"#pager3", 
		      	sortname:'owner_id', 
		      	viewrecords: true,
		      	gridview: true,
		      	autowidth: true,
		      	sortorder:"asc",
		      	shrinkToFit: false,
		      	
		      	 emptyrecords: 'No records to display',
		       //  multiselect: true,
		         // multiboxonly: true,
		      	loadonce:true,
				caption:"Digital Document List",
			
		});

$("#list3").jqGrid("setLabel", "rn", "SL");

$("#list3").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list3").jqGrid('navGrid','#pager3',
			{edit:true,add:false,del:false,search:true,refreshstate:"current"},
			{ },
	        { },
	        { }, 
			{
		    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
		        closeOnEscape: true, 
		        	multipleSearch: true, 
		         	closeAfterSearch: true }
		);

$("#list3").navButtonAdd('#pager3',
				{ 	caption:"Change Status", 
					buttonicon:"ui-icon-pencil", 
					onClickButton: change_status,
					position: "last", 
					title:"", 
					cursor: "pointer",
					id:"client_edit_new"
				} 
		);	
		
  		$("#list3").navButtonAdd('#pager3',
 				{ 	caption:"Print", 
					buttonicon:"ui-icon-print", 
 					onClickButton:print_page,
 					position: "last", 
					title:"", 
 					cursor: "pointer",
					id:"client_delete_new"
 				} 
		);	
 		$("#list3").navButtonAdd('#pager3',
				{ 	caption:"Export", 
					buttonicon:"", 
					onClickButton: export_page,
					position: "last", 
					title:"", 
					cursor: "pointer",
					id:"client_delete"
				} 
		);

});

function fun(rowId)
{
   var reception_id = rowId.closest('tr').attr('id');

$.ajax({
       
       url:"<?php echo site_url('edit-reception-details')?>/"+ reception_id,
       type:"POST",
       //data:{project_id:project_id},
       success:function(response) {
			//alert(response);
	        window.location.href="<?php echo site_url('edit-reception-details')?>/"+ reception_id;		
       }
 });
}

function fun_delete(rowId)
{
	
  var id = rowId.closest('tr').attr('id'); 
  var reception_id=id;
 
  swal({

title: "Are you sure?",
      text: "You will not be able to recover this data!",
      type: "warning",   showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Yes, delete it!",
      cancelButtonText: "No, cancel plz!",
      closeOnConfirm: false,
      closeOnCancel: false 
      },

function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
          $(".sweet-overlay").hide();
//           test.attr('disabled', 'disabled');
//           test.text("Deleting...");
              $.ajax({          
                      type   : 'post',
                      url    : '<?php echo site_url("delete-reception")?>',
                      data   : {reception_id:reception_id},

success:function(response) {
                    //   response=jQuery.parseJSON(response);
							console.log(response);

if(response.result == 1) 
                          {
                             toastr["success"](response.message);
                             //ReceptionList();
                             $("#list3").jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
                          }
                      }
                  });

} 
                      else {

$(".sweet-alert").hide();
                      $(".sweet-overlay").hide();
                  }

});

}

</script>

<?php echo view('includes/footer');?>