EVOLUTION-NINJA

Edit File: faculty_add_questions.php

<?php echo view('includes/faculty_header'); ?>

<div class="col-sm-10" name="subject">
							<label>Question</label>
							<textarea type="text" style="border-radius: 5px;" name="questions_edit" class="form-control questions_edit required" required="" rows="5" cols="35"></textarea>
						</div>
					</div>

<div class="col-sm-10">
							<label>Number Of Options: </br></label>

<div class="form-group edit_no_of_options1" style="display: none;">
						<div class="col-sm-12">
							<label>Option 1</label>
							<input type="radio" value="1" name="edit_ans" class="edit_ans selected" id="edit_ans1"> <textarea type="text" style="border-radius: 5px;" name="ans1_edit" id="anc1" class="ans1_edit edit_opt " required=""> </textarea>
						</div>
					</div>
					<div class="form-group edit_no_of_options2" style="display: none;">

<div class="col-sm-12">
							<label>Option 2</label>
							<input type="radio" value="2" name="edit_ans" class="edit_ans selected" id="edit_ans2"> <textarea type="text" style="border-radius: 5px;" name="ans2_edit" id="anc2" class="ans2_edit edit_opt " required=""></textarea>
						</div>
					</div>

<div class="col-sm-12">
							<label>Option 3</label>
							<input type="radio" value="3" name="edit_ans" class="edit_ans selected" id="edit_ans3"> <textarea type="text" style="border-radius: 5px;" name="ans3_edit" id="anc3" class="ans3_edit edit_opt "> </textarea>
						</div>
					</div>

<div class="col-sm-12">
							<label>Option 4</label>
							<input type="radio" value="4" name="edit_ans" class="edit_ans selected" id="edit_ans4"> <textarea type="text" style="border-radius: 5px;" name="ans4_edit" id="anc4" class="ans4_edit edit_opt "></textarea>
						</div>
					</div>

<div class="form-group">

<div class="col-sm-10">
							<label>Explanation</label>
							<textarea type="text" style="border-radius: 5px;;" name="explanation_edit" class="form-control explanation_edit required" rows="5" cols="35"></textarea>

</div>
					</div>

<div class="form-group" style="padding-top:10px;">
						<div class="col-sm-offset-4 col-sm-8">
							<button type="submit" class="btn btn-primary submit update_submit">Update</button>
						</div>
					</div>

</form>
			</div>

</div>
	</div>
</div>

<div id="page-wrapper">
	<div class="row">
		<div class="col-lg-12">
			<div class="page-header my_page_header" style="border-bottom: none;">
				<?php if ($result) { ?>
					<p class="my_budge"> <b> Subject : </b> <?php echo $result->sub_domain; ?>&nbsp;&nbsp;&nbsp;&nbsp;<b> Chapter : </b> <?php echo $result->chapter_name; ?></p>
				<?php } ?>
			</div>
		</div>
		
	</div>

<div class="row my_header">
		<div class="col-md-8">
			<form id="questions_form" class="form-horizontal">

<div class="row questions_form_row1">
					<?php if ($result) { ?>
						<input type="hidden" name="material_id" value="<?php echo $result->material_id; ?>">
						<input type="hidden" id="sub_domain_id" name="sub_domain_id" value="<?php echo $result->sub_domain_id; ?>">
						<input type="hidden" name="chapter_id" value="<?php echo $result->chapter_id; ?>">

<div class="form-group">
							<label class="control-label col-sm-4">Question</label>
							<div class="col-sm-8">
								<textarea class="questions" style="border-radius: 5px;" name="questions" rows="5" cols="55" style="width:100%;"></textarea>
							</div>
						</div>

<div class="form-group">
							<label class="control-label col-sm-4">Number Of Options</label>
							<div class="col-sm-8">
								<label class="radio-inline">
									<input type="radio" name="optradio" id="no_of_options2" value="2" onchange="options2();" required>2
								</label>
								<label class="radio-inline">
									<input type="radio" name="optradio" id="no_of_options3" value="3" onchange="options3();">3
								</label>
								<label class="radio-inline">
									<input type="radio" name="optradio" id="no_of_options4" value="4" onchange="options4();">4
								</label>
							</div>
						</div>

<div class="form-group no_of_options1" style="display: none;">
							<label class="control-label col-sm-4">Answer</label>
							<div class="col-sm-8">
								<label>Option 1</label>
								
								<input type="radio" value="1" name="ans" required> &nbsp;<textarea style="border-radius: 5px;" type="text" name="ans1" id="answer1" class="ans"></textarea>
							</div>
						</div>

<div class="form-group no_of_options2" style="display: none;">
							<label class="control-label col-sm-4"></label>
							<div class="col-sm-8">
								<label>Option 2</label>
								
								<input type="radio" value="2" name="ans" required> &nbsp;<textarea style="border-radius: 5px;" type="text" name="ans2" id="answer2" class="ans"></textarea>
							</div>
						</div>

<div class="form-group no_of_options3" style="display: none;">
							<label class="control-label col-sm-4"></label>
							<div class="col-sm-8">
								<label>Option 3</label>
								
								<input type="radio" value="3" name="ans" required> &nbsp;<textarea style="border-radius: 5px;" type="text" name="ans3" id="answer3" class="ans"></textarea>
							</div>
						</div>

<div class="form-group no_of_options4" style="display: none;">
							<label class="control-label col-sm-4"></label>
							<div class="col-sm-8">
								<label>Option 4</label>
								
								<input type="radio" value="4" name="ans" required> &nbsp;<textarea style="border-radius: 5px;" type="text" name="ans4" id="answer4" class="ans"></textarea>
							</div>
						</div>
						
						<div class="form-group">
							<label class="control-label col-sm-4"> Explanation </label>
							<div class="col-sm-8">
								<textarea style="border-radius: 5px;" name="explanation" class="explanation" rows="10" cols="55" style="width:100%;"></textarea>
							</div>
						</div>

<?php } ?>
				</div>
				<div class="col-sm-offset-4 col-sm-3">
					<input type="submit" class="form-control add_submit" value="Submit" style="background-color: #0065b3;color: white;">
				</div>
				<br><br>
			</form>

</div>

<div class="col-sm-offset-1 col-sm-10 col-md-offset-1 col-md-10 col-lg-offset-3 col-lg-9">
				<div class="mid-inventory-improt">
					<form id="submit_excel" class="file-uploader" name="upload_excel" enctype="multipart/form-data">
						<a href="<?php echo site_url("download2"); ?>" style="padding-left:20px">Download .XLS file format</a>
						<div class="file-uploader__message-area">
							<p>Excel File</p>
							
						</div>
						<?php if ($result) { ?>
							<input type="hidden" name="material_id" value="<?php echo $result->material_id; ?>">
							<input type="hidden" name="sub_domain_id" value="<?php echo $result->sub_domain_id; ?>">
							<input type="hidden" name="chapter_id" id="chapter_id" value="<?php echo $result->chapter_id; ?>">
							<div class="file-chooser">
								<input type="file" name="file" id="file" class="file-chooser__input" required>
							</div>
							<input type="submit" id="submit" name="import" class="btn btn-primary button-loading file-uploader__submit-button  button-loading" value="Upload">

<?php } ?>
					</form>
				</div>
			</div>
		</div>

<br>

<table class="table table-striped table-hover list_table" id="myTable">
				<thead>
					<tr>
						<th>Sl No</th>
						<th>Questions</th>
						<th>No of Options</th>
						<th>Option 1</th>
						<th>Option 2</th>
						<th>Option 3</th>
						<th>Option 4</th>
						<th>Correct Answer</th>
						<th>Explanation</th>
						<th>Action</th>
					</tr>
				</thead>

<tbody id="table_body">
					<?php $i = 1;
					foreach ($questions as $val) { ?>
						<tr>
							<td>
								<pre><code><?php echo $i; ?></code></pre>
							</td>
							<td>
								<pre><code><?php echo htmlspecialchars($val['questions']); ?></code></pre>
							</td>
							<td>
								<pre><code><?php echo $val['no_of_options']; ?></code></pre>
							</td>
							<td>
								<pre><code><?php if ($val['ans1'] != '') {
												echo htmlspecialchars($val['ans1']);
											} else {
												echo '';
											} ?></code></pre>
							</td>
							<td>
								<pre><code><?php if ($val['ans2'] != '') {
												echo htmlspecialchars($val['ans2']);
											} else {
												echo '';
											} ?></code></pre>
							</td>
							<td>
								<pre><code><?php if ($val['ans3'] != '') {
												echo htmlspecialchars($val['ans3']);
											} else {
												echo '';
											} ?></code></pre>
							</td>
							<td>
								<pre><code><?php if ($val['ans4'] != '') {
												echo htmlspecialchars($val['ans4']);
											} else {
												echo '';
											} ?></code></pre>
							</td>
							<td>
								<pre><code><?php echo $val['ans']; ?></code></pre>
							</td>
							<td>
								<pre><code><?php echo htmlspecialchars($val['explanation']); ?></code></pre>
							</td>
							<td><a data-toggle="tooltip" title="Edit" class="edit" onclick="edit('<?php echo  $val['qid'] ?>')" qid="'+rowObject.qid+'" href="javascript:void(0);"><span class="glyphicon glyphicon-edit"></span></a> <a data-toggle="tooltip" title="Delete" onclick="Delete('<?php echo  $val['qid'] ?>')" ; class="delete" href="javascript:void(0);"><span class="glyphicon glyphicon-trash"></span></a></td>
						</tr>
					<?php $i++;
					} ?>
				</tbody>

</table>

</div>
	</div>

}

function options3() {
			var no_of_options3 = $('#no_of_options3').val();
			if (no_of_options3 == '3') {
				$('.no_of_options1').show();
				$('.no_of_options2').show();
				$('.no_of_options3').show();
				$('.no_of_options4').hide();
			}

}

function options4() {
			var no_of_options4 = $('#no_of_options4').val();
			if (no_of_options4 == '4') {
				$('.no_of_options1').show();
				$('.no_of_options2').show();
				$('.no_of_options3').show();
				$('.no_of_options4').show();
			}
		}

////////////////////////////////////////////////////////////////////////////////

function edit_options2() {
			var edit_no_of_options2 = $('#edit_no_of_options2').val();
			if (edit_no_of_options2 == '2') {
				$('.edit_no_of_options1').show();
				$('.edit_no_of_options2').show();
				$('.edit_no_of_options3').hide();
				$('.edit_no_of_options4').hide();
				$('#edit_ans3').prop("checked", false)
				$('#edit_ans4').prop("checked", false)
			}

}

function edit_options3() {
			var edit_no_of_options3 = $('#edit_no_of_options3').val();
			if (edit_no_of_options3 == '3') {
				$('.edit_no_of_options1').show();
				$('.edit_no_of_options2').show();
				$('.edit_no_of_options3').show();
				$('.edit_no_of_options4').hide();
				$('#edit_ans4').prop("checked", false)
			}

}

function edit_options4() {
			var edit_no_of_options4 = $('#edit_no_of_options4').val();
			if (edit_no_of_options4 == '4') {
				$('.edit_no_of_options1').show();
				$('.edit_no_of_options2').show();
				$('.edit_no_of_options3').show();
				$('.edit_no_of_options4').show();
			}
		}
	</script>
	
	<style type="text/css">

#page-wrapper{
			background-image: url(public/assets/website_assets/images/banner.png);

}

pre {
			background-color: transparent;
			border: 1px solid transparent;
			line-height: 1.6;
			text-align: justify;
		}

.mid-inventory-improt {
			margin-top: 6%;
		}

.meridian {
			display: none;
		}

.avg {
			display: table-cell;
			width: 30%;
			padding-top: 10px;
		}

.avg_time {
			display: table-cell;
			vertical-align: middle;
		}

.ui-jqgrid-labels {
			height: 52px;
		}

.ui-jqgrid-htable {
			border: none !important;
		}

.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
			overflow: hidden;
			white-space: normal !important;
			padding-right: 2px;
		}

/* table td {
		font-size: 14px;
	}
	 */
		#jaytab3 {
			width: 100% !important;
			overflow-x: scroll;
		}

.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: 50%;
			margin-top: -7px !important;
		}

.ui-jqdialog-content td.navButton {
			padding-top: 12px !important;
		}

.ui-jqgrid .ui-jqgrid-titlebar {
			height: 7px !important;
			background: #0775c2 !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 {
			/* width: 988px !important; */
			overflow-x: scroll !important;
		}

@media only screen and (min-width:641px) and (max-width:991px) {

/* 
	.ui-jqgrid{
		
	} */
			#jaytab3 {
				margin-top: 0 !important;
				margin-left: 0 !important;
				/* overflow-x: hidden; */
				width: 100% !important;
				padding-left: 0 !important;
				padding-right: 9px !important;
			}

}

@media only screen and (min-width:320px) and (max-width:641px) {
			/* .ui-jqgrid{
		
	} */
		}

.ui-jqdialog .ui-jqdialog-titlebar-close:hover,
		.ui-jqdialog .ui-jqdialog-titlebar-close:focus {
			padding: 0 !important;
		}

.ui-jqdialog .ui-jqdialog-titlebar-close {
			padding: 0 !important;
		}

#jaytab {
			width: 100%;
			margin-top: 5%;
			margin-bottom: 3%;
		}

@media only screen and (min-width:320px) and (max-width:640px) {
			#jaytab {
				overflow-x: scroll !important;
				width: 100%;
				margin-bottom: 5%;
			}
		}

@media only screen and (min-width:641px) and (max-width:991px) {
			#jaytab {
				overflow-x: scroll !important;
				width: 100%;
			}
		}

@media only screen and (min-width:992px) and (max-width:1258px) {
			#jaytab {
				overflow-x: scroll !important;
				width: 100%;
			}
		}
	</style>

});

$("#questions_form").submit(function(e) {
			e.preventDefault();

for (instance in CKEDITOR.instances) {
				CKEDITOR.instances[instance].updateElement();
			}
			formdata = new FormData($(this)[0]);
			$.ajax({
				type: 'post',
				url: '<?php echo site_url("questions_insert"); ?>',
				data: formdata,
				contentType: false,
				processData: false,

success: function(response) {
					//   response=jQuery.parseJSON(response);
					console.log(response);

if (response.result == 1) {

//toastr["success"](response.message);
						//location.reload();
						swal(response.message);
						$('#questions_form')[0].reset();
						//setTimeout("location.reload(true);", 3000);
						/*	$("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');*/
						location.reload();
					} else if (response.result == 2) {
						swal(response.message);
						//toastr["error"](response.message);

} else if (response.result == 3) {
						swal(response.message);
						//	toastr["error"](response.message);

} else {
						swal(response.message);
						//toastr["error"](response.message);

}
				}

});
		});

function edit(id) {
			var type = "post";
			$(".material_id_pk").val(id);
			$.ajax({
				type: type,
				url: "<?php echo site_url('edit_faculty_add_questions'); ?>",
				data: {
					'qid': id
				},
				success: function(response) {
					// response=jQuery.parseJSON(response);
					console.log(response);
					if (response.result == 1) {
						$.each(response.message, function(idx, vx) {
							$(".questions_edit").val(vx.questions);
							$(".qid_edit").val(vx.qid);
							var no_options = vx.no_of_options;

if (no_options == "2") {
								$('#edit_no_of_options2').prop("checked", true);

$('.edit_no_of_options1').show();
								$('.edit_no_of_options2').show();
								$('.edit_no_of_options3').hide();
								$('.edit_no_of_options4').hide();

} else if (no_options == "3") {
								$('#edit_no_of_options3').prop("checked", true);
								$('.edit_no_of_options1').show();
								$('.edit_no_of_options2').show();
								$('.edit_no_of_options3').show();
								$('.edit_no_of_options4').hide();
							} else if (no_options == "4") {
								$('#edit_no_of_options4').prop("checked", true);
								$('.edit_no_of_options1').show();
								$('.edit_no_of_options2').show();
								$('.edit_no_of_options3').show();
								$('.edit_no_of_options4').show();
							}
							$(".ans1_edit").val(vx.ans1);
							$(".ans2_edit").val(vx.ans2);
							$(".ans3_edit").val(vx.ans3);
							$(".ans4_edit").val(vx.ans4);
							//$(".time_edit").val(response.message.avg_time);
							$(".edit_ans").attr('checked', 'checked');
							$(".explanation_edit").val(vx.explanation);
							$("input[name=edit_ans]").val([vx.ans]);

});
					}

}
			});
			$("#myModal").modal('show');
		}

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_faculty_add_questions'); ?>",
							data: {
								'qid': id
							},
							success: function(response) {
								//    response=jQuery.parseJSON(response);
								console.log(response);
								if (response.result == 1) {

// toastr["success"]('Deleted Successfully');
									swal('Deleted Successfully');
									location.reload();
									//$("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
								}

}
						});

} else {

$(".sweet-alert").hide();
						$(".sweet-overlay").hide();
					}

});
		}
	</script>

formdata = new FormData($(this)[0]);
				$.ajax({
					type: 'post',
					url: '<?php echo site_url("edit_questions_insert"); ?>',
					data: formdata,
					contentType: false,
					processData: false,

success: function(response) {
						//   response=jQuery.parseJSON(response);
						console.log(response);

if (response.result == 1) {

//	toastr["success"](response.message);
							//	location.reload();
							swal(response.message);
							$('#edit_questions_form')[0].reset();
							$("#myModal").modal('hide');
							//$("#list2").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
							location.reload();

} else if (response.result == 2) {

swal(response.message);

} else if (response.result == 3) {

swal(response.message);

} else {
							swal(response.message);

}
					}

});
			}
		});
	</script>

formdata = new FormData($(this)[0]);
			$.ajax({
				type: 'post',
				url: '<?php echo site_url("imported"); ?>',
				data: formdata,
				contentType: false,
				processData: false,

success: function(response) {
					  response=jQuery.parseJSON(response);
					console.log(response);

if (response.result == 1) {

//toastr["success"](response.message);
						//location.reload();
						swal(response.message);
						$('#submit_excel')[0].reset();
						location.reload();
						// $('.list_table').DataTable().ajax.reload();
					} else {
						swal(response.message);

}
				}

});
		});
	</script>

$('#timepicker2').timepicki({show_meridian:false});*/

$('#timepicker1').timepicki({
			show_meridian: false,
			min_hour_value: 0,
			max_hour_value: 59,
			step_size_minutes: 1,
			overflow_minutes: true,
			increase_direction: 'up',
			disable_keyboard_mobile: true
		});
		$('#timepicker2').timepicki({
			show_meridian: false,
			min_hour_value: 0,
			max_hour_value: 59,
			step_size_minutes: 1,
			overflow_minutes: true,
			increase_direction: 'up',
			disable_keyboard_mobile: true
		});
	</script>

<?php echo view('includes/faculty_footer'); ?>

.file-uploader {
			/* background-color: #dbefe9; */
			background-color: #c7e7ff;
			border-radius: 3px;
			color: #242424;
		}

.file-uploader__message-area {
			font-size: 18px;
			padding: 1em;
			text-align: center;
			/* color: #377a65; */
			color: #0065b3;
		}

.file-list {
			background-color: white;
			font-size: 16px;
		}

.file-list__name {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

.file-list li {
			height: 50px;
			line-height: 50px;
			margin-left: .5em;
			border: none;
			overflow: hidden;
		}

.file-chooser {
			padding: 1em;
			transition: background-color 1s, height 1s;
		}

.file-chooser p {
			font-size: 18px;
			padding-top: 1em;
		}

.file-uploader {
			max-width: 500px;
			height: auto;
			/* margin: 2em auto; */
		}

.file-uploader * {
			display: block;
		}

.file-uploader input[type=submit] {
			margin-top: 2em;
			float: right;
		}

.file-list {
			margin: 0 auto;
			max-width: 90%;
		}

.file-list__name {
			max-width: 70%;
			float: left;
		}

.file-chooser {
			width: 90%;
			margin: .5em auto;
		}

.file-chooser__input {
			margin: 0 auto;
		}

.file-uploader__submit-button {
			width: 100%;
			border: none;
			font-size: 1.5em;
			padding: 1em;
			/* background-color: #72bfa7; */
			background-color: #0065b3;
			color: white;
		}

.file-uploader__submit-button:hover {
			background-color: #a7d7c8;
		}

.file-list li:after,
		.file-uploader:after {
			content: "";
			display: table;
			clear: both;
		}

html,
		body {
			width: 100%;
		}

form {
			margin: 10px 0 0 0;
		}

#job-upload-content h2 {
			font-size: 13px;
			font-weight: bold;
		}

#header {
			text-align: left;
			padding: 0;
			margin: 0 auto;
			position: relative;
			height: 55px;
			width: 980px;
		}

#job-upload-content {
			width: 980px;
			margin: 0 auto;
			text-align: left;
		}

form#add-job {
			width: 500px;
		}

span#remove,
		span#add {
			cursor: pointer;
			color: #ff6633;
			text-decoration: underline;
		}

#remove-job {
			display: none;
		}

p.req,
		label.error {
			font-size: 10px;
			color: red;
			font-style: italic;
		}

input.error,
		select.error {
			border: 1px solid red;
		}

#add-job input,
		#add-job select {
			display: inline-block;
			margin: 0 10px 20px 0 !important;
		}

.error {
			display: inline-block;
			vertical-align: top;
		}

select,
		select.error {
			margin: 0 10px 10px 0 !important;
		}

.ans {
			width: 80%;
			vertical-align: middle;
		}

#timepicker1 {
			width: 46%;
		}

.radio_row {
			margin-top: 3%;
		}

.edit_opt {
			width: 65%;
			vertical-align: middle;
		}

#timepicker2 {
			width: 70%;
		}

.add_submit {
			margin-left: 136px;
		}

@media only screen and (min-width:320px) and (max-width:640px) {
			.questions_form_row1 {
				padding: 0px 16px;
			}

#timepicker1 {
				width: 84%;
			}

.ans {
				width: 65%;
			}

.add_submit {
				margin-left: 0px;
			}

.jaytab_div {
				padding: 0px 15px;
			}
		}

@media only screen and (min-width:641px) and (max-width:991px) {
			.questions_form_row1 {
				padding: 0px 8px;
			}

#timepicker1 {
				width: 84%;
			}

.ans {
				width: 72%;
			}

.radio_row {
				margin-top: 1%;
				margin-left: 10px;
			}

.add_submit {
				margin-left: 35px;
			}
		}

@media only screen and (min-width:992px) and (max-width:1258px) {

#timepicker1 {
				width: 91%;
			}

.ans {
				width: 72%;
			}

.radio_row {
				margin-top: 5%;
			}
		}

.ngCell {
			display: table-cell;
			height: auto !important;
			overflow: visible;
			position: static;
		}

.ngRow {
			display: table-row;
			height: auto !important;
			position: static;
		}

.ngCellText {
			height: auto !important;
			white-space: normal;
			overflow: visible;
		}
	</style>