EVOLUTION-NINJA

Edit File: enrolled_institution_users_list.php

<?php echo view('includes/admin_header.php');

$url = $this->uri->segment(2);
?>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" />

</section>

<section class="content">	
		<div id ="jaytab" style="margin-top:3%" class="grid">
			<div class="grid_div"></div><table id="list2"></table>
				  <div id="pager2"></div>
				  <div id="dialogSelectRow" title="Warning" style="display:none">
					<p>Please select row</p>
			</div>
		</div>
	</section>

</div>

$(document).ready(function(){

var institution_id = '<?php echo $url;?>';

CallGrid();
   function CallGrid(access_rights_global,access_result_global)
	{
		jQuery("#list2").jqGrid({
		
	 	url:"<?php echo site_url('get_enrolled_institution_users_admin')?>/"+institution_id,
		mtype : "get", 	 
		datatype: "json", 
	    colNames:['ID','Name','Mobile','Qualification','Email','Action'],
		colModel:[
					{name:'user_id',index:'user_id', width:25, hidden:true,editable:false,key:true},
					{name:'full_name',index:'full_name',editable:false, width:40},
					{name:'phone_number',index:'phone_number',editable:false, width:32},
					{name:'qualification',index:'qualification',editable:false, width:30},
					{name:'email',index:'email',editable:false, width:30},
					{name:'',index:'', search:false,
					width:20, editable:false,formatter: function (cellvalue, options, rowObject) {
		                	var retVal = "";
		                		var retVal = ' <a data-toggle="tooltip" title="View" class=""  href="<?php echo site_url('institution-users-details');?>/'+rowObject.user_id+'">View</a> ';
		                		return retVal;

}},
		           
		         ],

rowNum:20,
	      	rowTotal: 2000,
	      	rowList : [20,30],
	      	rownumbers: true,
	      	rownumWidth: 20,
	      	pager:"#pager2", 
	      	sortname:'id', 
	      	viewrecords: true,
	      	gridview: true,
	      	autowidth: true,
	      	sortorder:"asc",
	      	shrinkToFit: true,
	      	loadonce:true,
			caption:"Enrolled Users List",

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

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

);
		
	}

});

function fun_del(id)
    {
		var type="post";
		 swal({

title: "Are you sure?",
	        text: "You will not be able to recover this user!",
	        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();
					$.ajax({
			            type : type,
			            url  : "<?php echo site_url('delete_enrolled_user');?>",
			            data : {'id':id},
			           success:function(response) 
			           {
		               		response=jQuery.parseJSON(response);
		              		console.log(response);
			              	if(response.result==1)
			              	{
								toastr["success"](response.message);
			              		$("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
							}	
							else
							{
								toastr["error"](response.message);
							}	   
						}
	        		});

} 
	            else {

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

});
	}

</script>

<?php echo view('includes/admin_footer')?>

#pager2_center
{
	padding-left: 350px !important;
}		
.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {
  border-color: #FF0000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
#FrmGrid_list2
{
	width: 100% !important;
}
.ui-jqdialog .ui-jqdialog-titlebar
{
	height: 29px !important;
	background-color: #001a00;
	color: white;
	padding-left: 10px;
}
.fm-button
{
	height: 21px !important;
	padding: 1px;					
	margin-right: 10px !important;
	height: 21px !important;				    
    width: 43%;
    margin-top: -7px !important;
}
.ui-jqdialog-content td.navButton {
	padding-top: 12px !important;
}
.ui-jqgrid .ui-jqgrid-titlebar
{
	height: 27px !important;
	background:#1e7ad7 !important;
	color:white !important;
}
.ui-jqgrid-bdiv
{
	height: auto !important;
	
}
.ui-widget-overlay
{
	z-index:0 !important;
}
.ui-widget-header
{
background: #1e7ad7 !important;
}
.ui-jqgrid-hdiv ui-state-default
{

cursor: default!important
}
ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight 
{
border: 1px solid #fed22f;
background: #ffe45c;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	font-weight: bold;
	color: black;
}

@media only screen and (min-width:320px) and (max-width:640px)
{
	#jaytab {
		width: 100% !important;
		overflow-x: scroll !important;
	}
	.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
		width: 900px !important;
	}
	.ui-jqgrid-view  {
		width: 900px !important;
	}
	.ui-jqgrid-hdiv {
		width: 900px !important;
	}
	.ui-jqgrid-htable {
		width: 900px !important;
	}
	.ui-jqgrid-bdiv {
		width: 900px !important;
	}
	#list2 {
		width: 900px !important;
	}
	#pager2 {
		width: 900px !important;
	}
}
@media only screen and (min-width:641px) and (max-width:991px)
{
	#jaytab {
		width: 100% !important;
		overflow-x: scroll !important;
	}
	.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
		width: 900px !important;
	}
	.ui-jqgrid-view  {
		width: 900px !important;
	}
	.ui-jqgrid-hdiv {
		width: 900px !important;
	}
	.ui-jqgrid-htable {
		width: 900px !important;
	}
	.ui-jqgrid-bdiv {
		width: 900px !important;
	}
	#list2 {
		width: 900px !important;
	}
	#pager2 {
		width: 900px !important;
	}
}
@media only screen and (min-width:992px) and (max-width:1258px)
{
	#jaytab {
		width: 100% !important;
		overflow-x: scroll !important;
	}
	.ui-jqgrid ui-widget ui-widget-content ui-corner-all {
		width: 900px !important;
	}
	.ui-jqgrid-view  {
		width: 900px !important;
	}
	.ui-jqgrid-hdiv {
		width: 900px !important;
	}
	.ui-jqgrid-htable {
		width: 900px !important;
	}
	.ui-jqgrid-bdiv {
		width: 900px !important;
	}
	#list2 {
		width: 900px !important;
	}
	#pager2 {
		width: 900px !important;
	}
}

</style>