EVOLUTION-NINJA
Edit File: mocktest_setting.php
<?php echo view('includes/faculty_header'); ?> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" /> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/jqgrid/css/ui.jqgrid.css'); ?>" /> <!-- <link rel="stylesheet" type="text/css" href="<?php //echo base_url('public/assets/css/timingfield.css'); ?>"/> <script type="text/javascript" src="<?php //echo base_url('public/assets/js/timingfield.js'); ?>"></script> --> <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/website_assets/css/timepicki.css'); ?>" /> <script type="text/javascript" src="<?php echo base_url('public/assets/website_assets/js/timepicki.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('public/assets/jqgrid/js/jquery.jqGrid.min.js'); ?>"></script> <script type="text/ecmascript" src="<?php echo base_url('public/assets/jqgrid/js/i18n/grid.locale-en.js'); ?>"></script> <script src="<?php echo base_url('public/assets/js/jquery-ui.js'); ?>" type="text/javascript"></script> <div id="page-wrapper"> <div class="my_header"> <h3 style="padding-bottom:10px;border-bottom:2px dashed #468662;margin-bottom:20px; font-weight: bold;">ASSESMENT SETTINGS</h3> <a href="javascript:history.back()" class="btn btn-primary" style="float:right; margin-right: 50px;">Back</a> <div class="col-md-2"></div> <div class="col-md-8"> <form class="form-horizontal" id="mocktest_settings"> <div class="form-group select_test_type"> <label class="control-label col-sm-4">Select Test</label> <div class="col-sm-8"> <label class="radio-inline"> <input type="radio" name="select_test_optradio" id="test_optradios" value="practice_test" onclick="select_test('practice_test');">Practice Test </label> <label class="radio-inline"> <input type="radio" name="select_test_optradio" id="test_optradios" value="mock_test" onclick="select_test('mock_test');">Mock Test </label> <label class="radio-inline"> <input type="radio" name="select_test_optradio" id="test_optradios" value="final_test" onclick="select_test('final_test');">Final Test </label> </div> </div> <div class="form-group practice_test" style="display: none;"> <div class="form-group select_cat"> <label class="control-label col-sm-4">Select Category Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="practice_domain_id" id="practice_category_list"> <option value="">Select Category</option> <?php if ($domain) { foreach ($domain as $val) { ?> <option value="<?php echo $val->domain_id ?>"><?php echo $val->domain_name; ?></option> <?php } } ?> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Select Subject Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="practice_sub_domain_id" id="practice_sub_domains"> <option value="">Select Subject</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Select Chapter</label> <div class="col-sm-8"> <select class="form-control" name="practice_chapter_name" id="practice_chapters"> <option value="">Select Chapter</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Add Time(Hours:Minutes)</label> <div class="col-sm-8"> <input id="timepicker1" name="practice_add_time" type="text" class="form-control practice_add_time" /> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Number of Questions</label> <div class="col-sm-8"> <input type="number" name="practice_number_of_questions" class="form-control practice_number_of_questions" min="1"> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Questions Order</label> <div class="col-sm-8"> <select class="form-control practice_question_order" name="practice_question_order"> <option value="">Select Order</option> <option value="asc">Ascending</option> <option value="desc">Descending</option> <option value="random">Random</option> </select> </div> </div> <div class="form-group" style="padding-top:10px;"> <div class="col-sm-offset-4 col-sm-8 col-xs-offset-4 col-xs-4"> <button type="submit" class="btn btn-primary submit">Submit</button> </div> </div> </div> <div class="form-group mock_test" style="display: none;"> <div class="form-group select_cat"> <label class="control-label col-sm-4">Select Category Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="mocktest_domain_id" id="mocktest_category_list"> <option value="">Select Category</option> <?php if ($domain) { foreach ($domain as $val) { ?> <option value="<?php echo $val->domain_id ?>"><?php echo $val->domain_name; ?></option> <?php } } ?> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Select Subject Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="mocktest_sub_domain_id" id="mocktest_sub_domains"> <option value="">Select Subject</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Add Time (Hours:Minutes)</label> <div class="col-sm-8"> <input id="timepicker2" name="mocktest_add_time" type="text" class="form-control mocktest_add_time" /> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Number of Questions</label> <div class="col-sm-8"> <input type="number" name="mocktest_number_of_questions" class="form-control mocktest_number_of_questions" min="1"> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Questions Order</label> <div class="col-sm-8"> <select class="form-control mocktest_question_order" name="mocktest_question_order"> <option value="">Select Order</option> <option value="asc">Ascending</option> <option value="desc">Descending</option> <option value="random">Random</option> </select> </div> </div> <!-- <div class="form-group"> <label class="control-label col-sm-4">Add More Mocktest(s)</label> <button type="button" class="btn btn-default add_fields">Add Mocktest</button> </div> --> <!-- <div id="multiple_mocktest_div"></div> --> <div class="form-group" style="padding-top:10px;"> <div class="col-sm-offset-4 col-sm-8 col-xs-offset-4 col-xs-4"> <button type="submit" class="btn btn-primary submit">Submit</button> </div> </div> </div> <div class="form-group final_test" style="display:none;"> <div class="form-group select_cat"> <label class="control-label col-sm-4">Select Category Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="final_domain_id" id="final_category_list"> <option value="">Select Category</option> <?php if ($domain) { foreach ($domain as $val) { ?> <option value="<?php echo $val->domain_id ?>"><?php echo $val->domain_name; ?></option> <?php } } ?> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Select Subject Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="final_sub_domain_id" id="final_sub_domains"> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Passing Marks</label> <div class="col-sm-8" name="passing_criteria"> <input type="number" name="final_test_passing_criteria" class="form-control passing_criteria" min="0"> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Add Time (Hours:Minutes)</label> <div class="col-sm-8"> <input id="timepicker3" name="final_test_add_time" type="text" class="form-control final_test_add_time" id="final_test_add_time" /> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Number of Questions</label> <div class="col-sm-8"> <input type="number" name="final_test_number_of_questions" class="form-control final_test_number_of_questions" id="final_test_number_of_questions" min="1"> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Questions Order</label> <div class="col-sm-8"> <select class="form-control final_test_question_order" name="final_test_question_order"> <option value="">Select Order</option> <option value="asc">Ascending</option> <option value="desc">Descending</option> <option value="random">Random</option> </select> </div> </div> <div class="form-group" style="padding-top:10px;"> <div class="col-sm-offset-4 col-sm-8 col-xs-offset-4 col-xs-4"> <button type="submit" class="btn btn-primary submit">Submit</button> </div> </div> </div> </form> </div> <div class="col-md-2"></div> </div> <div id="jaytab" style="margin-top:5%" class="grid"> <table id="list2"></table> <div id="pager2"></div> <div id="dialogSelectRow" title="Warning" style="display:none"> <p>Please select row</p> </div> </div> </div> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Update Test Settings</h4> </div> <div class="modal-body" style="padding: 0 5%;"> <form class="form-horizontal" id="update_mocktest_settings"> <input type="hidden" class="mocktest_setting_id" name="mocktest_setting_id" value="" /> <div class="form-group edit_select_test_type"> <label class="control-label col-sm-4">Select Test</label> <div class="col-sm-8"> <label class="radio-inline practice_test"> <input type="radio" name="edit_optradio4" id="edit_test_optradios" value="practice_test" class="select_practice" onclick="select_edit_test('practice_test');">Practice Test </label> <label class="radio-inline mock_test"> <input type="radio" name="edit_optradio4" id="edit_test_optradios" value="mock_test" class="select_mock" onclick="select_edit_test('mock_test');">Mock Test </label> <label class="radio-inline final_test"> <input type="radio" name="edit_optradio4" id="edit_test_optradios" value="final_test" class="select_final" onclick="select_edit_test('final_test');">Final Test </label> </div> </div> <div class="form-group edit_practice_test" style="display: none;"> <div class="form-group select_cat"> <label class="control-label col-sm-4">Select Category Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="edit_practice_domain_id" id="edit_practice_category_list"> <option value="">Select Category</option> <?php if ($domain) { foreach ($domain as $val) { ?> <option value="<?php echo $val->domain_id ?>"><?php echo $val->domain_name; ?></option> <?php } } ?> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Select Subject Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="edit_practice_sub_domain_id" id="edit_practice_sub_domains"> <option value="">Select Subject</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Select Chapter</label> <div class="col-sm-8"> <select class="form-control" name="edit_practice_chapter_name" id="edit_practice_chapters"> <option value="">Select Chapter</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Add Time (Hours:Minutes)</label> <div class="col-sm-8"> <input id="timepicker4" name="edit_practice_add_time" type="text" class="form-control edit_practice_add_time" id="edit_practice_add_time" /> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Number of Questions</label> <div class="col-sm-8"> <input type="number" name="edit_practice_number_of_questions" class="form-control edit_practice_number_of_questions" id="edit_practice_number_of_questions" min="1"> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Questions Order</label> <div class="col-sm-8"> <select class="form-control edit_practice_question_order" name="edit_practice_question_order" id="edit_practice_question_order"> <option value="">Select Order</option> <option value="asc">Ascending</option> <option value="desc">Descending</option> <option value="random">Random</option> </select> </div> </div> </div> <div class="form-group edit_mock_test" style="display: none;"> <div class="form-group select_cat"> <label class="control-label col-sm-4">Select Category Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="edit_mocktest_domain_id" id="edit_mocktest_category_list"> <option value="">Select Category</option> <?php if ($domain) { foreach ($domain as $val) { ?> <option value="<?php echo $val->domain_id ?>"><?php echo $val->domain_name; ?></option> <?php } } ?> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Select Subject Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="edit_mocktest_sub_domain_id" id="edit_mocktest_sub_domains"> <option value="">Select Subject</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Add Time (Hours:Minutes)</label> <div class="col-sm-8"> <input id="timepicker5" name="edit_mocktest_add_time" type="text" class="form-control edit_mocktest_add_time" /> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Number of Questions</label> <div class="col-sm-8"> <input type="number" name="edit_mocktest_number_of_questions" class="form-control edit_mocktest_number_of_questions" id="edit_mocktest_number_of_questions" min="1"> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Questions Order</label> <div class="col-sm-8"> <select class="form-control" name="edit_mocktest_question_order" id="edit_mocktest_question_order"> <option value="">Select Order</option> <option value="asc">Ascending</option> <option value="desc">Descending</option> <option value="random">Random</option> </select> </div> </div> <!-- <div class="form-group"> <label class="control-label col-sm-4">Add More Mocktest(s)</label> <button type="button" class="btn btn-default add_fields">Add Mocktest</button> </div> --> <div id="multiple_mocktest_div"></div> </div> <div class="form-group edit_final_test" style="display:none;"> <div class="form-group select_cat"> <label class="control-label col-sm-4">Select Category Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="edit_final_test_domain_id" id="edit_final_test_category_list"> <option value="">Select Category</option> <?php if ($domain) { foreach ($domain as $val) { ?> <option value="<?php echo $val->domain_id ?>"><?php echo $val->domain_name; ?></option> <?php } } ?> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Select Subject Name</label> <div class="col-sm-8" name="subject"> <select class="form-control" name="edit_final_test_sub_domain_id" id="edit_final_test_sub_domains"> </select> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Passing Marks</label> <div class="col-sm-8" name="passing_criteria"> <input type="number" name="edit_final_test_passing_criteria" class="form-control edit_final_test_passing_criteria" id="edit_final_test_passing_criteria" min="0"> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Add Time (Hours:Minutes)</label> <div class="col-sm-8"> <input id="timepicker6" name="edit_final_test_add_time" type="text" class="form-control edit_final_test_add_time" /> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Number of Questions</label> <div class="col-sm-8"> <input type="number" name="edit_final_test_number_of_questions" class="form-control edit_final_test_number_of_questions" id="edit_final_test_number_of_questions" min="1"> </div> </div> <div class="form-group"> <label class="control-label col-sm-4">Questions Order</label> <div class="col-sm-8"> <select class="form-control" name="edit_final_test_question_order" id="edit_final_test_question_order"> <option value="">Select Order</option> <option value="asc">Ascending</option> <option value="desc">Descending</option> <option value="random">Random</option> </select> </div> </div> <!-- <div class="form-group" style="padding-top:10px;"> <div class="col-sm-offset-4 col-sm-8 col-xs-offset-4 col-xs-4"> <button type="submit" class="btn btn-primary submit">Submit</button> </div> </div> --> </div> <div class="form-group" style="padding-top:10px;"> <div class="col-sm-offset-4 col-sm-8 col-xs-offset-4 col-xs-4"> <button type="submit" class="btn btn-primary submit update_submit">Update</button> </div> </div> </form> </div> </div> </div> </div> <!-- jQuery --> <script type="text/javascript"> /*$(document).ready(function(){ $('.practice_test').show(); $('.mock_test').hide(); $('.final_test').hide(); $("#multiple_mocktest_div").empty(); });*/ /*function select_edit_test(str) { if(str == 'practice_test') { $('.edit_practice_test').show(); $('.edit_mock_test').hide(); $('.edit_final_test').hide(); //$("#multiple_mocktest_div").empty(); } else if(str == 'mock_test') { $('.edit_practice_test').hide(); $('.edit_mock_test').show(); $('.edit_final_test').hide(); } else { $('.edit_practice_test').hide(); $('.edit_mock_test').hide(); $('.edit_final_test').show(); } } */ function select_test(str) { if (str == 'practice_test') { $('.practice_test').show(); $('.mock_test').hide(); $('.final_test').hide(); $("#multiple_mocktest_div").empty(); } else if (str == 'mock_test') { $('.practice_test').hide(); $('.mock_test').show(); $('.final_test').hide(); } else { $('.practice_test').hide(); $('.mock_test').hide(); $('.final_test').show(); $("#multiple_mocktest_div").empty(); } } </script> <script type="text/javascript"> $("#practice_category_list").change(function() { //$('.select_wise_type').show(); var domain_id = $("#practice_category_list").val(); $.ajax({ url: "<?php echo site_url('get_domain_subdomain') ?>", type: "POST", data: { 'domain_id': domain_id }, async: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { var options = ''; options += '<option value="">Select Subject</option>'; $.each(response.message, function(idx, vx) { options += '<option value="' + vx.sub_domain_id + '">' + vx.sub_domain + '</option>'; }); $('#practice_sub_domains').html(options); } else { var options = ''; options += '<option value="">Select Category</option>'; $('#practice_sub_domains').html(options); } } }); }); $("#practice_sub_domains").change(function() { var sub_domain_id = $("#practice_sub_domains").val(); $.ajax({ url: "<?php echo site_url('get_subject_chapters') ?>", type: "POST", data: { 'sub_domain_id': sub_domain_id }, async: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { var options = ''; options += '<option value="">Select Chapter</option>'; $.each(response.message, function(idx, vx) { options += '<option value="' + vx.chapter_id + '">' + vx.chapter_name + '</option>'; }); $('#practice_chapters').html(options); } else { var options = ''; options += '<option value="">Select Chapter</option>'; $('#practice_chapters').html(options); } } }); }); </script> <script type="text/javascript"> $("#mocktest_category_list").change(function() { //$('.select_wise_type').show(); var domain_id = $("#mocktest_category_list").val(); $.ajax({ url: "<?php echo site_url('get_domain_subdomain') ?>", type: "POST", data: { 'domain_id': domain_id }, async: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { var options = ''; options += '<option value="">Select Subject</option>'; $.each(response.message, function(idx, vx) { options += '<option value="' + vx.sub_domain_id + '">' + vx.sub_domain + '</option>'; }); $('#mocktest_sub_domains').html(options); } else { var options = ''; options += '<option value="">Select Category</option>'; $('#mocktest_sub_domains').html(options); } } }); }); $('#timepicker1').timepicki({ start_time: ["00", "00"], show_meridian: false }); $('#timepicker2').timepicki({ start_time: ["00", "00"], show_meridian: false }); $('#timepicker3').timepicki({ start_time: ["00", "00"], show_meridian: false }); $('#timepicker4').timepicki({ start_time: ["00", "00"], show_meridian: false }); $('#timepicker5').timepicki({ start_time: ["00", "00"], show_meridian: false }); $('#timepicker6').timepicki({ start_time: ["00", "00"], show_meridian: false }); //$('#timepicker1').timepicki({start_time: ["00", "00"],show_meridian:false}); /* $('.add_fields').click(function(e){ var mocktest_number_of_questions = $(".mocktest_number_of_questions").val(); var mocktest_sub_domains = $("#mocktest_sub_domains").val(); $.ajax({ url:"<?php //echo site_url('check_questions_for_test') ?>", type:"POST", data:{'mocktest_number_of_questions':mocktest_number_of_questions,'mocktest_sub_domains':mocktest_sub_domains}, async:false, success:function(response) { obj=jQuery.parseJSON(response); console.log(obj); if(obj.result == 1) { $('#multiple_mocktest_div').append('<div class="form-group row"><div class="form-group"><label class="control-label col-sm-4">Add Time (Hours:Minutes)</label><div class="col-sm-8"><input id="timepicker1" name="mocktest_add_time[]" type="text" class="form-control mocktest_add_time"/></div></div><div class="form-group"><label class="control-label col-sm-4">Number of Questions</label><div class="col-sm-8"><input type="number" name="mocktest_number_of_questions[]" class="form-control mocktest_number_of_questions" min="1"></div></div><div class="form-group"><label class="control-label col-sm-4">Questions Order</label><div class="col-sm-8"><select class="form-control" name="mocktest_question_order[]"> <option value="">Select Order</option><option value="asc">Ascending</option><option value="desc">Descending</option><option value="random">Random</option></select></div></div><div class="form-group col-xs-2 col-sm-2 col-md-2 remove_field"><a href="javascript:void(0);" class="remove_fields"><span class="glyphicon glyphicon-remove"></span></a></div></div>'); $(".remove_fields").click(function(){ $(this).closest('.row').remove(); }); } else { toastr["error"](obj.message); } } }); });*/ </script> <script type="text/javascript"> $("#final_category_list").change(function() { //$('.select_wise_type').show(); var domain_id = $("#final_category_list").val(); $.ajax({ url: "<?php echo site_url('get_domain_subdomain') ?>", type: "POST", data: { 'domain_id': domain_id }, async: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { var options = ''; options += '<option value="">Select Subject</option>'; $.each(response.message, function(idx, vx) { options += '<option value="' + vx.sub_domain_id + '">' + vx.sub_domain + '</option>'; }); $('#final_sub_domains').html(options); } else { var options = ''; options += '<option value="">Select Subject</option>'; $('#final_sub_domains').html(options); } } }); }); </script> <script type="text/javascript"> // $(document).ready(function() { // CallGrid(); // function CallGrid(access_rights_global, access_result_global) { // jQuery("#list2").jqGrid({ // url: "<?php echo site_url('get_mocktest_settings_without_chapter_details') ?>", // mtype: "get", // datatype: "json", // colNames: ['ID', 'Action', 'Test Type', 'Category', 'Subject', 'Passing Marks', 'Time (HH:MM)', 'No. Questions', 'Question Order', 'Date'], // colModel: [{ // name: 'id', // index: 'id', // width: 5, // hidden: true, // editable: false, // key: true // }, // { // name: '', // index: '', // search: false, // width: 80, // editable: false, // formatter: function(cellvalue, options, rowObject) { // var retVal = ""; // var retVal = '<a data-toggle="tooltip" title="Delete" class="delete" onclick="Delete(' + rowObject.id + ')"; href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a>'; // /* <a data-toggle="tooltip" title="Edit" class="" onclick="edit('+rowObject.id+')" material_id="'+rowObject.id+'" href="javascript:void(0);"><span class="glyphicon glyphicon-edit"></span></a> // */ // return retVal; // } // }, // { // name: 'test_type', // index: 'test_type', // editable: false, // width: 150 // }, // // {name:'selected_type',index:'selected_type',editable:false, width:300}, // { // name: 'domain_name', // index: 'domain_name', // editable: false, // width: 200 // }, // { // name: 'sub_domain', // index: 'sub_domain', // editable: false, // width: 200 // }, // { // name: 'passing_criteria', // index: 'passing_criteria', // editable: false, // width: 200 // }, // { // name: 'total_time', // index: 'total_time', // editable: false, // width: 100 // }, // { // name: 'number_of_questions', // index: 'number_of_questions', // editable: false, // width: 100 // }, // { // name: 'question_order', // index: 'question_order', // editable: false, // width: 130 // }, // { // name: 'created_at', // index: 'created_at', // width: 100 // }, // ], // rowNum: 20, // rowTotal: 2000, // rowList: [20, 30], // rownumbers: true, // //rownumWidth: 60, // pager: "#pager2", // sortname: 'id', // viewrecords: true, // gridview: true, // //autowidth: true, // sortorder: "asc", // shrinkToFit: true, // loadonce: true, // caption: "Assesment Settings", // subGrid: true, // subGridRowExpanded: function(subgrid_id, row_id) { // id = row_id; // var subgrid_table_id; // subgrid_table_id = subgrid_id + "_t"; // jQuery("#" + subgrid_id).html("<table id='" + subgrid_table_id + "' class='scroll'></table>"); // jQuery("#" + subgrid_table_id).jqGrid({ // url: "<?php echo site_url('get_mocktest_settings_details') ?>/" + id, // mtype: "get", // datatype: "json", // colNames: ['SI', 'Chapter Name'], // colModel: [{ // name: 'id', // index: 'id', // width: 50, // hidden: true, // editable: false, // key: true // }, // { // name: 'chapter_name', // index: 'chapter_name', // width: 600, // editable: false // }, // ], // height: 'auto', // rowNum: 20, // sortname: 'num', // sortorder: "asc" // }); // } // }); // $("#list2").jqGrid("setLabel", "rn", "SL"); // $("#list2").jqGrid('filterToolbar', { // searchOperators: false, // stringResult: true, // searchOnEnter: false, // defaultSearch: "cn" // }); //for multisearch code,remove if not required // $("#list2").jqGrid('navGrid', '#pager2', { // edit: false, // add: false, // del: false, // search: false, // refreshstate: "current" // }, {}, {}, {}, { // sopt: ['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'], // closeOnEscape: true, // multipleSearch: true, // closeAfterSearch: true, // closeAfterDelete: true, // closeAfterEdit: true // }, // ); // } // }); $(document).ready(function() { callGrid(); function callGrid() { $("#list2").jqGrid({ url: "<?php echo site_url('get_mocktest_settings_without_chapter_details') ?>", mtype: "get", datatype: "json", colNames: ['ID', 'Action', 'Test Type', 'Category', 'Subject', 'Passing Marks', 'Time (HH:MM)', 'No. Questions', 'Question Order', 'Date'], colModel: [{ name: 'id', index: 'id', width: 5, hidden: true, editable: false, key: true }, { name: '', index: '', search: false, width: 80, editable: false, formatter: function(cellvalue, options, rowObject) { var retVal = '<a data-toggle="tooltip" title="Delete" class="delete" onclick="Delete(' + rowObject.id + ')"; href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a>'; return retVal; } }, { name: 'test_type', index: 'test_type', editable: false, width: 150 }, { name: 'domain_name', index: 'domain_name', editable: false, width: 200 }, { name: 'sub_domain', index: 'sub_domain', editable: false, width: 200 }, { name: 'passing_criteria', index: 'passing_criteria', editable: false, width: 200 }, { name: 'total_time', index: 'total_time', editable: false, width: 100 }, { name: 'number_of_questions', index: 'number_of_questions', editable: false, width: 100 }, { name: 'question_order', index: 'question_order', editable: false, width: 130 }, { name: 'created_at', index: 'created_at', width: 100 }, ], rowNum: 20, rowTotal: 2000, rowList: [20, 30], rownumbers: true, pager: "#pager2", sortname: 'id', viewrecords: true, gridview: true, sortorder: "asc", shrinkToFit: true, loadonce: true, caption: "Assessment Settings", subGrid: true, subGridRowExpanded: function(subgrid_id, row_id) { id = row_id; var subgrid_table_id; subgrid_table_id = subgrid_id + "_t"; $("#" + subgrid_id).html("<table id='" + subgrid_table_id + "' class='scroll'></table>"); $("#" + subgrid_table_id).jqGrid({ url: "<?php echo site_url('get_mocktest_settings_details') ?>/" + id, mtype: "get", datatype: "json", colNames: ['SI', 'Chapter Name'], colModel: [{ name: 'id', index: 'id', width: 50, hidden: true, editable: false, key: true }, { name: 'chapter_name', index: 'chapter_name', width: 600, editable: false }, ], height: 'auto', rowNum: 20, sortname: 'num', sortorder: "asc" }); } }); $("#list2").jqGrid("setLabel", "rn", "SL"); $("#list2").jqGrid('filterToolbar', { searchOperators: false, stringResult: true, searchOnEnter: false, defaultSearch: "cn" }); $("#list2").jqGrid('navGrid', '#pager2', { edit: false, add: false, del: false, search: false, refreshstate: "current" }); } }); $('#mocktest_settings').submit(function(e) { e.preventDefault(); var val = $('input[name=select_test_optradio]:checked').val(); if (val == "practice_test") { var val1 = $('#practice_category_list').val(); var val2 = $('#practice_sub_domains').val(); var val3 = $('#practice_chapters').val(); var val4 = $('input[name=practice_add_time]').val(); var val5 = $('input[name=practice_number_of_questions]').val(); var val6 = $('.practice_question_order').val(); if (val1 == "" || val2 == "" || val3 == "" || val4 == "" || val4 == "00:00" || val5 == "" || val6 == "") { toastr["error"]('Please Fill all the fields'); } else { formdata = new FormData($(this)[0]); //$(".submit").attr('disabled', 'disabled'); //$(".submit").text("Submitting..."); $.ajax({ type: 'post', url: '<?php echo site_url('add_mocktest_settings') ?>', data: formdata, contentType: false, processData: false, success: function(response) { response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { $("#loading").hide(); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); toastr["success"]("Added Successfully"); $("#list2").setGridParam({ datatype: 'json', page: 1 }).trigger('reloadGrid'); $('#mocktest_settings')[0].reset(); $('.practice_test').hide(); $('.mock_test').hide(); $('.final_test').hide(); /* location.reload();*/ } else if (response.result == 2) { toastr["error"](response.message); $(".submit").removeAttr('disabled'); $(".submit").text("Submit"); } else { $("#loading").hide(); toastr["error"](response.message); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); //toastr["success"]("Added Successfully"); } } }); } } else if (val == "mock_test") { var val1 = $('#mocktest_category_list').val(); var val2 = $('#mocktest_sub_domains').val(); var val3 = $('input[name=mocktest_add_time]').val(); var val4 = $('input[name=mocktest_number_of_questions]').val(); var val5 = $('.mocktest_question_order').val(); if (val1 == "" || val2 == "" || val3 == "" || val3 == "00:00" || val4 == "" || val5 == "") { toastr["error"]('Please Fill all the fields'); } else { formdata = new FormData($(this)[0]); $(".submit").attr('disabled', 'disabled'); $(".submit").text("Submitting..."); $.ajax({ type: 'post', url: '<?php echo site_url('add_mocktest_settings') ?>', data: formdata, contentType: false, processData: false, success: function(response) { response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { $("#loading").hide(); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); toastr["success"]("Added Successfully"); $("#list2").setGridParam({ datatype: 'json', page: 1 }).trigger('reloadGrid'); $('#mocktest_settings')[0].reset(); $('.practice_test').hide(); $('.mock_test').hide(); $('.final_test').hide(); /* location.reload();*/ } else if (response.result == 2) { toastr["error"](response.message); $(".submit").removeAttr('disabled'); $(".submit").text("Submit"); } else { $("#loading").hide(); toastr["error"](response.message); $(".submit").removeAttr('disabled'); $(".submit").text("Submit"); //toastr["success"]("Added Successfully"); } } }); } } else if (val == "final_test") { var val1 = $('#final_category_list').val(); var val2 = $('#final_sub_domains').val(); var val3 = $('input[name=final_test_passing_criteria]').val(); var val4 = $('input[name=final_test_add_time]').val(); var val5 = $('input[name=final_test_number_of_questions]').val(); var val6 = $('.final_test_question_order').val(); if (val1 == "" || val2 == "" || val3 == "" || val4 == "" || val4 == "00:00" || val5 == "" || val6 == "") { toastr["error"]('Please Fill all the fields'); } else { formdata = new FormData($(this)[0]); $(".submit").attr('disabled', 'disabled'); $(".submit").text("Submitting..."); $.ajax({ type: 'post', url: '<?php echo site_url('add_mocktest_settings') ?>', data: formdata, contentType: false, processData: false, success: function(response) { response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { $("#loading").hide(); $(".submit").text("Submit"); $(".submit").removeAttr('disabled'); toastr["success"]("Added Successfully"); $("#list2").setGridParam({ datatype: 'json', page: 1 }).trigger('reloadGrid'); $('#mocktest_settings')[0].reset(); $('.practice_test').hide(); $('.mock_test').hide(); $('.final_test').hide(); /* location.reload();*/ } else if (response.result == 2) { toastr["error"](response.message); $(".submit").removeAttr('disabled'); $(".submit").text("Submit"); } else { $("#loading").hide(); toastr["error"](response.message); $(".submit").removeAttr('disabled'); $(".submit").text("Submit"); //toastr["success"]("Added Successfully"); } } }); } } }); $('.close').click(function() { $("#list2").setGridParam({ datatype: 'json', page: 1 }).trigger('reloadGrid'); }) function Delete(id) { var type = "post"; swal({ title: "Are you sure?", text: "You will not be able to recover this material !", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", cancelButtonText: "No, cancel plz!", closeOnConfirm: false, closeOnCancel: false }, function(isConfirm) { if (isConfirm) { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); $.ajax({ type: type, url: "<?php echo site_url('delete_mocktest_setting'); ?>", data: { 'id': id }, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { toastr["success"]('Deleted Successfully'); $("#list2").setGridParam({ datatype: 'json', page: 1 }).trigger('reloadGrid'); } } }); } else { $(".sweet-alert").hide(); $(".sweet-overlay").hide(); } }); } function edit(id) { $("#myModal").modal('show'); $('.mocktest_setting_id').val(id); $.ajax({ type: 'post', url: "<?php echo site_url('edit_mocktest_settings'); ?>", data: { 'id': id }, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { if (response.message.test_type == 'Practice Test') { $(".edit_practice_test").show(); $(".edit_mock_test").hide(); $(".edit_final_test").hide(); $(".select_practice").prop("checked", true); $(".practice_test").show(); $(".mock_test").hide(); $(".final_test").hide(); $("#edit_practice_category_list").val(response.message.domain_id); practice_subjects(response.message.domain_id); $("#edit_practice_sub_domains").val(response.message.sub_domain_id); practice_chapter(response.message.sub_domain_id); $("#edit_practice_chapters").val(response.message.chapter); $(".edit_practice_add_time").val(response.message.total_time); $("#edit_practice_number_of_questions").val(response.message.number_of_questions); $("#edit_practice_question_order").val(response.message.question_order); } else if (response.message.test_type == 'Mock Test') { $(".edit_practice_test").hide(); $(".edit_mock_test").show(); $(".edit_final_test").hide(); $(".select_mock").prop("checked", true); $(".mock_test").show(); $(".practice_test").hide(); $(".final_test").hide(); $("#edit_mocktest_category_list").val(response.message.domain_id); mocktest_subjects(response.message.domain_id); $("#edit_mocktest_sub_domains").val(response.message.sub_domain_id); //mocktest_chapter(response.message.sub_domain_id); // $("#edit_mocktest_chapters").val(response.message.chapter); $(".edit_mocktest_add_time").val(response.message.total_time); $("#edit_mocktest_number_of_questions").val(response.message.number_of_questions); $("#edit_mocktest_question_order").val(response.message.question_order); } else { $(".edit_practice_test").hide(); $(".edit_mock_test").hide(); $(".edit_final_test").show(); $(".select_final").prop("checked", true); $(".practice_test").hide(); $(".mock_test").hide(); $(".final_test").show(); $("#edit_final_test_category_list").val(response.message.domain_id); final_subjects(response.message.domain_id); $("#edit_final_test_sub_domains").val(response.message.sub_domain_id); // final_chapter(response.message.sub_domain_id); $("#edit_final_test_passing_criteria").val(response.message.passing_criteria); $(".edit_final_test_add_time").val(response.message.total_time); $("#edit_final_test_number_of_questions").val(response.message.number_of_questions); $("#edit_final_test_question_order").val(response.message.question_order); } } } }); } function practice_subjects(domain_id) { $.ajax({ url: "<?php echo site_url('get_domain_subdomain') ?>", type: "POST", data: { 'domain_id': domain_id }, async: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { var options = ''; options += '<option value="">Select Subject</option>'; $.each(response.message, function(idx, vx) { options += '<option value="' + vx.sub_domain_id + '">' + vx.sub_domain + '</option>'; }); $('#edit_practice_sub_domains').html(options); } else { var options = ''; options += '<option value="">Select Subject</option>'; $('#edit_practice_sub_domains').html(options); } } }); } $("#edit_practice_category_list").change(function() { var domain_id = $("#edit_practice_category_list").val(); practice_subjects(domain_id); }); $("#edit_practice_sub_domains").change(function() { var sub_domain_id = $("#edit_practice_sub_domains").val(); practice_chapter(sub_domain_id); }); function practice_chapter(sub_domain_id) { $.ajax({ url: "<?php echo site_url('get_subject_chapters') ?>", type: "POST", data: { 'sub_domain_id': sub_domain_id }, async: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { var options = ''; options += '<option value="">Select Chapter</option>'; $.each(response.message, function(idx, vx) { options += '<option value="' + vx.chapter_id + '">' + vx.chapter_name + '</option>'; }); $('#edit_practice_chapters').html(options); } else { var options = ''; options += '<option value="">Select Chapter</option>'; $('#edit_practice_chapters').html(options); } } }); } $("#edit_mocktest_category_list").change(function() { var domain_id = $("#edit_mocktest_category_list").val(); mocktest_subjects(domain_id); }); function mocktest_subjects(domain_id) { $.ajax({ url: "<?php echo site_url('get_domain_subdomain') ?>", type: "POST", data: { 'domain_id': domain_id }, async: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { var options = ''; options += '<option value="">Select Subject</option>'; $.each(response.message, function(idx, vx) { options += '<option value="' + vx.sub_domain_id + '">' + vx.sub_domain + '</option>'; }); $('#edit_mocktest_sub_domains').html(options); } else { var options = ''; options += '<option value="">Select Subject</option>'; $('#edit_mocktest_sub_domains').html(options); } } }); } $("#edit_practice_category_list").change(function() { var domain_id = $("#edit_practice_category_list").val(); mocktest_subjects(domain_id); }); function final_subjects(domain_id) { $.ajax({ url: "<?php echo site_url('get_domain_subdomain') ?>", type: "POST", data: { 'domain_id': domain_id }, async: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { var options = ''; options += '<option value="">Select Subject</option>'; $.each(response.message, function(idx, vx) { options += '<option value="' + vx.sub_domain_id + '">' + vx.sub_domain + '</option>'; }); $('#edit_final_test_sub_domains').html(options); } else { var options = ''; options += '<option value="">Select Subject</option>'; $('#edit_final_test_sub_domains').html(options); } } }); } $("#edit_final_test_category_list").change(function() { var domain_id = $("#edit_final_test_category_list").val(); final_subjects(domain_id); }); /*$('#update_mocktest_settings').submit(function(e){ e.preventDefault(); var val = $('input[name=edit_optradio4]:checked').val(); if(val == "practice_test"){ var val1 = $('#edit_practice_category_list').val(); var val2 = $('#edit_practice_sub_domains').val(); var val3 = $('#edit_practice_chapters').val(); var val4 = $('input[name=edit_practice_add_time]').val(); var val5 = $('#edit_practice_number_of_questions').val(); var val6 = $('#edit_practice_question_order').val(); if(val1 == "" || val2 == "" || val3 == "" || val4 == "" || val5 == "" || val6 == "" ){ toastr["error"]('Please Fill all the fields'); }else{ formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php //echo site_url('update_mocktest_settings') ?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { $(".update_submit").text("Submit"); $(".update_submit").removeAttr('disabled'); toastr["success"](response.message); $("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); $('#update_mocktest_settings')[0].reset(); $("#myModal").modal('hide'); } else { toastr["error"](response.message); $(".update_submit").removeAttr('disabled'); } } }); } }else if(val == "mock_test"){ var val1 = $('#edit_mocktest_category_list').val(); var val2 = $('#edit_mocktest_sub_domains').val(); var val3 = $('input[name=edit_mocktest_add_time]').val(); var val4 = $('input[name=edit_mocktest_number_of_questions]').val(); var val5 = $('#edit_mocktest_question_order').val(); if(val1 == "" || val2 == "" || val3 == "" || val3 == "00:00" || val4 == "" || val5 == ""){ toastr["error"]('Please Fill all the fields'); }else{ formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php //echo site_url('update_mocktest_settings') ?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { $(".update_submit").text("Submit"); $(".update_submit").removeAttr('disabled'); toastr["success"](response.message); $("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); $('#update_mocktest_settings')[0].reset(); $("#myModal").modal('hide'); } else { toastr["error"](response.message); $(".update_submit").removeAttr('disabled'); } } }); } }else if(val == "final_test"){ var val1 = $('#edit_final_test_category_list').val(); var val2 = $('#edit_final_test_sub_domains').val(); var val3 = $('input[name=edit_final_test_passing_criteria]').val(); var val4 = $('input[name=edit_final_test_add_time]').val(); var val5 = $('input[name=edit_final_test_number_of_questions]').val(); var val6 = $('#edit_final_test_question_order').val(); if(val1 == "" || val2 == "" || val3 == "" || val4 == "" || val4 == "00:00" || val5 == "" || val6 == ""){ toastr["error"]('Please Fill all the fields'); }else{ formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php //echo site_url('update_mocktest_settings') ?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response.result == 1) { $(".update_submit").text("Submit"); $(".update_submit").removeAttr('disabled'); toastr["success"](response.message); $("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); $('#update_mocktest_settings')[0].reset(); $("#myModal").modal('hide'); } else { toastr["error"](response.message); $(".update_submit").removeAttr('disabled'); } } }); } } });*/ $('#update_mocktest_settings').submit(function(e) { e.preventDefault(); var val = $('input[name=edit_optradio4]:checked').val(); if (val == "practice_test") { var val1 = $('#edit_practice_category_list').val(); var val2 = $('#edit_practice_sub_domains').val(); var val3 = $('#edit_practice_chapters').val(); var val4 = $('input[name=edit_practice_add_time]').val(); var val5 = $('#edit_practice_number_of_questions').val(); var val6 = $('#edit_practice_question_order').val(); if (val1 == "" || val2 == "" || val3 == "" || val4 == "00:00" || val5 == "" || val6 == "") { toastr["error"]('Please Fill all the fields'); } else { formdata = new FormData($(this)[0]); $.ajax({ type: 'post', url: '<?php echo site_url('update_mocktest_settings') ?>', data: formdata, contentType: false, processData: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { $(".update_submit").text("Submit"); $(".update_submit").removeAttr('disabled'); toastr["success"](response.message); $("#list2").setGridParam({ datatype: 'json', page: 1 }).trigger('reloadGrid'); $('#update_mocktest_settings')[0].reset(); $("#myModal").modal('hide'); } else { toastr["error"](response.message); $(".update_submit").removeAttr('disabled'); } } }); } } else if (val == "mock_test") { var val1 = $('#edit_mocktest_category_list').val(); var val2 = $('#edit_mocktest_sub_domains').val(); var val3 = $('input[name=edit_mocktest_add_time]').val(); var val4 = $('input[name=edit_mocktest_number_of_questions]').val(); var val5 = $('#edit_mocktest_question_order').val(); if (val1 == "" || val2 == "" || val3 == "" || val3 == "00:00" || val4 == "" || val5 == "") { toastr["error"]('Please Fill all the fields'); } else { formdata = new FormData($(this)[0]); $.ajax({ type: 'post', url: '<?php echo site_url('update_mocktest_settings') ?>', data: formdata, contentType: false, processData: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { $(".update_submit").text("Submit"); $(".update_submit").removeAttr('disabled'); toastr["success"](response.message); $("#list2").setGridParam({ datatype: 'json', page: 1 }).trigger('reloadGrid'); $('#update_mocktest_settings')[0].reset(); $("#myModal").modal('hide'); } else { toastr["error"](response.message); $(".update_submit").removeAttr('disabled'); } } }); } } else if (val == "final_test") { var val1 = $('#edit_final_test_category_list').val(); var val2 = $('#edit_final_test_sub_domains').val(); var val3 = $('input[name=edit_final_test_passing_criteria]').val(); var val4 = $('input[name=edit_final_test_add_time]').val(); var val5 = $('input[name=edit_final_test_number_of_questions]').val(); var val6 = $('#edit_final_test_question_order').val(); if (val1 == "" || val2 == "" || val3 == "" || val4 == "" || val4 == "00:00" || val5 == "" || val6 == "") { toastr["error"]('Please Fill all the fields'); } else { formdata = new FormData($(this)[0]); $.ajax({ type: 'post', url: '<?php echo site_url('update_mocktest_settings') ?>', data: formdata, contentType: false, processData: false, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); if (response.result == 1) { $(".update_submit").text("Submit"); $(".update_submit").removeAttr('disabled'); toastr["success"](response.message); $("#list2").setGridParam({ datatype: 'json', page: 1 }).trigger('reloadGrid'); $('#update_mocktest_settings')[0].reset(); $("#myModal").modal('hide'); } else { toastr["error"](response.message); $(".update_submit").removeAttr('disabled'); } } }); } } }); </script> <?php echo view('includes/faculty_footer'); ?> <style> #page-wrapper{ background-image: url(public/assets/website_assets/images/banner.png); background-size:cover; } #FrmGrid_list2 { width: 100% !important; } .ui-jqdialog .ui-jqdialog-titlebar { height: 29px !important; background-color: #001a00; color: white; padding-left: 10px; } .fm-button { height: 21px !important; padding: 1px; margin-right: 10px !important; height: 21px !important; width: 43%; margin-top: -7px !important; } .ui-jqdialog-content td.navButton { padding-top: 12px !important; } .ui-jqgrid .ui-jqgrid-titlebar { height: 27px !important; /*background:#1e7ad7 !important;*/ color: white !important; } .ui-jqgrid-bdiv { height: auto !important; } .ui-widget-overlay { z-index: 0 !important; } /* .ui-widget-header { background: #1e7ad7 !important; } */ .ui-jqgrid-hdiv ui-state-default { /* width: 873px !important; */ cursor: default !important } ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: bold; color: black; } /* .ui-jqgrid .ui-jqgrid-bdiv { overflow-y: scroll; overflow-x: scroll ; } .ui-jqgrid-htable{ width: 100% !important; } #list2{ width: 100% !important; } */ .timepicker_wrap { top: 35px !important; } #jaytab { width: 100% !important; overflow-x: scroll !important; } @media only screen and (min-width:320px) and (max-width:640px) { #jaytab { width: 100% !important; overflow-x: scroll !important; } .ui-jqgrid ui-widget ui-widget-content ui-corner-all { width: 900px !important; } .ui-jqgrid-view { width: 900px !important; } .ui-jqgrid-hdiv { width: 900px !important; } .ui-jqgrid-htable { width: 900px !important; } .ui-jqgrid-bdiv { width: 900px !important; } #list2 { width: 900px !important; } #pager2 { width: 900px !important; } .ui-jqgrid { width: 100% !important; } } @media only screen and (min-width:641px) and (max-width:991px) { #jaytab { width: auto !important; overflow-x: scroll !important; } .ui-jqgrid ui-widget ui-widget-content ui-corner-all { width: 900px !important; } .ui-jqgrid-view { width: 900px !important; } .ui-jqgrid-hdiv { width: 900px !important; } .ui-jqgrid-htable { width: 900px !important; } .ui-jqgrid-bdiv { width: 900px !important; } #list2 { width: 900px !important; } #pager2 { width: 900px !important; } } @media only screen and (min-width:992px) and (max-width:1258px) { #jaytab { width: 100% !important; overflow-x: scroll !important; } .ui-jqgrid ui-widget ui-widget-content ui-corner-all { width: 100% !important; } .ui-jqgrid-view { width: 100% !important; } .ui-jqgrid-hdiv { width: 100% !important; } .ui-jqgrid-htable { width: 100% !important; } .ui-jqgrid-bdiv { width: 100% !important; } #list2 { width: 100% !important; } #pager2 { width: 100% !important; } } </style>