EVOLUTION-NINJA

Edit File: course_list.php

<?php echo view('includes/admin_header.php')?>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" />
<link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css');?>">

</section>

<section class="content">
	    
	       <a href="javascript:history.back()" class="btn btn-primary" style="float:right;">Back</a>
		<div id ="jaytab" style="margin-top:3%;" class="jaytab grid">
			<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(){

CallGrid();

}},

rowNum:20,
	      	rowTotal: 2000,
	      	rowList : [20,30],
	      	rownumbers: true,
	      	rownumWidth: 60,
	      	pager:"#pager2", 
	      	sortname:'id', 
	      	viewrecords: true,
	      	gridview: true,
	      	autowidth: true,
	      	sortorder:"asc",
	      	shrinkToFit: true,
	      	loadonce:true,
			caption:"Course 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
		         	 },

);
		
	}

});

// $(document).ready(function () {
//     CallGrid();

//     function CallGrid(access_rights_global, access_result_global) {
//         $("#list2").jqGrid({
//             url: "<?php //echo site_url('get_all_course_list') ?>", // Use the CodeIgniter route
//             mtype: "get",
//             datatype: "json",
//             // ... (rest of your jqGrid settings)
//         });

// Modify the edit and delete links to use CodeIgniter routes
		function editLink(course_id) {
    // return '<a data-toggle="tooltip" title="Edit" class="edit" href="<?php echo site_url('edit-course/') ?>' + course_id + '"><span class="glyphicon glyphicon-edit"></span></a>';
	window.location.href='<?php echo site_url("edit-course/")?>'+course_id;

}

//         function deleteLink(course_id) {
//             return '<a data-toggle="tooltip" title="Delete" class="delete" onclick="fun_del(' + course_id + ')" href="' + "<?php echo site_url('delete-course/') ?>" + course_id + '"><span class="glyphicon glyphicon-trash"></span></a>';
//         }

//         // ... (rest of your jqGrid configuration)
//     }
// });

function fun_del(id)
{
	$.ajax({          
    type   : 'post',
    url    : '<?php echo site_url("check_user_course_exists")?>',
    data : {'course_id':id},

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

if(response.result == 1) 
        {
           swal("Users are enrolled to this Course!")
        }
        else
        {
			var type="post";
			 swal({

title: "Are you sure?",
		        text: "You will not be able to recover this course!",
		        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_course');?>",
			            data : {'course_id':id},
			           success:function(response) {
		            //    response=jQuery.parseJSON(response);
		              	console.log(response);
		              	if(response.result==1){

toastr["success"]('Deleted Successfully');
		              		$("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
						}	
						else{
							toastr["error"]('Something Went Wrong..');
						}

}
		        });

} 
		            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:#949494 !important;*/
	color:white !important;
}
.ui-jqgrid-bdiv
{
	height: auto !important;
	
}
.ui-widget-overlay
{
	z-index:0 !important;
}
/* .ui-widget-header
{
background: #1e7ad7 !important;
} */

.content-wrapper{
		background-image: url(public/assets/website_assets/images/banner.png);
	}
.ui-jqgrid-hdiv ui-state-default
{
	/* width: 873px !important;  */
	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;
}
/* .ui-jqgrid .ui-jqgrid-bdiv {
	overflow-y: scroll;
	overflow-x: scroll ;
}

.ui-jqgrid-htable{
	width: 100% !important;
}
#list2{
	width: 100% !important;
} */
@media only screen and (min-width:320px) and (max-width:640px)
{
	#jaytab {
		width: auto !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: auto !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>