File: /var/www/content-sp/work-sp/sp_mock_question_view.php
<?php
include_once 'config.php';
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
global $wpdb;
$SP_QUESTION = 'csp_sp_question';
$SP_QUESTION_MEDIUM_WISE = 'csp_sp_question_medium_wise';
$mType = $_REQUEST['mtype'];
include 'str_replace_type.php';
$question_id = $_REQUEST['question_id'];
$medium_id = $_REQUEST['medium_id'];
$curDate = date('Y-m-d H:i:s');
$curDateTime = date('Y-m-d H:i:s');
$showUsername = 'Hello, Friend';
if ($question_id != '') {
?>
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="https://sarkaripariksha.com/mock-test/tet_assign_test.css?v=<?php echo date('dmyhis'); ?>">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900|Roboto:300,400,500,700,900&display=swap" title="default">
<link rel="stylesheet" type="text/css" href="https://sarkaripariksha.com/mock-test/css/bootstrap.min.css">
<link href="assets/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
<title>Mock Question View</title>
<body>
<section>
<div id="question_div">
<form id="frmMockTest" method="post">
<div class="container-fluid p-0">
<!-- FIXED HEADER SECTION -->
<div class="fixedheader-section">
<!-- TOP HEADER OF TEST QUESTION -->
<div class="box_sho">
<div class="chek col-md-9 col-sm-12 col-xs-12" id="contentdiv">
<div class="col-md-8 col-sm-6 col-xs-10 p-0">
<h4 class="exam_title2"> <span class="mobile-hide">Exam :</span> <span class="exam_na">Exam Name Here</span></h4>
</div>
<div class="col-md-8 col-sm-2 col-xs-2 p-0 text-right mobile-pause">
<h4 class="save element" type="button" name="tt_btn_save" class="element">
<i class="fa fa-pause" title="Save & Resume Exam"></i>
</h4>
</div>
<div class="col-md-3 col-sm-4 col-xs-7 text-right p-0">
<h4 class="time_left" id="tt_time_div" style="display: block;">Time Left <span id="tt_timer_run">00:59:59</span></h4>
</div>
<div class="col-md-1 col-sm-2 col-xs-12 text-right mobile-hide">
<h4 class="save element" type="button" name="tt_btn_save" class="element">
<i class="fa fa-pause" title="Save & Resume Exam"></i>
</h4>
</div>
<h4 style="display: none;"><span id="tt_timer"></span></h4>
</div>
</div>
<!-- END TOP HEADER OF TEST QUESTION -->
</div>
<!-- END FIXED HEADER SECTION -->
<!-- ====================== -->
<div id="page-content-wrapper">
<button type="button" class="hamburger is-open adj" data-toggle="offcanvas">
<i id="chg_icon" class="fa fa-angle-right faa-horizontal animated"></i>
</button>
</div>
<!-- ========================== -->
<!-- MCQ QUESTIONS SECTION -->
<div class="question-list-section">
<?php
$i = 1;
$quesfetch = $conn->query("SELECT
CASE
WHEN sq.question_type='1' THEN sq.medium_id
WHEN sq.medium_id=$medium_id THEN sq.medium_id
WHEN sqm.medium_id=$medium_id THEN sqm.medium_id
END as medium_id,
CASE
WHEN sq.question_type='1' THEN sq.question_instruction
WHEN sq.medium_id=$medium_id THEN sq.question_instruction
WHEN sqm.medium_id=$medium_id THEN sqm.question_instruction
END as question_instruction,
CASE
WHEN sq.question_type='1' THEN sq.question_statement
WHEN sq.medium_id=$medium_id THEN sq.question_statement
WHEN sqm.medium_id=$medium_id THEN sqm.question_statement
END as question_statement,
CASE
WHEN sq.question_type='1' THEN sq.option_1
WHEN sq.medium_id=$medium_id THEN sq.option_1
WHEN sqm.medium_id=$medium_id THEN sqm.option_1
END as option_1,
CASE
WHEN sq.question_type='1' THEN sq.option_2
WHEN sq.medium_id=$medium_id THEN sq.option_2
WHEN sqm.medium_id=$medium_id THEN sqm.option_2
END as option_2,
CASE
WHEN sq.question_type='1' THEN sq.option_3
WHEN sq.medium_id=$medium_id THEN sq.option_3
WHEN sqm.medium_id=$medium_id THEN sqm.option_3
END as option_3,
CASE
WHEN sq.question_type='1' THEN sq.option_4
WHEN sq.medium_id=$medium_id THEN sq.option_4
WHEN sqm.medium_id=$medium_id THEN sqm.option_4
END as option_4,
CASE
WHEN sq.question_type='1' THEN sq.option_5
WHEN sq.medium_id=$medium_id THEN sq.option_5
WHEN sqm.medium_id=$medium_id THEN sqm.option_5
END as option_5
FROM $SP_QUESTION as sq
LEFT JOIN $SP_QUESTION_MEDIUM_WISE as sqm on sqm.question_id=sq.question_id and sqm.medium_id='$medium_id' where sq.question_id='$question_id'");
$ques = $quesfetch->fetch_assoc();
$question_option_1_answer = $ques['option_1'];
$question_option_2_answer = $ques['option_2'];
$question_option_3_answer = $ques['option_3'];
$question_option_4_answer = $ques['option_4'];
$question_option_5_answer = $ques['option_5'];
$question_test_passage = $ques['question_instruction'];
$question_statement = $ques['question_statement'];
$root_link = '"https://sarkaripariksha.com/';
$qID = $question_id;
// encode the post parameters
$enqID = $qID;
$question = str_replace('"../', $root_link, $question_statement);
$option1 = str_replace('"../', $root_link, $question_option_1_answer);
$option1 = str_replace($spaceArray, $replaceSpaceArray, $option1);
$option2 = str_replace('"../', $root_link, $question_option_2_answer);
$option2 = str_replace($spaceArray, $replaceSpaceArray, $option2);
if ($question_option_3_answer) {
$option3 = str_replace('"../', $root_link, $question_option_3_answer);
$option3 = str_replace($spaceArray, $replaceSpaceArray, $option3);
} else {
$option3 = "";
}
if ($question_option_4_answer) {
$option4 = str_replace('"../', $root_link, $question_option_4_answer);
$option4 = str_replace($spaceArray, $replaceSpaceArray, $option4);
} else {
$option4 = "";
}
if ($question_option_5_answer) {
$option5 = str_replace('"../', $root_link, $question_option_5_answer);
$option5 = str_replace($spaceArray, $replaceSpaceArray, $option5);
} else {
$option5 = "";
}
$instructions = "";
$instructions = str_replace('"../', $root_link, $question_test_passage);
// replacing cloze test blanks with question id
$varRep = array('{$curnt}' => $i, '{$curnt+1}' => $i + 1, '{$curnt+2}' => $i + 2, '{$curnt+3}' => $i + 3, '{$curnt+4}' => $i + 4, '{$curnt+5}' => $i + 5, '{$curnt+6}' => $i + 6, '{$curnt+7}' => $i + 7, '{$curnt+8}' => $i + 8, '{$curnt+9}' => $i + 9, '{$curnt+10}' => $i + 10, '{$curnt-1}' => $i - 1, '{$curnt-2}' => $i - 2, '{$curnt-3}' => $i - 3, '{$curnt-4}' => $i - 4, '{$curnt-5}' => $i - 5, '{$curnt-6}' => $i - 6, '{$curnt-7}' => $i - 7, '{$curnt-8}' => $i - 8, '{$curnt-9}' => $i - 9, '{$curnt-10}' => $i - 10);
// replace unneccessary spaces from ques and statement
$instructions = str_replace($spaceArray, $replaceSpaceArray, $instructions);
$question = str_replace($spaceArray, $replaceSpaceArray, $question);
?>
<div class="marginquestion-list-section">
<!-- QUESTION LOOP START -->
<div class="col-md-12 col-sm-12 col-xs-12 p-0" style="display:<?php if ($i > 1) echo 'none;'; ?>" id="ques_<?php echo $i; ?>">
<!-- CHANGE LANGUAGE SECTION -->
<div class="change-language-section">
<div class="chek col-md-9 col-sm-12 col-xs-12" id="contentdiv">
<div class="col-md-9 col-sm-6 col-xs-12 p-0">
<div class="col-md-11 col-xs-10 pl-0">
<h5 class="section-detail">Section Name</h5>
</div>
</div>
</div>
</div>
<!-- END CHANGE LANGUAGE SECTION -->
<input type="hidden" id="ques_second_<?php echo $i; ?>" value="0">
<div class="chek col-md-9 col-sm-12 col-xs-12 p-0" id="contentdiv">
<div class="col-md-3 col-sm-4 col-xs-7">
<h4 class="que_no">Question 1 of 100</h4>
</div>
<div class="col-md-5 col-sm-4 col-xs-5">
<h4 class="marks-posi-ngi">
<span class="mobile-hide">Marks</span>
<span class="posi">+ 1.00</span>
<span class="ngi">-2.5%</span>
</h4>
</div>
<div class="col-md-2 col-sm-2 col-xs-4 text-right">
<p class="timer-txt">
<i class="fa fa-clock-o" title="Spend time on question"></i>
<span id="minutes">00</span>:
<span id="seconds">00</span>
</p>
</div>
<div class="col-md-2 col-sm-2 col-xs-8 text-right">
<h4 class="report-txt" data-toggle="modal" data-target="#reportProblem"><i class="fa fa-exclamation-triangle" title="Report a Mistake in questions or else"></i> Report </h4>
</div>
<hr class="hr-line m-0">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="instructions-box">
<h4 class="instructions-txt">
<?php if ($instructions != "") {
echo 'Instructions :'; ?>
<h4 class="instructions-details" id="instruction_<?php echo $i; ?>">
<?php echo $instructions; ?>
</h4>
<?php } ?>
</h4>
</div>
<div class="col-md-12 p-0">
<h4 class="question-text" id="question_statement_<?php echo $i; ?>">
<?php echo strtr($question, $varRep); ?>
</h4>
<div class="radio questions-radio-option fontControl">
<span class="option-alpha">(a)</span>
<label class="fontControl option_pad">
<input class="tt_test_option" id="rd_ans1<?php echo $i; ?>" type="radio" value="1" name="rd_ans<?php echo $i; ?>" />
<span class="opti fontControl" id="option_1_<?php echo $i; ?>">
<?php echo $option1; ?>
</span>
</label><br>
</div>
<div class="radio questions-radio-option fontControl">
<span class="option-alpha">(b)</span>
<label class="fontControl option_pad">
<input class="tt_test_option" id="rd_ans2<?php echo $i; ?>" type="radio" value="2" name="rd_ans<?php echo $i; ?>" />
<span class="opti fontControl" id="option_2_<?php echo $i; ?>">
<?php echo $option2; ?>
</span>
</label><br>
</div>
<?php if ($option3 != "") { ?>
<div class="radio questions-radio-option fontControl">
<span class="option-alpha">(c)</span>
<label class="fontControl option_pad">
<input class="tt_test_option" id="rd_ans3<?php echo $i; ?>" type="radio" value="3" name="rd_ans<?php echo $i; ?>" />
<span class="opti fontControl" id="option_3_<?php echo $i; ?>">
<?php echo $option3; ?>
</span>
</label><br>
</div>
<?php } ?>
<?php if ($option4 != "") { ?>
<div class="radio questions-radio-option fontControl">
<span class="option-alpha">(d)</span>
<label class="fontControl option_pad">
<input class="tt_test_option" id="rd_ans4<?php echo $i; ?>" type="radio" value="4" name="rd_ans<?php echo $i; ?>" />
<span class="opti fontControl" id="option_4_<?php echo $i; ?>">
<?php echo $option4; ?>
</span>
</label><br>
</div>
<?php } ?>
<?php if ($option5 != "") { ?>
<div class="radio questions-radio-option fontControls">
<span class="option-alpha">(e)</span>
<label class="fontControl option_pad">
<input class="tt_test_option" id="rd_ans5<?php echo $i; ?>" type="radio" value="5" name="rd_ans<?php echo $i; ?>" />
<span class="opti fontControl" id="option_5_<?php echo $i; ?>">
<?php echo $option5; ?>
</span>
</label><br>
</div>
<?php } ?>
</div>
</div>
</div>
<!-- FOOTER SECTION -->
<div class="footer web-footer">
<div class="col-md-12 col-sm-12 col-xs-12 p-0">
<div class="col-md-4 col-sm-5 col-xs-12 p-0">
<ul class="footer-ul-btn">
<li>
<a style="cursor: pointer;text-decoration:none;display: none;" id="submit_<?php echo $i ?>" class="button tet_prevoius tet_previous<?php echo $i ?>">
<h4 class="clear_res button_disable"><?php echo 'Previous' ?></h4>
</a>
<a style="cursor: not-allowed;text-decoration:none;" class="tet_prevoius tet_previous_disable<?php echo $i ?>" id="submit_<?php echo $i ?>">
<h4 class="clear_res button_disable"><?php echo 'Previous' ?></h4>
</a>
</li>
<li>
<a style="cursor: pointer;text-decoration:none;" id="submit_<?php echo $i ?>" class="button tet_mock_next tet_mock_next<?php echo $i ?>">
<h4 class="tt_next_btn clear_res2"><?php echo 'Next' ?></h4>
</a>
<a id="submit_<?php echo $i ?>" class="tet_mock_next_disable<?php echo $i ?>" style="display: none;cursor: not-allowed;">
<h4 class="clear_res2 button_disable"><?php echo 'Next' ?></h4>
</a>
</li>
</ul>
</div>
<div class="col-md-5 col-sm-4 col-xs-12 text-center">
<ul class="footer-ul-btn">
<li class="float-right mr-0">
<a style="cursor: pointer;text-decoration:none;" id="submit_<?php echo $i ?>" class="button tet_tag">
<h4 class="tt_tagged"><?php echo "Tag"; ?></h4>
</a>
</li>
<li class="float-right">
<a style="cursor: pointer;text-decoration:none;" id="submit_<?php echo $i ?>" class="button tet_clear">
<h4 class="mark_rev_next"><?php echo "Clear"; ?></h4>
</a>
</li>
</ul>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<ul class="footer-ul-btn">
<li style="width: 100%;">
<a style="cursor: pointer;text-decoration:none;" href="#finishExit" id="fin_ex">
<h4 class="sub_test">
Finish & Exit
</h4>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer mobile-footer">
<div class="col-md-12 col-xs-12 p-0">
<div class="col-xs-12 p-0">
<ul class="footer-ul-btn">
<li>
<a style="cursor: pointer;text-decoration:none;display: none;" id="submit_<?php echo $i ?>" class="button tet_prevoius tet_previous<?php echo $i ?>">
<h4 class="icon_clear_res clear_res button_disable"><i class="fa fa-angle-left" title="Previous"></i></h4>
</a>
<a style="cursor: not-allowed;text-decoration:none;" class="tet_prevoius tet_previous_disable<?php echo $i ?>" id="submit_<?php echo $i ?>">
<h4 class="icon_clear_res clear_res button_disable"><i class="fa fa-angle-left" title="Previous"></i></h4>
</a>
</li>
<li>
<a style="cursor: pointer;text-decoration:none;" id="submit_<?php echo $i ?>" class="button tet_clear">
<h4 class="mark_rev_next"><?php echo "Clear"; ?></h4>
</a>
</li>
<li>
<a style="cursor: pointer;text-decoration:none;" id="submit_<?php echo $i ?>" class="button tet_tag">
<h4 class="tt_tagged"><?php echo "Tag"; ?></h4>
</a>
</li>
<li>
<a style="cursor: pointer;text-decoration:none;" id="submit_<?php echo $i ?>" class="button tet_mock_next tet_mock_next<?php echo $i ?>">
<h4 class="tt_next_btn icon_clear_res2"><i class="fa fa-angle-right" title="Next"></i></h4>
</a>
<a id="submit_<?php echo $i ?>" style="display: none;cursor: not-allowed;" class="tet_mock_next_disable<?php echo $i ?>">
<h4 class="icon_clear_res2 button_disable"><i class="fa fa-angle-right" title="Next"></i></h4>
</a>
</li>
</ul>
</div>
<div class="col-xs-12 p-0">
<ul class="footer-ul-btn">
<li style="width: 100%;">
<a style="cursor: pointer;text-decoration:none;" href="#finishExit" id="fin_ex">
<h4 class="sub_test">
Finish & Exit
</h4>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- END FOOTER SECTION -->
</div>
<!-- END QUESTION LOOP START -->
</div>
</div>
<!-----------questions loop end----------------->
<!-- END MCQ QUESTIONS SECTION -->
<div id="wrapper_test">
<nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
<div class="col-md-12 col-sm-12 col-xs-12 p-0">
<ul class="side-dashboard-ul">
<li>
<div class="left_thumb"><i class="fa fa-user" title="<?php echo $showUsername; ?>"></i></div>
<h4 class="side-username"><?php echo $showUsername; ?></h4>
</li>
</ul>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 p-0">
<ul class="question-attemp-ul">
<li>
<span style="background: green;" id="McountAn">0</span>
Attempted
</li>
<li>
<span style="background: #ffffff;color: #000;border: 1px solid;" id="McountNot">0</span>
Not Viewed
</li>
<li>
<span style="background: #ec2222;" id="McountNotAns">0</span>
UnAttempted
</li>
<li>
<span style="background: #deec17;" id="McountAttempTag">0</span>
Attempted-tagged
</li>
<li>
<span style="background: #3355b7;" id="McountTagged">0</span>
Tagged
</li>
</ul>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 dash_ph">
<h4 class="qu_ph">Question Dashboard</h4>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 res p-0">
<div id="tt_pend_div">
<h5 class="qudash1">Section Name</h5>
<div class="col-md-1 col-sm-1 col-xs-1 tt_pend_q box <?php echo $class; ?>" style="background-color:<?php echo $color; ?>;border:1px solid <?php echo $color; ?>;" id="tt_pend_q<?php echo $i; ?>"><?php echo $i; ?></div>
</div>
</div>
</nav>
</div>
</div>
</form>
</div>
</section>
<script src="https://sarkaripariksha.com/mock-test/js/jquery-1.12.4.js"></script>
<script src="https://sarkaripariksha.com/mock-test/js/bootstrap.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
var icon = jQuery('#chg_icon');
var trigger = jQuery('.hamburger')
if (window.matchMedia("(max-width: 767px)").matches) {
isClosed = true;
hamburger_cross();
} else {
isClosed = true;
var element = document.getElementById("wrapper_test");
element.classList.add("toggled");
}
trigger.click(function() {
hamburger_cross();
});
function hamburger_cross() {
if (isClosed == true) {
trigger.removeClass('is-open');
trigger.addClass('is-closed');
icon.removeClass('fa-angle-right');
icon.addClass('fa-angle-left');
isClosed = false;
} else {
trigger.removeClass('is-closed');
trigger.addClass('is-open');
icon.addClass('fa-angle-right');
icon.removeClass('fa-angle-left');
isClosed = true;
}
}
jQuery('[data-toggle="offcanvas"]').click(function() {
jQuery('#wrapper_test').toggleClass('toggled');
if (isClosed == true) {
var x = document.querySelectorAll("div.chek");
for (var i = 0; i < x.length; i++) {
x[i].classList.remove("col-md-12");
x[i].classList.add("col-md-9");
}
} else if (isClosed == false) {
var y = document.querySelectorAll("div.chek");
for (var i = 0; i < y.length; i++) {
y[i].classList.remove("col-md-9");
y[i].classList.add("col-md-12");
}
}
});
});
</script>
</body>
<?php } ?>