214 lines
12 KiB
PHP
Executable File
214 lines
12 KiB
PHP
Executable File
<?php defined('BASEPATH') or exit('No direct script access allowed');
|
|
|
|
?>
|
|
<script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script>
|
|
<!--sidebar end-->
|
|
<!--main content start-->
|
|
<div class="app-content content">
|
|
<section class="content-wrapper">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h3 class="font-weight-bold"><?php echo lang('Quiz Question'); ?></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="mt-0 mb-0" />
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<form action="<?php echo base_url(); ?>onboarding_question_answer/addnew" onsubmit="return validateForm()" method="post">
|
|
<input type="hidden" name="<?php echo $this->security->get_csrf_token_name();?>" value="<?php echo $this->security->get_csrf_hash();?>">
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1" class="required">Related Video</label>
|
|
<select id="relatedVideo" name="relatedVideo" required="">
|
|
<option value="" selected>Select</option>
|
|
<?php foreach ($videos as $value) { ?>
|
|
<option value="<?=$value->id?>"<?php if($related_video_id==$value->id){echo 'selected';} ?>><?=$value->video_slug?></option>
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1" class="required">Question</label>
|
|
<textarea name="question" id="question" required=""></textarea>
|
|
</div>
|
|
<hr>
|
|
<label for="exampleInputEmail1" class="required">Number of Option</label>
|
|
<select id="NumberOfOption">
|
|
<option value="" selected>Select</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
<option value="4">4</option>
|
|
</select>
|
|
<hr>
|
|
<div class="optGroup">
|
|
<div class="row">
|
|
<div class="form-group col-md-8">
|
|
<label for="exampleInputEmail1" class="required">Answer 1</label>
|
|
<textarea name="opt1" id="opt1" required=""></textarea>
|
|
</div>
|
|
<div class="form-group col-md-4 radio_sec">
|
|
<label for="exampleInputEmail1" class="required">This is correct Answer
|
|
<input type="radio" name="answer" class="" value="opt1" required="" checked="checked">
|
|
<div class="control__indicator"></div>
|
|
</label>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-md-8">
|
|
<label for="exampleInputEmail1" class="required">Answer 2</label>
|
|
<textarea name="opt2" id="opt2" required=""></textarea>
|
|
</div>
|
|
<div class="form-group col-md-4 radio_sec">
|
|
<label for="exampleInputEmail1" class="required">This is correct Answer
|
|
<input type="radio" name="answer" class="" value="opt2">
|
|
<div class="control__indicator"></div>
|
|
</label>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-md-8">
|
|
<label for="exampleInputEmail1" class="required">Answer 3</label>
|
|
<textarea name="opt3" id="opt3" required=""></textarea>
|
|
</div>
|
|
<div class="form-group col-md-4 radio_sec">
|
|
<label for="exampleInputEmail1" class=" required">This is correct Answer
|
|
<input type="radio" name="answer" class="" value="opt3">
|
|
<div class="control__indicator"></div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-md-8">
|
|
<label for="exampleInputEmail1" class="required">Answer 4</label>
|
|
<textarea name="opt4" id="opt4" required=""></textarea>
|
|
</div>
|
|
<div class="form-group col-md-4 radio_sec">
|
|
<label for="exampleInputEmail1" class=" required">This is correct Answer
|
|
<input type="radio" name="answer" class="" value="opt4">
|
|
<div class="control__indicator"></div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- <div class="form-group">
|
|
<label for="exampleInputEmail1" class="required">Answer</label>
|
|
<select class="form-control" value="<?=$value?>" name="answer" >
|
|
<option value="opt1">Option 1</option>
|
|
<option value="opt2">Option 2</option>
|
|
<option value="opt3">Option 3</option>
|
|
<option value="opt4">Option 4</option>
|
|
</select>
|
|
</div> -->
|
|
<section class="col-md-12" id="msg_rm">
|
|
<?php if(isset($_SESSION['edited'])): ?>
|
|
<div class="alert alert-success" role="alert">
|
|
<?php echo $_SESSION['edited']; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</section>
|
|
<button type="submit" name="submit" value="editSlot" class="btn btn-default green">Save</button>
|
|
<div class="btn-group">
|
|
<a class="btn btn-info btn-min-width" title="<?php echo lang('Back'); ?>" href="<?php echo base_url(); ?>onboarding_video_content">
|
|
<i class="fa fa-undo" aria-hidden="true"></i> <?php echo lang('Back'); ?>
|
|
</a>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!--main content end-->
|
|
<!--footer start-->
|
|
<script>
|
|
$(function(){
|
|
var areas = Array('question', 'opt1', 'opt2', 'opt3', 'opt4');
|
|
$.each(areas, function (i, area) {
|
|
CKEDITOR.replace(area);
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
$("#NumberOfOption").change(function(){
|
|
var val = $(this).val();
|
|
|
|
if (val == "2")
|
|
{
|
|
$(".optGroup div.row:nth-child(3)").hide();
|
|
$(".optGroup div.row:nth-child(4)").hide();
|
|
}
|
|
else if (val == "3")
|
|
{
|
|
$(".optGroup div.row:nth-child(3)").show();
|
|
$(".optGroup div.row:nth-child(4)").hide();
|
|
}
|
|
else if(val == "4")
|
|
{
|
|
$(".optGroup div.row:nth-child(3)").show();
|
|
$(".optGroup div.row:nth-child(4)").show();
|
|
}
|
|
})
|
|
})
|
|
|
|
|
|
|
|
function validateForm(){
|
|
var question = $("#cke_question iframe").contents().find("body").text();
|
|
if(question == ""){
|
|
$("#msg_rm").html("<div class='alert alert-danger' role='alert'> Please enter a question</div>");
|
|
return false;
|
|
}
|
|
|
|
var opt1 = $("#cke_opt1 iframe").contents().find("body").text();
|
|
if(opt1 == ""){
|
|
$("#msg_rm").html("<div class='alert alert-danger' role='alert'> Please enter a option 1</div>");
|
|
return false;
|
|
}
|
|
|
|
var opt2 = $("#cke_opt2 iframe").contents().find("body").text();
|
|
if(opt2 == ""){
|
|
$("#msg_rm").html("<div class='alert alert-danger' role='alert'> Please enter a option 2</div>");
|
|
return false;
|
|
}
|
|
|
|
var optNo = $("#NumberOfOption").val();
|
|
|
|
if(optNo == "" || optNo == "3" || optNo == "4")
|
|
var opt3 = $("#cke_opt3 iframe").contents().find("body").text();
|
|
if(opt3 == ""){
|
|
$("#msg_rm").html("<div class='alert alert-danger' role='alert'> Please enter a option 3</div>");
|
|
return false;
|
|
}
|
|
if(optNo == "" || optNo == "4")
|
|
var opt4 = $("#cke_opt4 iframe").contents().find("body").text();
|
|
if(opt4 == ""){
|
|
$("#msg_rm").html("<div class='alert alert-danger' role='alert'> Please enter a option 4</div>");
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
</script>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
setTimeout(function(){ $(".tox-notification").hide(); }, 1000);
|
|
|
|
})
|
|
</script>
|
|
|