EVOLUTION-NINJA

Edit File: online_test_result_chapter_wise.php

<!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>AMCAD MockTest</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 = current_url(true)->getSegment(2) ?>
		<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-5 header_right">
				<ul>
					<input type="hidden" value="<?= current_url(true)->getSegment(5) ?>" class="chapter_id" />
					<input type="hidden" value="<?php echo $mapping_id; ?>" class="mapping_id" />
					<?php if (!empty($course_title)) { ?>
						<li><?php echo $course_title; ?></li>
					<?php } else { ?>
						<li><?php echo ""; ?></li>
					<?php } ?>
					<li>|</li>
					<li>Practice</li>
					<?php if (!empty($chapter_name) && isset($chapter_name->sub_domain_id)) { ?>
						<input type="hidden" value="<?php echo $chapter_name->sub_domain_id; ?>" class="sub_domain_id" />
					<?php } ?>
				</ul>
			</div>

<div class="col-xs-12 col-sm-5 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'); ?>/<?= current_url(true)->getSegment(4) ?>">Dashboard</a></li>
					<li><a href="<?php echo site_url('user-dashboard'); ?>">
							My Courses
						</a>
					</li>
					<li><a href="#">Lessons</a></li>
					<li>
						<?php
						$request = \Config\Services::request();
						if ($request->uri->getSegment(1) == 'online_test_result_chapter_wise') { ?>
							<a href="<?php echo site_url('user-reports'); ?>/<?= current_url(true)->getSegment(2) ?>">
								Reports
							</a>
						<?php } ?>
					</li>
					<li class="dropdown">
						<a href="" class="dropdown-toggle menuacolor" data-toggle="dropdown"><?php echo session('user_username'); ?> &nbsp; <span class="glyphicon glyphicon-chevron-down"></span></a>
						<ul class="dropdown-menu header_links_dropdown">

<li class="dropdown-submenu">
								<a class="test" href="#"><i class="fa fa-cog" aria-hidden="true"></i> <b>Setting</b> <span class="caret"></span></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(2)); ?>"><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 hash('md5', session('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(2)); ?>/<?php echo hash('md5', session('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> <b>Logout</b></a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="col-sm-3 header_right_div">
				
			</div>
		</div>
	</header>

<section class="result_middle">
		<div class="container">
			<div class="row">
				<div class="col-sm-8 col-xs-12 result_middle_row1_left">
					<h4>Practice Test &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 style="width:5%;">Sl No</th>
							<th style="width:12%;">Result</th>
							<th style="width:75%;">Question</th>
							<th style="width:5%;">Score</th>
							<th style="width:10%;">Review</th>
							
						</tr>
					</thead>

<?php $count = 1;
						foreach ($questions as $question) { ?>
							<tr class="">
								<td style="vertical-align: top;">
									<pre><code><?php echo $count; ?></code></pre>
								</td>
								<?php if ($question->ans == $question->correct_answer) { ?>
									
									<td style="vertical-align: top;">
										<pre><code><?php echo "Correct"; ?></code></pre>
									</td>
								<?php } elseif ($question->correct_answer == "0") { ?>
									
									<td style="vertical-align: top;">
										<pre><code><?php echo "Not Answered"; ?></code></pre>
									</td>
								<?php } else { ?>
									
									<td style="vertical-align: top;">
										<pre><code><?php echo "Wrong"; ?></code></pre>
									</td>
								<?php } ?>
								
								<td style="vertical-align: top;">
									<pre><code><?php echo $question->questions; ?></code></pre>
								</td>
								
								<?php if ($question->ans == $question->correct_answer) { ?>
									<td style="vertical-align: top;">
										<pre><code><?php echo "1"; ?></code></pre>
									</td>
								<?php } else { ?>
									<td style="vertical-align: top;">
										<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>

<footer>
		<div class="container-fluid">
			<div class="col-sm-4">

<button type="button" class="btn btn-success" style="width:68%; float: right;" onclick="back();">
					<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-xs-12 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-xs-12 col-sm-10 col-md-10">
							
							<div class="qustion_option1 question" style="display: none;">
								<div class="one">
									<label for="radio-1">A</label> &nbsp;
									<input type="radio" name="ans" id="radio-1" value="1">
								</div>
								<div class="two">
									
									<textarea type="text" class="form-control col-md-10" name="ans" id="radio1" rows="2" cols="120" readonly></textarea>
								</div>
							</div>
							<div class="qustion_option2 question" style="display: none;">
								<div class="one">
									<label for="radio-2">B</label> &nbsp;
									<input type="radio" name="ans" id="radio-2" value="2">
								</div>
								<div class="two">
									
									<textarea type="text" class="form-control col-md-10" name="ans" id="radio2" rows="2" cols="80" readonly></textarea>
								</div>
							</div>
							<div class="qustion_option3 question" style="display: none;">
								<div class="one">
									<label for="radio-3">C</label> &nbsp;
									<input type="radio" name="ans" id="radio-3" value="3">
								</div>
								<div class="two">
									
									<textarea type="text" class="form-control col-md-10" name="ans" id="radio3" rows="2" cols="80" readonly></textarea>
								</div>
							</div>

</section>

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

$(document)[0].oncontextmenu = function() {
			return false;
		}

$(document).mousedown(function(e) {
			if (e.button == 2) {
				alert('Sorry, this functionality is disabled!');
				return false;
			} else {
				return true;
			}
		});

});
</script>

var chapter_id = $('.chapter_id').val();
		var jsonData = $.ajax({
			url: "<?php echo base_url('get_chapter_wise_result'); ?>/" + chapter_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: "{name}",
				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>

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

function view_questions(str) {
		var chapter_id = '<?= current_url(true)->getSegment(5) ?>';
		var question_id = str;
		$.ajax({

type: 'post',
			url: '<?php echo site_url("get_subject_chapter_wise_questions") ?>',
			data: {
				question_id: question_id,
				chapter_id: chapter_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);

if (response.user_answer.correct_answer == '1') {
						$("#user_answer").html('<p>Your answer : ' + response.user_answer.ans1 + '</p>');
					} else if (response.user_answer.correct_answer == '2') {
						$("#user_answer").html('<p>Your answer : ' + response.user_answer.ans2 + '</p>');
					} else if (response.user_answer.correct_answer == '3') {
						$("#user_answer").html('<p>Your answer : ' + response.user_answer.ans3 + '</p>');
					} else if (response.user_answer.correct_answer == '4') {
						$("#user_answer").html('<p>Your answer : ' + response.user_answer.ans4 + '</p>');
					} else {
						$("#user_answer").html('<p>Not answered</p>');
					}

} else {

}

});

}
</script>
<style type="text/css">
	.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;
		padding: 10px 10px !important;
	}

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

@media only screen and (min-width:320px) and (max-width:640px) {
		text[Attributes Style] {
			x: 200 !important;
		}

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

var options = {
	exportEnabled: true,
	animationEnabled: true,
	title:{
		text: ""
	},
	legend:{
		horizontalAlign: "right",
		verticalAlign: "center"
	},
	data: [{
		type: "pie",
		showInLegend: true,
		toolTipContent: "<b>{name}</b>: ${y} (#percent%)",
		indexLabel: "{name}",
		legendText: "{name} (#percent%)",
		indexLabelPlacement: "inside",
		dataPoints: [
			{ y: 6566.4, name: "Housing" },
			{ y: 2599.2, name: "Food" },
			{ y: 1231.2, name: "Fun" },
			{ y: 1368, name: "Clothes" },
			{ y: 684, name: "Others"},
			{ y: 1231.2, name: "Utilities" }
		]
	}]
};
$("#chartContainer").CanvasJSChart(options);

}
</script>