EVOLUTION-NINJA

Edit File: feedback_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'); ?>" />

<div class="content-wrapper">
	
	<section class="content-header">
		<h1 style="padding-bottom:10px;border-bottom:2px dashed #468662;margin-bottom:20px; font-weight: bold;">FEEDBACK</h1>
	</section>
	
	<a href="javascript:history.back()" class="btn btn-primary" style="float:right; margin-right:15px;">Back</a>
	<section class="content">
		<div id="jaytab" style="margin-top:3%" class="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_feedback_list') ?>",
				mtype: "get",
				datatype: "json",
				colNames: ['SI', 'Faculty', 'Course', 'Comments', 'Added Date', 'Action'],
				colModel: [{
						name: 'id',
						index: 'id',
						width: 20,
						hidden: true,
						editable: false,
						key: true
					},

{
						name: 'username',
						index: 'username',
						editable: false,
						width: 30
					},
					{
						name: 'course_title',
						index: 'course_title',
						editable: false,
						width: 57
					},
					{
						name: 'feedback',
						index: 'feedback',
						editable: false,
						width: 100
					},
					{
						name: "created_at",
						index: "created_at",
						width: 42
					},
					// 	{name:'display_status',index:'display_status', align:"center",width:65},
					{
						name: '',
						index: '',
						search: false,
						width: 18,
						editable: false,
						formatter: function(cellvalue, options, rowObject) {
							var retVal = "";
							var retVal = ' <a data-toggle="tooltip" title="View" class="" href="<?php echo site_url('view-feedback'); ?>/' + rowObject.feedback_id + '">view</a> <a data-toggle="tooltip" title="Delete" class="delete' + rowObject.feedback_id + '" onclick="fun_del(' + rowObject.feedback_id + ')"; href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a>';
							return retVal;

}
					},

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: "Feedback List",

});
			$("#list2").jqGrid("setLabel", "rn", "SL");
			$("#list2").jqGrid('filterToolbar', {
				searchOperators: false,
				stringResult: true,
				searchOnEnter: false,
				defaultSearch: "cn"
			}); //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 data!",
        type: "warning",   showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes, delete it!",
        cancelButtonText: "No, cancel plz!",
        closeOnConfirm: false,
        closeOnCancel: false 
        },
		function(isConfirm){

if (isConfirm) {

$('.delete'+id+'').text('Deleting..');

$(".sweet-alert").hide();
                $(".sweet-overlay").hide();
				$.ajax({
	            type : type,
	            url  : "<?php echo site_url('delete_feedback');?>",
	            data : {'id':id},
	           success:function(response) {
            //    response=jQuery.parseJSON(response);
              	console.log(response);
              	if(response.result==1){

toastr["success"]('Deleted Successfully');
              	$("#list2").trigger("reloadGrid");

}	
				// else{
				// 	toastr["error"]('Something Went Wrong..');
				// }

}
        });

} 
            else {

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

});
}

function fun_display(id) {
		$('#display' + id).val('Submitting..');
		var type = "post";
		$.ajax({
			type: type,
			url: "<?php echo site_url('approve_feedback'); ?>",
			data: {
				'id': id
			},
			success: function(response) {
				// response=jQuery.parseJSON(response);
				console.log(response);

if (response.result == 1) {
					$('#display' + id).val('Display');
					$("#list2").setGridParam({
						datatype: 'json',
						page: 1
					}).trigger('reloadGrid');
					toastr["success"](response.message);
				} else {
					toastr["error"](response.message);
				}
			}
		});
	}

function fun_not_display(id) {
		$('#return' + id).val('Submitting..');
		var type = "post";
		$.ajax({
			type: type,
			url: "<?php echo site_url('return_feedback'); ?>",
			data: {
				'id': id
			},
			success: function(response) {
				// response=jQuery.parseJSON(response);
				console.log(response);

if (response.result == 1) {
					$("#list2").setGridParam({
						datatype: 'json',
						page: 1
					}).trigger('reloadGrid');
					$('#display' + id).val('Display');
					toastr["success"](response.message);
				} else {
					toastr["error"](response.message);
				}
			}
		});
	}
</script>

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

.content-wrapper{
		background-image: url(public/assets/website_assets/images/banner.png);
		background-size:cover;
	}

.ui-icon-refresh {
		display: none !important;
	}

.add_field,
	.remove_field {
		margin-left: -9%;
	}

.chapter_name {
		margin-top: 1%;
	}

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

.remove_edit_fields {
		margin-left: -149px;
	}

@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>

.chapter input,
	.chapter_name input {
		width: 60% !important;
	}

.edit_remove,
	.remove_edit_fields {
		margin-left: -4%;
	}
</style>