File: /home/barbeatleanalyti/www/mbaris.beatleanalytics.com/application/views/survey/userfeedback.php
<?php
include('include/header.php');
?>
<script>
$(document).ready(function(){
$(".optionvalue").click(function(){
var optionvalue = $(this);
var pageid = optionvalue.attr('data-pageid');
var avgvalue = optionvalue.attr('data-keyvalue');
var stationId = $("#stationId").val();
var userId = $("#userId").val();
var questionId = $("#questionId").val();
var paramId = $("#paramId").val();
//console.log("pageid = "+pageid+" "+"avgvalue = "+avgvalue+" "+"stationId = "+stationId+" "+"userId = "+userId+" "+"questionId = "+questionId+" "+"paramId = "+paramId);
$.ajax({
type : 'POST',
url : 'insertUserFeedback',
data : {stationId:stationId,userId:userId,questionId:questionId,paramId:paramId,pageid:pageid,avavalue:avgvalue},
success : function(res)
{
//$("#pagetitle_"+pageConId).html(pagetitle+' <span style="color:#999 !important;text-shadow:none !important; font-weight:bold !important; float:right;"> <i style="color:#999 !important;" class="fa fa-check" aria-hidden="true"></i> '+pagevalue+'</span>');
//var htmlInner = ' HELLO ';
//document.getElementById("#pagetitle_"+pageConId).innerHTML = htmlInner;
//$("#accordion-"+pageConId).css("display","none");
//document.getElementById("#accordion-"+pageConId).style.display = "none";
//$("#accordion-"+nextConID).css("display","block");
//document.getElementById("#accordion-"+nextConID).style.display = "block";
}
})
});
$(".multiline").click(function(){
var optionvalue = $(this);
var pageid = optionvalue.attr('data-pageid');
var avgvalue = $(".total_score_remark").val();
var stationId = $("#stationId").val();
var userId = $("#userId").val();
var questionId = $("#questionId").val();
var paramId = $("#paramId").val();
//alert("pageid = "+pageid+" "+"avgvalue = "+avgvalue+" "+"stationId = "+stationId+" "+"userId = "+userId+" "+"questionId = "+questionId+" "+"paramId = "+paramId);
//console.log("pageid = "+pageid+" "+"avgvalue = "+avgvalue+" "+"stationId = "+stationId+" "+"userId = "+userId+" "+"questionId = "+questionId+" "+"paramId = "+paramId);
$.ajax({
type : 'POST',
url : 'insertUserFeedback',
data : {stationId:stationId,userId:userId,questionId:questionId,paramId:paramId,pageid:pageid,avavalue:avgvalue},
success : function(res)
{
//$("#pagetitle_"+pageConId).html(pagetitle+' <span style="color:#999 !important;text-shadow:none !important; font-weight:bold !important; float:right;"> <i style="color:#999 !important;" class="fa fa-check" aria-hidden="true"></i> '+pagevalue+'</span>');
//var htmlInner = ' HELLO ';
//document.getElementById("#pagetitle_"+pageConId).innerHTML = htmlInner;
//$("#accordion-"+pageConId).css("display","none");
//document.getElementById("#accordion-"+pageConId).style.display = "none";
//$("#accordion-"+nextConID).css("display","block");
//document.getElementById("#accordion-"+nextConID).style.display = "block";
}
})
});
});
</script>
<body>
<div class="container headerback">
<div class="">
<div class="col-md-12">
<a class="back_icon" href="<?php echo base_url();?>index.php/survey/subquestion?queId=<?php echo $_REQUEST['queId']?>"><img src="<?php echo base_url()?>assets/surveynew/css/icon-arrow-left-white.png"></a>
<img style=" " height="" width="" alt="No image found" src="<?php echo base_url()?>assets/surveynew/css/no-image-found.png" class="headerImg">
</div>
</div>
</div>
<input type="hidden" name="stationId" id="stationId" value="<?php echo $_SESSION['LoginIndid'];?>">
<input type="hidden" name="userId" id="userId" value="<?php echo $_SESSION['userId'];?>">
<input type="hidden" name="questionId" id="questionId" value="<?php echo $_REQUEST['queId'];?>">
<input type="hidden" name="paramId" id="paramId" value="<?php echo $_REQUEST['paramId'];?>">
<div class="feedback_list">
<div class="title_heder">
<?php echo $question[0]->queName;?><br>
<?php echo $param[0]->paramName;?>
</div>
<!-------------->
<section class="ac-container">
<div class="container-">
<div class="panel-group" id="accordionMenu" role="tablist" aria-multiselectable="true">
<?php
if(!empty($pages)){
foreach ($pages as $key => $value) { ?>
<?php
//echo "<pre>";
$status = $this->Survey_model->getPageFeedbackStatus($_REQUEST['queId'],$_REQUEST['paramId'],$value->pageId);
//print_r($status);
//die;
?>
<div class="panel panel-default qua<?php echo $key?> icon_none <?php if(count($status)>0)echo "active";?>">
<div class="panel-heading panelmain1 quasub1 " role="tab" id="heading<?php echo $key?> ">
<h4 class="panel-title ">
<a class="collapsed " role="button" data-toggle="collapse" data-parent="#accordionMenu" href="#collapse<?php echo $key?>" aria-expanded="<?php if($key == 0) echo 'true';else echo 'false';?>" aria-controls="collapse<?php echo $key?>">
<p class="q_1"><?php echo $value->db_pagename?></span></p>
<img class="w_done_icon" src="<?php echo base_url()?>assets/surveynew/css/writ_icon.png">
</a>
</h4>
</div>
<div id="collapse<?php echo $key?>" class="panel-collapse collapse <?php if($key == 0) echo 'in';?>" role="tabpanel" aria-labelledby="heading<?php echo $key?>">
<div class="panel-body">
<ul class="nav nev_<?php echo $key?>">
<?php
$pageOptions = explode(',',$value->db_pageChoice);
$cntX = 4;
foreach ($pageOptions as $keyop=>$valop)
{ ?>
<li> <a class="collapsed optionvalue" data-pageid="<?php echo $value->pageId?>" role="button" data-toggle="collapse" data-parent="#accordionMenu" href="#collapse<?php echo $key+1;?>" aria-expanded="false" aria-controls="collapse<?php echo $key+1;?>"
data-keyvalue="<?php
if($valop == 'Excellent'){
echo "10";
}elseif ($valop == 'Very Good') {
echo "8";
}elseif ($valop == 'Good') {
echo "6";
}elseif ($valop == 'Average') {
echo "5";
}elseif ($valop == 'Poor') {
echo "3";
}elseif ($valop == 'VERY GOOD') {
echo "3";
}elseif ($valop == 'SATISFACTORY') {
echo "2";
}elseif ($valop == 'POOR') {
echo "1";
}elseif ($valop == 'NOT ATTENDED') {
echo "0";
}else{
echo $valop;
}
?>"
> <?php echo $valop; ?> </a></li>
<?php } ?>
</ul>
<script>
$('.nev_<?php echo $key?>').click(function(){
$('.qua<?php echo $key?>').addClass('active');
});
</script>
</div>
</div>
</div>
<?php }
}
?>
<div class="panel panel-default qua6 total_feedbback_score">
<div class="panel-heading panelmain quasub6" role="tab" id="headingfive">
<h4 class="panel-title">
</h4>
</div>
<div id="collapse<?php echo count($pages);?>" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingsix">
<div class="panel-body">
<ul class="nav nev_6">
<li class="total_score"> Total score 250 </li>
<textarea class="total_score_remark" rows="4" cols="50" placeholder="Remark..."></textarea>
<a class="submit_score multiline" data-pageid="15" href="<?php echo base_url();?>index.php/survey/subquestion?queId=<?php echo $_REQUEST['queId']?>">Submit</a>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!------------>
</div>
<div class="main_footer">
<p>Powered by : beatleanalytics.com </p>
</div>
<script src="<?php echo base_url()?>assets/surveynew/css/bootstrap.min.js(1).download"></script>
<style>
h4.panel-title p {
margin: 0px;
}
h4.panel-title span {
color: #000;
float: right;
font-size: 13px;
margin-left: 10px;
margin-top: 2px;
}
h4.panel-title span {
color: #000;
font-size: 13px;
}
.total_feedbback_score div#headingfive { background: none;
display: none;}
.total_feedbback_score h4.panel-title {
font-size: 0px;
padding: 0px !IMPORTANT;
display: none;
}
a.submit_score {
background: #3bb0b6;
padding: 6px 15px;
margin: 18px -1px;
float: right;
color: #FFF;
border-radius: 7px;
}
textarea.total_score_remark {
width: 100%;
border: 1px solid #55cdd3;
height: 64px;
}
li.total_score {
padding: 6px 0;
text-align: center;
background: red !IMPORTANT;
font-size: 16px;
color: #FFF;
}
.panel-body {
padding: 8px 13px 0px 13px;
}
.panel.panel-default.active a.collapsed img.w_done_icon {
display: block;
}
img.w_done_icon {
display: none;
}
img.w_done_icon {
width: 20px;
position: absolute;
top: 50%;
right: 0%;
transform: translate(0%,-50%);
-ms-transform: translate(0%,-50%);
}
h4.panel-title a {
position: relative;
}
.panel.panel-default {
margin-top: 5px !IMPORTANT;
}
ul.nav li {
background: #e4e1e1;
margin-bottom: 5px;
}
.panel-group {
margin-bottom: 0px !IMPORTANT;
}
.panel-default {
border: 0px solid #FFF;
}
.panel-default>.panel-heading {
color: #fff;
background-color: #55cdd3;
border: 0px solid #FFF !IMPORTANT;
border-radius: 0px !IMPORTANT;
}
h4.panel-title a {
width: 100% !IMPORTANT;
}
h4.panel-title a {
width: 100% !IMPORTANT;
display: -webkit-box;
}
.title_heder {
text-align: center;
font-size: 24px;
padding:4px 0;
background: red;
color: #FFF;
margin:4px 0;
}
.feedback_list {
background: #FFF;
float: left;
width: 100%;
}
.feedback_list {
background: #FFF;
}
body {
background: #55cdd3;
}
.bt-continue {
height: 121px;
}
</style>
<?php
include('include/footer.php');
?>