ESH/form/add_questionnaire.php
2024-10-23 18:28:06 +05:30

142 lines
4.2 KiB
PHP

<script>
function validate() {
var question_name = $('#question_name').val();
if (question_name == '') {
BootstrapDialog.alert('Please Enter Question Name.!!!');
return false;
}
var question_type = $('#question_type').val();
if (question_type == '') {
BootstrapDialog.alert('Please Select Question Type.!!!');
return false;
}
var question_section = $('#question_category').val();
if (question_section == '') {
BootstrapDialog.alert('Please Select Question Category.!!!');
return false;
}
$("#questionnaire_form").submit();
}
</script>
<script>
$(document).ready(function(e) {
$("#questionnaire_form").on('submit', function(e) {
e.preventDefault();
$.ajax({
type: 'POST',
url: 'save_questionnaire.php',
data: new FormData(this),
contentType: false,
cache: false,
processData: false,
beforeSend: function() {
// $('.submitBtn').attr("disabled","disabled");
//$('#fupForm').css("opacity",".5");
},
success: function(msg) {
BootstrapDialog.alert('Questionnaire Saved Successfully.');
$("#flex1").flexReload();
$('.close').click();
return;
},
error: function(data) {
BootstrapDialog.alert('Error Saving Questionnaire');
$('.close').click();
return;
}
});
});
});
</script>
<style>
#modal-add-ailment {
overflow-y: scroll;
}
</style>
<div class="modal fade" id="modal-add-questionnaire" name="modal-add-questionnaire" role="dialog" aria-hidden="true">
<form role="form" id="questionnaire_form" name="questionnaire_form" action="#" method="post">
<div class="modal-dialog">
<div class="modal-content">
<div class="widget-header">
<h5 class="widget-title">Questionnaire</h5>
<div class="widget-toolbar">
<div class="widget-menu">
<a href="#" class="close" data-action="close" data-dismiss="modal">
<i class="ace-icon fa fa-times"></i>
</a>
</div>
</div>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-10 form-group">
<label for="role">Questionnaire</label>
<input type="hidden" class=" form-control" name="question_id" id="question_id" value="" required />
<textarea autofocus="autofocus" class="form-control" name="question_name" id="question_name" placeholder="Enter Question Name" required></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="ailment">Questionnaire Category</label>
<select class="form-control" name="question_category" id="question_category" onchange="getquestion(this.value);">
<option value="" selected disabled>--Select Questionnaire Category--</option>
<?php echo generateOption('checkup_form_section', 'section_name', 'section_id', '', ''); ?>
</select>
</div>
<div class="col-sm-6 form-group">
<label for="ailment">Questionnaire Type</label>
<select class="form-control" name="question_type" id="question_type">
<option value="" selected disabled>--Select Questionnaire Type--</option>
<option value="Input">Input</option>
<option value="Checkbox">Checkbox</option>
<option>Yes/No</option>
</select>
</div>
</div>
<div class="row">
<div class="col-sm-10">
<label for="role">Parent Question</label>
<select class="form-control" name="parent_id" id='parent_id'>
<option value="">Select parent question if it is a sub question</option>
</select>
</div>
</div>
</div>
<div class="widget-toolbox padding-8 clearfix">
<button type="button" class="btn btn-info btn-sm save_button" onclick="validate();"><i class="ace-icon fa fa-floppy-o bigger-110"></i>Save </button>
<button type="button" class="btn btn-danger btn-sm" data-dismiss="modal"><i class="ace-icon fa fa-times bigger-110"></i>Cancel</button>
</div>
</div>
</div>
</form>
</div>
<script type="text/javascript">
function getquestion(question_category) {
$("#question_category").val();
$.ajax({
type: "POST",
url: "getquestion.php",
data: {
'question_category': question_category
},
success: function(data) {
$("#parent_id").html(data);
}
});
}
</script>