EVOLUTION-NINJA

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

</head>

<body>
	<header>
		<?php $uri_id = current_url(true)->getSegment(3) ?>
		<div class="container-fluid">
			<div class="col-sm-3">
				<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-sm-4 header_right">
				<ul>
					<input type="hidden" value="<?= current_url(true)->getSegment(3) ?>" class="sub_domain_id" />
					<input type="hidden" value="<?php echo $mapping_id; ?>" class="mapping_id" />
					<input type="hidden" value="<?= current_url(true)->getSegment(4) ?>" class="mocktest_id" />

<?php if ($course_title) { ?>
						<li><?php echo $course_title; ?></li>
					<?php } else { ?>
						<li><?php echo ""; ?></li>
					<?php } ?>
					<li>|</li>
					<li>MockTest</li>
				</ul>
			</div>
			<div class="col-sm-5 header_links">
				<ul class="nav navbar-top-links navbar-right">
					<li>
						<a href="<?php echo site_url('/'); ?>">
							Home
						</a>
					</li>
					<li id="join_class_tab">
            <a href="<?php echo site_url('online-class-user'); ?>/<?= current_url(true)->getSegment(4) ?>">
              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 if (current_url(true)->getSegment(1) == 'online_test_result_subject_wise') { ?>
							<a href="<?php echo site_url('user-reports'); ?>/<?= current_url(true)->getSegment(4) ?>">
								Reports
							</a>
						<?php } ?>
					</li>
					<li class="dropdown">
						<a href="" class="dropdown-toggle menuacolor" data-toggle="dropdown"><?php echo session()->get('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 (current_url(true)->getSegment(1) == 'chapter-wise-materials') { ?>
											<a href="<?php echo site_url('edit-user-prifile/' . current_url(true)->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/' . current_url(true)->getSegment(4)); ?>"><i class="fa fa-user fa-fw"></i> <b>User Profile</b></a>
										<?php } ?>
									</li>
									<li class="divider"></li>
									
									<?php if (current_url(true)->getSegment(1) == 'chapter-wise-materials') { ?>
										<li><a href="<?php echo site_url('update-password-user/' . current_url(true)->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/' . current_url(true)->getSegment(4)); ?>/<?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> <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-4 result_middle_row1_left">
					<h4>Mock Test &nbsp; &nbsp; | &nbsp; &nbsp; Test Result & Analysis</h4>
				</div>
			</div>
			<div class="row">

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

<div class="result_middle_row_two">
				<table class="table table-striped table-hover list_table" id="myTable">
					<thead>
						<tr class="">
							<th style="width:3%;">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>

<tbody id="table_body">
						<?php $count = 1;
						foreach ($questions as $question) { ?>
							<tr class="">
								<td><?php echo $count; ?></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><?php echo "1"; ?></td>
								<?php } else { ?>
									<td><?php echo "0"; ?></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:46%; 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-8 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-8 col-sm-10 col-md-10">

<div class="form-group col-xs-8 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>

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

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

type: 'post',
			//url    : '<?php //echo site_url("get_subject_chapter_wise_questions")
						?>',
			url: '<?php echo site_url("get_subject_wise_questions") ?>',
			data: {
				question_id: question_id,
				sub_domain_id: sub_domain_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>

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

var jsonData = $.ajax({
			url: "<?php echo site_url('get_subject_wise_result'); ?>/" + sub_domain_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>

table,
	th,
	td {
		border: 1px solid grey;
	}

.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: 13px 10px;
	}

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

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

/*	#_ABSTRACT_RENDERER_ID_0 + rect + g > g > g > text  {
	      // x: 90 !important;
	}
	ellipse {
        cx: 160;
        cy: 200;
	}
	text {
       background-color:red;
	}
	circle {
        //cx: 70;
	}
	#chart_div>div>div {
        width: 320px !important;
	}
	#chart_div>div>div>div>svg {
        width: 320px !important;
	}
	#_ABSTRACT_RENDERER_ID_0 + rect {
        width: 320px !important;
	}*/
	}

header {
		height: 50px;
	}

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

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

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