<style type="text/css"> .invisible { display: none; } .exmqus_btnblock{ margin-inline: auto; } </style> <main class="common_margin" id="main"> <div class=" main-inner-content main-wrap"> <div class="main-inner-content"> <!------test/exam page start------> <div class="exm_mainblock"> <div class="exmqus_inner"> <div class="exmdiv_sec"> <div class="exm_block"> <div class="exmqus_header"> <div class="exmqusheader_l"> <div id="exam-name" class="exmqus_headerheading"></div> </div> <div class="exmqusheader_r"> <div id="pagination-num" class="exmqus_headerqus"></div> <div class="exmqus_headertym"></div> <div id="marks_per_question" style="margin-left:30px;font-size: 12px;font-weight: 600;"></div> </div> </div> <div class="exm_scrollsec"> <div class="exm_qusblock"> <div id="ques-num" class="exmqus"></div> <div id="ques-body" class="exmqus_detail"></div> </div> <div class="img-block"> </div> <div class="exm_ansblock"> <div class="exm_anshead">Please Answer Your Question </div> <div class="exmradiobtn"> <input type="radio" id="r1" value="A" name="ans" class="radio-ans" aria-label="Single radio One"> <label id="a1"><span>A</span></label> </div> <div class="exmradiobtn"> <input type="radio" id="r2" value="B" name="ans" class="radio-ans" aria-label="Single radio One"> <label id="a2"><span>B</span></label> </div> <div class="exmradiobtn"> <input type="radio" id="r3" value="C" name="ans" class="radio-ans" aria-label="Single radio One"> <label id="a3"><span>C</span></label> </div> <div class="exmradiobtn"> <input type="radio" id="r4" value="D" name="ans" class="radio-ans" aria-label="Single radio One"> <label id="a4"><span>D</span></label> </div> <div class="exmradiobtn"> <input type="radio" id="tf1" value="1" name="anss" class="radio-ans" aria-label="Single radio One"> <label id="t1"><span>True</span></label> </div> <div class="exmradiobtn"> <input type="radio" id="tf2" value="0" name="anss" class="radio-ans" aria-label="Single radio One"> <label id="t2"><span>False</span></label> </div> <div class="txtarea"> <textarea id="sa" name="sa" class="form-control" rows="4"></textarea> </div> <div class="txtarea"> <textarea id="la" name="la" class="form-control" rows="6"></textarea> </div> </div> </div> <div class="exmqus_btnsec"> <div class="exmqus_btnblock"> <button id="btn-prev" type="button" class="exm_prebtn" >Previous question</button> <button id="btn-next" type="button" class="exm_nxtbtn">Next question</button> <button id="btn-finish" type="button" class="exm_prevbtns finishexambtn">Submit</button> </div> <!-- <div class="exmqus_skip"><i class="fa fa-angle-right" aria-hidden="true"></i><i class="fa fa-angle-right" aria-hidden="true"></i>Skip for now</div> --> </div> </div> <div class="exm_pagination"> <div class="exm_paginationsec"> <div id="blocks" class="exm_pagination_top"> </div> <div id="pagination-btns" class="exm_pagination_btm"> </div> </div> </div> </div> </div> </div> <!------test/exam page end------> <!-- model for click --> <div class="viewDoc delete-modal-wrap" > <div class="modal fade" id="submitModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal">×</button> <div class="delete-modal"> <i class="fas fa-exclamation-circle"></i> <input type="hidden" id="sdid" /> <h4 >Are you sure?</h4> <p>Are you sure you want to submit the record?</p> <div class="delete-modal-btn"> <button type="button" class="subject_addbtn subject_addbtn_green btn_submit_answer" >Submit</button> <button type="button" class="subject_addbtn subject_addbtn_cancel" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> </div> <div class="modal fade" id="timeUpModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close btn_submit_answer" data-dismiss="modal">×</button> <div class="delete-modal"> <i class="fas fa-exclamation-circle"></i> <input type="hidden" id="sdid" /> <h4>Time up !!!</h4> <p>Thank you</p> </div> </div> </div> </div> </div> </div> </div> </main> <!-- Live exam logics --> <script type="text/javascript"> function displayFormat(qtype) { if(qtype=='2') { $('#a1').css('display','none'); $('#a2').css('display','none'); $('#a3').css('display','none'); $('#a4').css('display','none'); $('#t1').css('display','block'); $('#t2').css('display','block'); $('#sa').css('display','none'); $('#la').css('display','none'); }else if(qtype=='1') { $('#a1').css('display','block'); $('#a2').css('display','block'); $('#a3').css('display','block'); $('#a4').css('display','block'); $('#t1').css('display','none'); $('#t2').css('display','none'); $('#sa').css('display','none'); $('#la').css('display','none'); }else if(qtype=='3') { $('#a1').css('display','none'); $('#a2').css('display','none'); $('#a3').css('display','none'); $('#a4').css('display','none'); $('#t1').css('display','none'); $('#t2').css('display','none'); $('#sa').css('display','block'); $('#la').css('display','none'); }else if(qtype=='4') { $('#a1').css('display','none'); $('#a2').css('display','none'); $('#a3').css('display','none'); $('#a4').css('display','none'); $('#t1').css('display','none'); $('#t2').css('display','none'); $('#sa').css('display','none'); $('#la').css('display','block'); } } $(document).ready(function(){ var my_id = '<?php echo $student_id; ?>'; var arr_ques=''; var test_id = '<?= $exam_question_Id; ?>'; var s_date,e_date,msec ; $.post( "<?= base_url(); ?>student/getAllQues", { test_id: test_id }, function(data) { arr_ques = JSON.parse(data); arr_ans = []; // console.log(arr_ques); for(var i=0;i<arr_ques.length;i++) { arr_ans['a_'+i] = ''; } //setting initial questions $('#exam-name').html( arr_ques[0].subject_name +' - '+ arr_ques[0].e_name); $('#marks_per_question').html(arr_ques[0].marks +' Mark'); $('#pagination-num').html('1/'+arr_ques.length); $('#ques-num').html('1: '); $('#ques-body').html(arr_ques[0].question_name); $('#a1').html(arr_ques[0].option_a); $('#a2').html(arr_ques[0].option_b); $('#a3').html(arr_ques[0].option_c); $('#a4').html(arr_ques[0].option_d); if (arr_ques[0].image != "") { var img = '<img src="<?php echo base_url() ?>'+ arr_ques[0].image +'" width="120" height="120" class="my-3">'; $('.img-block').html(img); } displayFormat(arr_ques[0].question_type_id); //setting initial paginations - blocks var counter = arr_ques.length; var i=0; var r1=1; var r2=10; while(counter>0) { i++; if(counter<=10) { if(i==1) { $('#blocks').append('<div id="block_'+i+'" class="exm_pagination_block exm_pagination_active">'+r1+'-'+arr_ques.length+'</div>'); } else { $('#blocks').append('<div id="block_'+i+'" class="exm_pagination_block">'+r1+'-'+arr_ques.length+'</div>'); } counter-=10; } else { if(i==1) { $('#blocks').append('<div id="block_'+i+'" class="exm_pagination_block exm_pagination_active">'+r1+'-'+r2+'</div>'); } else { $('#blocks').append('<div id="block_'+i+'" class="exm_pagination_block">'+r1+'-'+r2+'</div>'); } counter-=10; r1+=10; r2+=10; } } //setting initial paginations - pagination btns var r1=1; var r2=10; if(arr_ques.length<=10) { r2=arr_ques.length; } for(i=1;i<=arr_ques.length;i++) { if(i==1) { $('#pagination-btns').append('<div id="page_'+i+'" class="exm_pagination_no exm_pagination_noactive">'+i+'</div>'); } else { if(i>=r1 && i<=r2) { $('#pagination-btns').append('<div id="page_'+i+'" class="exm_pagination_no">'+i+'</div>'); } else { $('#pagination-btns').append('<div id="page_'+i+'" class="exm_pagination_no invisible">'+i+'</div>'); } } } $('#btn-finish').css('display','none'); } ); // Previous button logic $('#btn-prev').click(function(){ if($('#r1').is(':checked') || $('#r2').is(':checked') || $('#r3').is(':checked') || $('#r4').is(':checked') || $('#tf1').is(':checked') || $('#tf2').is(':checked') || $('#sa').val() !='' || $('#la').val() !='') { var current_ques_num = parseInt($('.exm_pagination_noactive').html()); var next_ques_num = parseInt(current_ques_num) - parseInt(1); if(arr_ques[next_ques_num].question_type_id=='1') { var ans = $('input[name="ans"]:checked').val(); }else if(arr_ques[next_ques_num].question_type_id=='2'){ var ans = $('input[name="anss"]:checked').val(); }else if(arr_ques[next_ques_num].question_type_id=='3') { var ans = $('#sa').val(); }else if(arr_ques[next_ques_num].question_type_id=='4') { var ans = $('#la').val(); } // store answer in answer array if (next_ques_num <= 0) { next_ques_num = arr_ques.length; } arr_ans[current_ques_num-1] = ans; $('.exm_pagination_no').removeClass('exm_pagination_noactive'); $('#page_'+next_ques_num).addClass('exm_pagination_noactive'); //Setting up question & options $('#exam-name').html(arr_ques[next_ques_num-1].e_name); $('#marks_per_question').html(arr_ques[next_ques_num-1].marks +' Mark'); $('#pagination-num').html(next_ques_num+'/'+arr_ques.length); $('#ques-num').html(next_ques_num+': '); $('#ques-body').html(arr_ques[next_ques_num-1].question_name); $('#a1').html(arr_ques[next_ques_num-1].option_a); $('#a2').html(arr_ques[next_ques_num-1].option_b); $('#a3').html(arr_ques[next_ques_num-1].option_c); $('#a4').html(arr_ques[next_ques_num-1].option_d); if (arr_ques[next_ques_num-1].image != "") { $('.img-block').show(); var img = '<img src="<?php echo base_url() ?>'+ arr_ques[next_ques_num-1].image +'" width="120" height="120" class="my-3">'; $('.img-block').html(img); }else{ $('.img-block').hide(); } displayFormat(arr_ques[next_ques_num-1].question_type_id); //Check for checked radios if(typeof arr_ans[next_ques_num-1]!=='undefined') { if(arr_ans[next_ques_num-1]=='A') { $('#r1').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='B') { $('#r2').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='C') { $('#r3').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='D') { $('#r4').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='1') { $('#tf1').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='0') { $('#tf2').prop('checked',true); } else if(arr_ques[next_ques_num-1].question_type_id=='3') { $('#sa').val(arr_ans[next_ques_num-1]); } else{ $('#la').val(arr_ans[next_ques_num-1]); } } else { $('#r1').prop('checked',false); $('#r2').prop('checked',false); $('#r3').prop('checked',false); $('#r4').prop('checked',false); $('#tf1').prop('checked',false); $('#tf2').prop('checked',false); $('#sa').val(''); $('#la').val(''); } // Check for blocks var num_of_blocks = $('.exm_pagination_block').length; for(var i=1;i<=num_of_blocks;i++) { var block_r2 = i*10; var block_r1 = block_r2-9; var active_block_number = 0; if(next_ques_num<=block_r2 && next_ques_num>=block_r1) { active_block_number = i; $('.exm_pagination_block').removeClass('exm_pagination_active'); $('#block_'+active_block_number).addClass('exm_pagination_active'); //check pagination btns $('.exm_pagination_no').addClass('invisible'); for(var x=block_r1;x<=block_r2;x++) { $('#page_'+x).removeClass('invisible'); } } } // Last Question logic if(next_ques_num==arr_ques.length) { $('#btn-next').css('display','none'); $('#btn-finish').css('display','inline-block'); } else { $('#btn-next').css('display','inline-block'); $('#btn-finish').css('display','none'); } } else { alert('Please Answer your Question'); } }); // Next button logic $('#btn-next').click(function(){ if($('#r1').is(':checked') || $('#r2').is(':checked') || $('#r3').is(':checked') || $('#r4').is(':checked') || $('#tf1').is(':checked') || $('#tf2').is(':checked') || $('#sa').val() !='' || $('#la').val() !='') { var current_ques_num = parseInt($('.exm_pagination_noactive').html()); var next_ques_num = current_ques_num+1; // store answer in answer array if(arr_ques[next_ques_num-2].question_type_id=='1') { var ans = $('input[name="ans"]:checked').val(); }else if(arr_ques[next_ques_num-2].question_type_id=='2'){ var ans = $('input[name="anss"]:checked').val(); }else if(arr_ques[next_ques_num-2].question_type_id=='3') { var ans = $('#sa').val(); }else if(arr_ques[next_ques_num-2].question_type_id=='4') { var ans = $('#la').val(); } arr_ans[current_ques_num-1] = ans; $('.exm_pagination_no').removeClass('exm_pagination_noactive'); $('#page_'+next_ques_num).addClass('exm_pagination_noactive'); //Setting up quesiion & options $('#exam-name').html(arr_ques[next_ques_num-1].e_name); $('#marks_per_question').html(arr_ques[next_ques_num-1].marks +' Mark'); $('#pagination-num').html(next_ques_num+'/'+arr_ques.length); $('#ques-num').html(next_ques_num+': '); $('#ques-body').html(arr_ques[next_ques_num-1].question_name); $('#a1').html(arr_ques[next_ques_num-1].option_a); $('#a2').html(arr_ques[next_ques_num-1].option_b); $('#a3').html(arr_ques[next_ques_num-1].option_c); $('#a4').html(arr_ques[next_ques_num-1].option_d); if (arr_ques[next_ques_num-1].image != "") { $('.img-block').show(); var img = '<img src="<?php echo base_url() ?>'+ arr_ques[next_ques_num-1].image +'" width="120" height="120" class="my-3">'; $('.img-block').html(img); }else{ $('.img-block').hide(); } displayFormat(arr_ques[next_ques_num-1].question_type_id); //Check for checked radios if(typeof arr_ans[next_ques_num-1]!=='undefined') { if(arr_ans[next_ques_num-1]=='A') { $('#r1').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='B') { $('#r2').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='C') { $('#r3').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='D') { $('#r4').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='1') { $('#tf1').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='0') { $('#tf2').prop('checked',true); } else if(arr_ques[next_ques_num-1].question_type_id == '3') { $('#sa').val(arr_ans[next_ques_num-1]); } else{ $('#la').val(arr_ans[next_ques_num-1]); } } else { $('#r1').prop('checked',false); $('#r2').prop('checked',false); $('#r3').prop('checked',false); $('#r4').prop('checked',false); $('#tf1').prop('checked',false); $('#tf2').prop('checked',false); $('#sa').val(''); $('#la').val(''); } // Check for blocks var num_of_blocks = $('.exm_pagination_block').length; for(var i=1;i<=num_of_blocks;i++) { var block_r2 = i*10; var block_r1 = block_r2-9; var active_block_number = 0; if(next_ques_num<=block_r2 && next_ques_num>=block_r1) { active_block_number = i; $('.exm_pagination_block').removeClass('exm_pagination_active'); $('#block_'+active_block_number).addClass('exm_pagination_active'); //check pagination btns $('.exm_pagination_no').addClass('invisible'); for(var x=block_r1;x<=block_r2;x++) { $('#page_'+x).removeClass('invisible'); } } } // Last Question logic if(next_ques_num==arr_ques.length) { $('#btn-next').css('display','none'); $('#btn-finish').css('display','inline-block'); } else { $('#btn-next').css('display','inline-block'); $('#btn-finish').css('display','none'); } } else { alert('Please select an Answer'); } }); // block change logic $(document).on('click', '.exm_pagination_block', function(){ var block_id = $(this).attr('id'); $('.exm_pagination_block').removeClass('exm_pagination_active'); $('#'+block_id).addClass('exm_pagination_active'); var block_num = block_id.substring(block_id.indexOf('_') + 1); var block_r2 = block_num*10; var block_r1 = block_r2-9; $('.exm_pagination_no').addClass('invisible'); for(var i=1;i<=arr_ques.length;i++) { if(i>=block_r1 && i<=block_r2) { $('#page_'+i).removeClass('invisible'); } } }); // pagination btns click logic $(document).on('click', '.exm_pagination_no', function(){ var current_ques_num = parseInt($('.exm_pagination_noactive').html()); // arr_ans[current_ques_num-1] = ans; if(arr_ques[current_ques_num-1].question_type_id=='1') { var ans = $('input[name="ans"]:checked').val(); }else if(arr_ques[current_ques_num-1].question_type_id=='2'){ var ans = $('input[name="anss"]:checked').val(); }else if(arr_ques[current_ques_num-1].question_type_id=='3') { var ans = $('#sa').val(); }else if(arr_ques[current_ques_num-1].question_type_id=='4') { var ans = $('#la').val(); } arr_ans[current_ques_num-1] = ans; var pagination_id = $(this).attr('id'); $('.exm_pagination_no').removeClass('exm_pagination_noactive'); $('#'+pagination_id).addClass('exm_pagination_noactive'); var ques_num = $('#'+pagination_id).html(); ques_num = parseInt(ques_num)-1; $('#exam-name').html(arr_ques[ques_num].e_name); $('#marks_per_question').html(arr_ques[ques_num].marks +' Mark'); $('#pagination-num').html((ques_num+1)+'/'+arr_ques.length); $('#ques-num').html((ques_num+1)+': '); $('#ques-body').html(arr_ques[ques_num].question_name); $('#a1').html(arr_ques[ques_num].option_a); $('#a2').html(arr_ques[ques_num].option_b); $('#a3').html(arr_ques[ques_num].option_c); $('#a4').html(arr_ques[ques_num].option_d); if (arr_ques[ques_num].image != "") { $('.img-block').show(); var img = '<img src="<?php echo base_url() ?>'+ arr_ques[ques_num].image +'" width="120" height="120" class="my-3">'; $('.img-block').html(img); }else{ $('.img-block').hide(); } displayFormat(arr_ques[ques_num].question_type_id); //Check for checked radios var next_ques_num = parseInt($('.exm_pagination_noactive').html()); if(typeof arr_ans[next_ques_num-1]!=='undefined') { if(arr_ans[next_ques_num-1]=='A') { $('#r1').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='B') { $('#r2').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='C') { $('#r3').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='D') { $('#r4').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='1') { $('#tf1').prop('checked',true); } else if(arr_ans[next_ques_num-1]=='0') { $('#tf2').prop('checked',true); } else if(arr_ques[next_ques_num-1].question_type_id == '3') { $('#sa').val(arr_ans[next_ques_num-1]); } else{ $('#la').val(arr_ans[next_ques_num-1]); } } else { $('#r1').prop('checked',false); $('#r2').prop('checked',false); $('#r3').prop('checked',false); $('#r4').prop('checked',false); $('#tf1').prop('checked',false); $('#tf2').prop('checked',false); $('#sa').val(''); $('#la').val(''); } // Last Question logic if(next_ques_num==arr_ques.length) { $('#btn-next').css('display','none'); $('#btn-finish').css('display','inline-block'); } else { $('#btn-next').css('display','inline-block'); $('#btn-finish').css('display','none'); } }); // Ask user before submit $(document).on('click', '#btn-finish', function(){ $('#submitModal').modal({ backdrop: 'static', keyboard: false }); }); // finish exam and store answer $(document).on('click', '.btn_submit_answer', function(){ var current_ques_num = parseInt($('.exm_pagination_noactive').html()); var next_ques_num = current_ques_num+1; // store answer in answer array if(arr_ques[next_ques_num-2].question_type_id=='1') { var ans = $('input[name="ans"]:checked').val(); }else if(arr_ques[next_ques_num-2].question_type_id=='2'){ var ans = $('input[name="anss"]:checked').val(); }else if(arr_ques[next_ques_num-2].question_type_id=='3') { var ans = $('#sa').val(); }else if(arr_ques[next_ques_num-2].question_type_id=='4') { var ans = $('#la').val(); } arr_ans[current_ques_num-1] = ans; var arr_to_send = {}; for(var i=0;i<arr_ques.length;i++) { arr_to_send[i] = { 'student_id':my_id, 'exams_id':arr_ques[i].test_id, 'exam_questions_id':arr_ques[i].id, 'answer':arr_ans[i]}; } var arr_json = JSON.stringify(arr_to_send); // console.log(arr_json); $.post( "<?php echo base_url(); ?>student/submit_exam_answer", { ans_array: arr_json}, function(data) { window.location.href = "<?php echo base_url(); ?>student/my-tests-exams"; } ); }); function convert(s){ var hrs = Math.floor(s % (3600*24) / 3600); var min = Math.floor(s % 3600 / 60); var sec = Math.floor(s % 60); return "Time Remaining " + hrs + " hrs : " + min + " min : " + sec +" sec"; } var interval = setInterval(timer , 1000); var counter = 0; var s_date = new Date('<?php echo $exams_data[0]['exam_starttime']; ?>').getTime(); var e_date = new Date('<?php echo $exams_data[0]['exam_endtime']; ?>').getTime(); let NDate = NepaliFunctions.GetCurrentBsDate(); var temp_date = new Date(); let bSDate = NepaliFunctions.GetAdMonth(NDate.month-1); var append_time = bSDate + ' ' + NDate.day +','+ NDate.year +' '+ temp_date.getHours()+':'+ temp_date.getMinutes()+':'+temp_date.getSeconds(); var current_date = new Date(append_time).getTime(); var check_time_start = s_date - current_date; var timeLeft ; if (check_time_start < 0) { timeLeft = parseInt((e_date - current_date) / 1000); } else{ timeLeft = (e_date - s_date) / 1000; } // var timeLeft = (e_date - s_date) / 1000; $(".exmqus_headertym").html(convert(timeLeft - counter)); function timer(){ counter ++; $(".exmqus_headertym").html(convert(timeLeft - counter)); if (counter == timeLeft) { clearInterval(interval); pop_up_message(); // alert("time's up"); } } //show user popup after time out function pop_up_message() { $('#timeUpModal').modal({ backdrop: 'static', keyboard: false }); } }); $(".closehide_btn").click(function() { $('.my-tabs-items').removeClass('my-tabs-items_toggler'); }); $(".toggler_resp").click(function() { $('.my-tabs-items').addClass('my-tabs-items_toggler'); }); </script> <link rel="stylesheet" type="text/css" href="<?php echo base_url() ?>/assets_student/css/test-exam.css">