EVOLUTION-NINJA

Edit File: user_chapterwise_report.php

<?php
$request = \Config\Services::request();

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<title>NParrots Practice Test</title>
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/mock_test.css'); ?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/bootstrap.min.css'); ?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/font-awesome.min.css'); ?>" />
	<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
	<link rel='shortcut icon' type='image/x-icon' href='<?php echo base_url('public/assets/website_assets/images/Logo_AMCAD.png'); ?>' />
	<link rel="stylesheet" href="<?php echo base_url('public/assets/datatables/jquery.dataTables.css'); ?>">

<script type="text/javascript" src="<?php echo base_url('public/assets/js/piechart.js'); ?>"></script>

</head>

<body>
	<header>
		<?php $uri_id = $request->uri->getSegment(3); ?>
		<div class="container-fluid">
			<div class="col-xs-12 col-sm-2">
				<a href="<?php echo site_url('/'); ?>" class="logo-lg"><img src="<?php echo base_url('public/assets/images/Logo_AMCAD.png'); ?>" class="img-responsive"></a>
			</div>
			
			<div class="col-xs-12 col-sm-4 header_right">
				<input type="hidden" value="<?= current_url(true)->getSegment(2) ?>" class="mapping_id" />
				<input type="hidden" value="<?= current_url(true)->getSegment(4) ?>" class="test_id" />
				<input type="hidden" value="<?= current_url(true)->getSegment(3) ?>" class="chapter_ids" />
				<input type="hidden" value="<?php echo $chapter_name->sub_domain_id; ?>" class="sub_domain_ids" />

<input type="hidden" value="<?php echo $finals; ?>" class="check_final" />

<li><a href=""><i class="fa fa-book" aria-hidden="true"></i> &nbsp;<?php echo $course_title; ?></a></li>
			</div>
			<div class="col-xs-12 col-sm-6 header_links">
				<ul class="nav navbar-top-links navbar-right">
					<li>
						<a href="<?php echo site_url('/'); ?>">
							Home
						</a>
					</li>
					<li>
						<a href="">
							Join Class
						</a>
					</li>
					<li><a href="<?php echo site_url('added-course-details'); ?>/<?php echo $mapping_id; ?>">Dashboard</a></li>
					<li> <a href="<?php echo site_url('user-dashboard'); ?>">
							My Courses
						</a></li>
					<li><a href="#">Lessons</a></li>

<?php
					// $request = \Config\Services::request();
					if ($request->uri->getSegment(2) == 'view_result_report') {  ?>
						<li> <a href="<?php echo site_url('user-reports'); ?>/<?php echo $mapping_id; ?>" class="navbar-top-links-active">
								Reports
							</a> </li>
					<?php } ?>

<li class="dropdown">
						<a class="dropdown-toggle" data-toggle="dropdown" href="#">
							<?= session()->get('user_username') ?> <i class="fa fa-caret-down"></i>
						</a>
						<ul class="dropdown-menu dropdown-user">

<li class="dropdown-submenu">
								<a class="test" href="#"><i class="fa fa-cog" aria-hidden="true"></i> <b>Setting</b></a>
								<ul class="dropdown-menu">
									<li>
										<?php if ($request->uri->getSegment(1) == 'chapter-wise-materials') { ?>
											<a href="<?php echo site_url('edit-user-prifile/' . $request->uri->getSegment(3)); ?>"><i class="fa fa-user fa-fw"></i> <b>User Profile</b></a>
										<?php } else { ?>
											<a href="<?php echo site_url('edit-user-prifile/' . $request->uri->getSegment(3)); ?>"><i class="fa fa-user fa-fw"></i> <b>User Profile</b></a>
										<?php } ?>
									</li>
									<li class="divider"></li>
									
									<?php if ($request->uri->getSegment(1) == 'chapter-wise-materials') { ?>
										<li><a href="<?php echo site_url('update-password-user/' . $request->uri->getSegment(3)); ?>/<?php echo md5(session()->get('user_login_id')); ?>"><i class="fa fa-user fa-fw"></i><b>Update Password</b></a></li>
									<?php } else { ?>
										<li><a href="<?php echo site_url('update-password-user/' . $request->uri->getSegment(3)); ?>/<?php echo md5(session()->get('user_login_id')); ?>"><i class="fa fa-user fa-fw"></i><b>Update Password</b></a></li>
									<?php } ?>
								</ul>
							</li>
							<li>
								<a href="<?php echo site_url('user-logout'); ?>"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
							</li>
						</ul>
						
					</li>

</ul>
			</div>
			<div class="col-sm-3 header_right_div">
				
			</div>
		</div>
	</header>
	<div class="container">
		<div class="row user_head_tab_row">
			<ul class="user_head_tab">
				<li><a href="<?php echo site_url('/'); ?>"><i class="fa fa-home" aria-hidden="true"></i></a></li>
				<li> > </li>
				<li><a href=""><i class="fa fa-book" aria-hidden="true"></i></a></li>
				<li> / </li>
				<li><a href="<?php echo site_url('added-course-details'); ?>/<?php echo $mapping_id; ?>"><?php echo $course_title; ?></a></li>
				<li> / </li>
				<li><a href="<?php echo site_url('user-reports'); ?>/<?php echo $mapping_id; ?>">Report</a></li>
				<li> / </li>
				<li><a href="">Practice</a></li>
				<li> / </li>

<li><a href=""><?php echo $chapter_name->chapter_name; ?></a></li>
			</ul>
		</div>
	</div>
	<hr>

<section class="result_middle">
		<div class="container">
			<div class="row">
				<div class="col-sm-8 result_middle_row1_left">
					<h4>Practice &nbsp; &nbsp; | &nbsp; &nbsp; Test Result & Analysis</h4>
				</div>

<div class="col-sm-4 result_middle_row1_right">
					<h1 class="result-one"><?php echo $correct_answer; ?></h1>
					<p class="corretext">Correct</p>
					<br>
					<hr>

<h1 class="result-two"><?php echo $incorrect_answer; ?></h1>
					<p class="corretext">Incorrect</p>
					<br>
					<hr>

<h1 class="result-three"><?php echo $not_attempted_answer; ?></h1>
					<p class="corretext">Not Attempted</p>
					<br>

</div>
			</div>

<table class="table table-striped table-hover list_table" id="myTable">
					<thead>
						<tr class="">
							<th class="col-xs-1">Sl No</th>
							<th class="col-xs-1">Result</th>
							<th class="col-xs-6">Question</th>
							<th class="col-xs-1">Score</th>
							<th class="col-xs-1">Review</th>
							
						</tr>
					</thead>

<?php $count = 1;
						foreach ($questions as $question) { ?>
							<tr class="">
								<td style="text-align:center;">
									<pre><code><?php echo $count; ?></code></pre>
								</td>
								<?php if ($question->ans == $question->correct_answer) { ?>
									<td>
										<pre><code><?php echo "Correct"; ?></code></pre>
									</td>
								<?php } elseif ($question->correct_answer == "0") { ?>
									<td>
										<pre><code><?php echo "Not Answered"; ?></code></pre>
									</td>
								<?php } else { ?>
									<td>
										<pre><code><?php echo "Wrong"; ?></code></pre>
									</td>
								<?php } ?>
								
								<td>
									<pre><code><?php echo $question->questions; ?></code></pre>
								</td>
								<?php if ($question->ans == $question->correct_answer) { ?>
									<td style="text-align:center;">
										<pre><code><?php echo "1"; ?></code></pre>
									</td>
								<?php } else { ?>
									<td style="text-align:center;">
										<pre><code><?php echo "0"; ?></code></pre>
									</td>
								<?php } ?>
								<td><button type="button" class="btn btn-success" style="background-color: grey;border-color: grey;" onclick="view_questions(<?php echo $question->qid; ?>)">Review</button></td>
							</tr>
						<?php $count++;
						} ?>

</tbody>

</table>

</div>

</div>
	</section>

<button type="button" class="btn btn-success back_to_attempt" style="width:46%; float: right;" onclick="back_to_attempts();">
					<i class="fa fa-check-circle-o" aria-hidden="true"></i> Back to Attempts
				</button>

</div>
			<div class="col-sm-4"></div>
			<div class="col-sm-4"></div>
		</div>
	</footer>

<div class="modal fade" id="review_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="exampleModalLabel">Review Question</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="row land_owner_a">
						<div class="form-group col-sm-10 col-md-10">
							<label class="col-sm-4 hidden-xs">Question</label>
							<textarea type="text" class="form-control col-md-10 questions" rows="5" cols="80" readonly></textarea>
						</div>
						<label class="col-sm-4 hidden-xs">Answer</label>
						<section id="first" class="form-group col-sm-10 col-md-10">

<div class="form-group col-xs-12 col-sm-10 col-md-10">
							<label class="col-sm-4 hidden-xs">Explanation</label>
							<textarea type="text" class="form-control col-md-10 explanation" rows="5" cols="80" readonly></textarea>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>

</body>

</html>

.nav>li>a {
		color: white;
	}

.canvasjs-chart-toolbar button {
		display: none;
	}

.canvasjs-chart-credit {
		display: none;
	}

.header_right a:hover {
		text-decoration: none;
	}

.user_head_tab_row {
		padding-top: 3%;
	}

.user_head_tab li {
		float: left;
		list-style-type: none;
		margin-right: 6px;
	}

.user_head_tab li a:hover {
		text-decoration: none;
	}

hr {
		margin-bottom: 0px !important;
	}
</style>

window.location.href = "<?php echo site_url('test-welcome-page'); ?>/" + mapping_id + '/' + sub_domain_id + '/' + chapter_ids;
	}

$(document).ready(function() {
		$('#myTable').DataTable();
		var check = $('.check_final').val();
		if (check == 1) {
			$('.back_to_attempt').hide();
		} else {
			$('.back_to_attempt').show();
		}

});
</script>

var test_id = $('.test_id').val();

var jsonData = $.ajax({
			url: "<?php echo base_url('get_chapter_wise_reportresult'); ?>/" + test_id,
			dataType: "json",
			async: false
		}).responseText;

// response = jQuery.parseJSON(jsonData);
		console.log(response);

$.each(response, function(idx, vx) {

var1 = vx.correct_answer;
			var2 = vx.incorrect_answer;
			var3 = vx.not_attempted_answer;

});

var options = {
			exportEnabled: true,
			animationEnabled: true,
			title: {
				text: ""
			},
			legend: {
				horizontalAlign: "right",
				verticalAlign: "center"
			},
			data: [{
				type: "pie",
				showInLegend: true,
				toolTipContent: "<b>{name}</b>:#percent%",
				indexLabel: "#percent%",
				legendText: "{name} (#percent%)",
				indexLabelPlacement: "inside",
				dataPoints: [{
						y: var1,
						name: "Correct Answer",
						color: "#89b21c"
					},
					{
						y: var2,
						name: "Incorrect Answer",
						color: "#ff4d4d"
					},
					{
						y: var3,
						name: "Not Attempted Answer",
						color: "#4f81bc"
					},

]
			}]
		};
		$("#chartContainer").CanvasJSChart(options);

}
</script>

window.location.href = "<?php echo site_url('test-welcome-page'); ?>/" + str;
	}

function view_questions(str) {
		var question_id = str;
		$.ajax({

type: 'post',
			url: '<?php echo site_url("get_subject_chapter_wise_questions") ?>',
			data: {
				question_id: question_id
			},
			async: false,

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

if (response.result == 1) {
					$('#review_modal').modal('show');
					var answer1 = response.details.ans1;
					var answer2 = response.details.ans2;
					var answer3 = response.details.ans3;
					var answer4 = response.details.ans4;

if (answer1 != "" && answer2 != "" && answer3 != "" && answer4 != "") {
						$('.qustion_option1').show();
						$('.qustion_option2').show();
						$('.qustion_option3').show();
						$('.qustion_option4').show();
						$('#radio1').val(response.details.ans1);
						$('#radio2').val(response.details.ans2);
						$('#radio3').val(response.details.ans3);
						$('#radio4').val(response.details.ans4);
					} else if (answer1 != "" && answer2 != "" && answer3 != "") {
						$('.qustion_option1').show();
						$('.qustion_option2').show();
						$('.qustion_option3').show();
						$('.qustion_option4').hide();
						$('#radio1').val(response.details.ans1);
						$('#radio2').val(response.details.ans2);
						$('#radio3').val(response.details.ans3);
					} else if (answer1 != "" && answer2 != "" && answer4 != "") {
						$('.qustion_option1').show();
						$('.qustion_option2').show();
						$('.qustion_option3').hide();
						$('.qustion_option4').show();
						$('#radio1').val(response.details.ans1);
						$('#radio2').val(response.details.ans2);
						$('#radio4').val(response.details.ans4);
					} else if (answer1 != "" && answer3 != "" && answer4 != "") {
						$('.qustion_option1').show();
						$('.qustion_option2').hide();
						$('.qustion_option3').show();
						$('.qustion_option4').show();
						$('#radio1').val(response.details.ans1);
						$('#radio3').val(response.details.ans3);
						$('#radio4').val(response.details.ans4);
					} else if (answer2 != "" && answer3 != "" && answer4 != "") {
						$('.qustion_option2').show();
						$('.qustion_option3').show();
						$('.qustion_option3').hide();
						$('.qustion_option4').show();
						$('#radio2').val(response.details.ans2);
						$('#radio3').val(response.details.ans3);
						$('#radio4').val(response.details.ans4);
					} else if (answer1 != "" && answer2 != "") {
						$('.qustion_option1').show();
						$('.qustion_option2').show();
						$('.qustion_option3').hide();
						$('.qustion_option4').hide();
						$('#radio1').val(response.details.ans1);
						$('#radio2').val(response.details.ans2);
						$('#radio4').val(response.details.ans4);
					} else if (answer1 != "" && answer3 != "") {
						$('.qustion_option1').show();
						$('.qustion_option2').hide();
						$('.qustion_option3').show();
						$('.qustion_option4').hide();
						$('#radio1').val(response.details.ans1);
						$('#radio3').val(response.details.ans3);
					} else if (answer1 != "" && answer4 != "") {
						$('.qustion_option1').show();
						$('.qustion_option2').hide();
						$('.qustion_option3').hide();
						$('.qustion_option4').show();
						$('#radio1').val(response.details.ans1);
						$('#radio4').val(response.details.ans4);
					} else if (answer2 != "" && answer3 != "") {
						$('.qustion_option1').hide();
						$('.qustion_option2').show();
						$('.qustion_option3').show();
						$('.qustion_option4').hide();
						$('#radio2').val(response.details.ans2);
						$('#radio3').val(response.details.ans3);
					} else if (answer2 != "" && answer4 != "") {
						$('.qustion_option1').hide();
						$('.qustion_option2').show();
						$('.qustion_option3').hide();
						$('.qustion_option4').show();
						$('#radio2').val(response.details.ans2);
						$('#radio4').val(response.details.ans4);
					} else if (answer3 != "" && answer4 != "") {
						$('.qustion_option1').hide();
						$('.qustion_option2').hide();
						$('.qustion_option3').show();
						$('.qustion_option4').show();
						$('#radio3').val(response.details.ans3);
						$('#radio4').val(response.details.ans4);
					}
					$('.questions').val(response.details.questions);

//alert(response.details.ans);
					if (response.details.ans == "1") {
						$("#radio-1").prop("checked", true);
					} else if (response.details.ans == "2") {
						$("#radio-2").prop("checked", true);
					} else if (response.details.ans == "3") {
						$("#radio-3").prop("checked", true);
					} else {
						$("#radio-4").prop("checked", true);
					}

$('.explanation').val(response.details.explanation);

} else {

}
			}
		});
	}
</script>

.modal-dialog {
		margin: 60px auto;
	}

.instruction {
		cursor: pointer;
	}

.header_links ul {
		padding-top: 2%;
	}

.header_links ul li {
		float: left;
		list-style-type: none;
	}

.header_links ul li a {
		color: white;
	}

.header_links ul li a:hover {
		text-decoration: none;
		border-bottom: 1px solid white !important;
		background-color: transparent;
	}

.header_links ul li a:focus {
		text-decoration: none;
	}

.header_links_dropdown {
		background-color: #89b21c;
	}

.header_links_dropdown>li>a:hover {
		background-color: transparent;
	}

.one {
		display: table-cell;
		width: 40px;
		vertical-align: middle;
	}

.two {
		display: table-cell;
		width: 330px;
	}

.question {
		margin-bottom: 10px;
	}

.questions,
	.explanation {
		padding-bottom: 4px;
	}

.chart {
		width: 100%;
	}

pre {
		background-color: transparent;
		border: 1px solid transparent;
		line-height: 1.6;
		text-align: justify;
	}

.nav .open>a,
	.nav .open>a:focus,
	.nav .open>a:hover {
		background-color: #89b21c !important;
	}

.dropdown-user li a {
		color: #333 !important;
	}

@media only screen and (min-width:320px) and (max-width:640px) {

.one {
			display: table-cell;
			width: 40px;
			vertical-align: middle;
		}

.two {
			display: table-cell;
			width: 330px;
		}

.question {
			margin-bottom: 10px;
		}

.result_middle_row_two table {
			width: 1200px;
			overflow-x: scroll;
		}

.header_links ul li a {
			padding: 10px 8px !important;
		}
	}

@media only screen and (min-width:641px) and (max-width:991px) {
		.result_middle_row_two table {
			width: 1200px;
			overflow-x: scroll;
		}
	}

.logo-lg img {
		width: 52%;
		margin-left: 25px;
	}

.header_links ul {
		padding-top: 1%;
	}

.dropdown-submenu {
		position: relative;
	}

.dropdown-submenu .dropdown-menu {
		top: 0;
		right: 100%;
		margin-top: -1px;
	}

.nav .open>a,
	.nav .open>a:focus,
	.nav .open>a:hover {
		background-color: transparent !important;
	}

.dropdown-menu>.active>a,
	.dropdown-menu>.active>a:focus,
	.dropdown-menu>.active>a:hover {
		background-color: transparent !important;
	}

.dropdown-menu>li>a {
		color: #000 !important;
	}

.dropdown-menu {
		background: #fff !important;
	}

.nav a {
		font-weight: bold !important;
	}
</style>