EVOLUTION-NINJA

Edit File: institution_added_batches.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">
		<div id="jaytab" style="margin-top:3%;width:100%;" 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>

CallGrid();

function CallGrid(access_rights_global, access_result_global) {
			jQuery("#list2").jqGrid({

url: "<?php echo site_url('get_all_institution_added_batches') ?>",
				mtype: "get",
				datatype: "json",
				colNames: ['SI', 'Batch Name', 'Category', 'Sub category', 'Faculty', 'Course Type', 'Batch', 'Batch Time', 'Batch Size', 'Batch Duration', 'Course Duration', 'Approval Status', 'Action'],
				colModel: [{
						name: 'batch_id',
						index: 'batch_id',
						width: 10,
						hidden: true,
						editable: false,
						key: true
					},
					{
						name: 'batch_name',
						index: 'batch_name',
						editable: false,
						width: 75
					},
					{
						name: 'domain_name',
						index: 'domain_name',
						editable: false,
						width: 130
					},
					{
						name: 'sub_domains',
						index: 'sub_domains',
						editable: false,
						width: 120
					},
					{
						name: 'faculty_name',
						index: 'faculty_name',
						editable: false,
						width: 90
					},
					{
						name: 'course_type',
						index: 'course_type',
						editable: false,
						width: 90
					},
					{
						name: 'batch_type',
						index: 'batch_type',
						editable: false,
						width: 80
					},
					{
						name: 'from_time',
						index: 'from_time',
						editable: false,
						width: 130
					},
					{
						name: 'batch_size',
						index: 'batch_size',
						editable: false,
						width: 80
					},
					{
						name: 'batch_from_to_date',
						index: 'batch_from_to_date',
						editable: false,
						width: 160
					},
					{
						name: 'batch_duration',
						index: 'batch_duration',
						editable: false,
						width: 110
					},
					//{name:'created_by',index:'created_by',editable:false, width:110},

{
						name: 'batch_approval_status',
						index: 'batch_approval_status',
						align: "center",
						width: 150,
						editable: false,
						formatter: function(cellvalue, options, rowObject) {

if (rowObject.batch_approval_status == 'APPROVED') {
								var retVal = '';
								retVal += '<b>APPROVED</b>';
								return retVal;
							} else {
								var retVal = '';
								retVal += '<input type="button" value="Approve" id="sub_approve' + rowObject.chapter_id + '" onclick="fun_approve(' + rowObject.batch_id + ',' + rowObject.faculty_id + ')"; />';

return retVal;
							}
						}
					},
					{
						name: '',
						index: '',
						search: false,
						width: 70,
						editable: false,
						formatter: function(cellvalue, options, rowObject) {
							var retVal = "";
							var retVal = '<a data-toggle="tooltip" title="Delete" class="delete" onclick="fun_del(' + rowObject.batch_id + ')"; href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a>';
							return retVal;
							/*<a data-toggle="tooltip" title="Edit" class="edit" href="<?php echo site_url('edit_batch') ?>/'+rowObject.batch_id+'"><span class="glyphicon glyphicon-edit"></span></a> */

}
					},

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: "Institution Batch 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 Batch!",
				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_batch'); ?>",
						data: {
							'batch_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 if (response.result == 2) {

toastr["error"]('User has been enrolled to this');
							} else {
								toastr["error"]('Something Went Wrong..');
							}

}
					});

} else {

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

});
	}

function fun_approve(id, faculty_id) {

$('#sub_approve' + id).text('Approving..')
		var type = "post";
		swal({

title: "Are you sure?",
				text: "Do You Want to Approve!",
				type: "warning",
				showCancelButton: true,
				confirmButtonColor: "#DD6B55",
				confirmButtonText: "Yes, approve it!",
				cancelButtonText: "No, cancel plz!",
				closeOnConfirm: false,
				closeOnCancel: false
			},
			function(isConfirm) {

if (isConfirm) {

$(".sweet-alert").hide();
					$(".sweet-overlay").hide();
					$("#sub_approve" + id).val("Approving..");

$.ajax({
						type: type,
						url: "<?php echo site_url('approve_faculty_batch'); ?>",
						data: {
							'id': id,
							'faculty_id': faculty_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();
				}

});
	}

function fun_return(id, faculty_id) {
		var type = "post";
		swal({

title: "Are you sure?",
				text: "Do You Want to Return!",
				type: "warning",
				showCancelButton: true,
				confirmButtonColor: "#DD6B55",
				confirmButtonText: "Yes, Return it!",
				cancelButtonText: "No, cancel plz!",
				closeOnConfirm: false,
				closeOnCancel: false
			},
			function(isConfirm) {

if (isConfirm) {
					$('.faculty_id').val(id);
					$('.faculty_ids').val(faculty_id);
					$(".sweet-alert").hide();
					$(".sweet-overlay").hide();
					$("#myModal").modal("show");
				} else {

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

});
	}
</script>

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

}
	.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;
	}

#pager2_left {
		display: none !important;
	}

#pager2_center {
		padding-left: 350px !important;
	}

.ui-jqgrid {
		overflow-x: scroll !important;
		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;
		}
	}

@media only screen and (min-width:992px) and (max-width:1258px) {
		#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>