File: /home/barbeatleanalyti/public_html/m.beatleanalytics.com/application/views/survey/userfeedback.php
<?php
include('include/header.php');
//print_r($_SESSION);
?>
<script>
$(document).ready(function(){
var id = 1;
var divID = 0;
//$("#accordion-"+id).show();
var nxtIds = $("#next_"+(divID+0)).val();
$("#accordion-"+nxtIds).show();
var countArr = new Array()
$(".optionvalue").click(function(){
/*
var pageConId = document.getElementById("optionvalue").getAttribute("data-pageConId");
var pagetitle = document.getElementById("optionvalue").getAttribute("data-pagetitle");
var pageid = document.getElementById("optionvalue").getAttribute("data-pageid");
var pagevalue = document.getElementById("optionvalue").getAttribute("data-pagevalue");
var avavalue = document.getElementById("optionvalue").getAttribute("data-keuvalue");
var nextConID = document.getElementById("optionvalue").getAttribute("data-nextConID");
var userid = document.getElementById("sesuserId").value;
var LoginIndid = document.getElementById("sesLoginIndid").value;
var totalContentPages = document.getElementById("totalContentPages").value;
var totalPageDetails = document.getElementById("pageDetails_"+pageid).value;
var totalQuestionLength = document.getElementById("totalQuestionLength_"+pageid).value; */
var optionvalue = $(this);
var pageConId = optionvalue.attr('data-pageConId');
var pagetitle = optionvalue.attr('data-pagetitle');
var pageid = optionvalue.attr('data-pageid');
var pagevalue = optionvalue.attr('data-pagevalue');
var avavalue = optionvalue.attr('data-keuvalue');
var nextConID = optionvalue.attr('data-nextConID');
var userid = $("#sesuserId").val();
var LoginIndid = $("#sesLoginIndid").val();
var totalContentPages = $("#totalContentPages").val();
var totalPageDetails = $("#pageDetails_"+pageid).val();
var totalQuestionLength = $("#totalQuestionLength_"+pageid).val();
//$('#scroll-'+pageConId).scroll(100);
//$(".accordion-section-main").scrollTop(100);
if($("#input_type_"+pageConId).val() == 'text'){
if(avavalue == ""){
avavalue = "NA";
}
}else if($("#input_type_"+pageConId).val() == 'textarea'){
if(avavalue.length <= 10){
$("#single_line_"+pageConId).css("border","1px solid red");
return false;
}
}
var exist_ = countArr.indexOf(pageConId);
if(exist_ == -1)
countArr.push(pageConId);
//alert(countArr+ " length = " +countArr.length);
//alert("totalContentPages = "+totalContentPages+ " totalPageDetails = "+totalPageDetails+ " pageID = "+pageid);
//alert("CLICKED pageConId = "+ pageConId);
//alert("pagetitle = "+pagetitle+ ", pagevalue = "+pagevalue+", pageid = "+pageid+', pageConId = '+pageConId+', avavalue = '+avavalue);
$(this).css("background","red !important");
$.ajax({
type : 'POST',
//url : 'insertUserFeedback?userid='+userid+'&LoginIndid='+LoginIndid+'&pageid='+pageid+'&pageConId='+pageConId+'&avavalue='+avavalue,
url : 'insertUserFeedback',
data : {userid:userid,LoginIndid:LoginIndid,pageid:pageid,pageConId:pageConId,avavalue:avavalue},
success : function(res)
{
var txtStar = '';
if($("#input_type_"+pageConId).val() == ''){
txtStar = ' ('+avavalue+'<i class="fa fa-fw fa-star-o"></i>)';
$("#pagetitle_"+pageConId).html(pagetitle+' <span style="color:#fff;text-shadow:none !important; font-weight:bold !important; font-size:15px; float:right;"> <i class="fa fa-check" aria-hidden="true"></i> '+pagevalue+txtStar+'</span>');
}else if ($("#input_type_"+pageConId).val() == 'radio'){
//alert($("#input_type_"+pageConId).val());
$("#pagetitle_"+pageConId).html(pagetitle+' <span style="color:#999;text-shadow:none !important; font-weight:bold !important; font-size:15px; float:right;"> <i 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";
if(countArr.length == totalQuestionLength) {
countArr.length = 0;
//for(var i = 0; i < totalContentPages; i++){
$("#contentDiv_"+divID).css("display","none");
//document.getElementById("#contentDiv_"+divID).style.display = "none";
$("#contentDiv_"+(divID+1)).css("display","block");
//document.getElementById("#contentDiv_"+(divID+1)).style.display = "block";
//$("#accordion-"+pageConId).show();
var nxtIds = $("#next_"+(divID+1)).val();
$("#accordion-"+nxtIds).show();
//alert($("#accordion-"+nxtIds).length);
if($("#accordion-"+nxtIds).length == 0){
window.location.href = "summery";
////alert("THANK YOU FOR FEEDBACK!");
}
//alert("pagetitle = "+pagetitle+ ", pagevalue = "+pagevalue+", pageid = "+pageid+', pageConId = '+pageConId+', avavalue = '+avavalue+', nextConID = '+nextConID);
//id++;
divID++;
//}
}
}
})
})
$(".singleLine").click(function(){
var optionvalue = $(this);
var pageConId = optionvalue.attr('data-pageConId');
var pagetitle = optionvalue.attr('data-pagetitle');
var pageid = optionvalue.attr('data-pageid');
var pagevalue = optionvalue.attr('data-pagevalue');
var avavalue = optionvalue.attr('data-keuvalue');
var nextConID = optionvalue.attr('data-nextConID');
var userid = $("#sesuserId").val();
var LoginIndid = $("#sesLoginIndid").val();
var totalContentPages = $("#totalContentPages").val();
var totalPageDetails = $("#pageDetails_"+pageid).val();
var totalQuestionLength = $("#totalQuestionLength_"+pageid).val();
avavalue = $("#single_line_"+pageConId).val();
if($("#input_type_"+pageConId).val() == 'text'){
if(avavalue == ""){
avavalue = "NA";
}
}else if($("#input_type_"+pageConId).val() == 'textarea'){
if(avavalue.length <= 10){
$("#single_line_"+pageConId).css("border","1px solid red");
return false;
}
}
var exist_ = countArr.indexOf(pageConId);
if(exist_ == -1)
countArr.push(pageConId);
//alert(countArr+ " length = " +countArr.length);
//alert("totalContentPages = "+totalContentPages+ " totalPageDetails = "+totalPageDetails+ " pageID = "+pageid);
//alert("CLICKED pageConId = "+ pageConId);
//alert("pagetitle = "+pagetitle+ ", pagevalue = "+pagevalue+", pageid = "+pageid+', pageConId = '+pageConId+', avavalue = '+avavalue);
$(this).css("background","red !important");
$.ajax({
type : 'POST',
//url : 'insertUserFeedback?userid='+userid+'&LoginIndid='+LoginIndid+'&pageid='+pageid+'&pageConId='+pageConId+'&avavalue='+avavalue,
url : 'insertUserFeedback',
data : {userid:userid,LoginIndid:LoginIndid,pageid:pageid,pageConId:pageConId,avavalue:avavalue},
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";
if(countArr.length == totalQuestionLength) {
countArr.length = 0;
//for(var i = 0; i < totalContentPages; i++){
$("#contentDiv_"+divID).css("display","none");
//document.getElementById("#contentDiv_"+divID).style.display = "none";
$("#contentDiv_"+(divID+1)).css("display","block");
//document.getElementById("#contentDiv_"+(divID+1)).style.display = "block";
//$("#accordion-"+pageConId).show();
var nxtIds = $("#next_"+(divID+1)).val();
$("#accordion-"+nxtIds).show();
//alert($("#accordion-"+nxtIds).length);
if($("#accordion-"+nxtIds).length == 0){
window.location.href = "summery";
//alert("THANK YOU FOR FEEDBACK!");
}
//alert("pagetitle = "+pagetitle+ ", pagevalue = "+pagevalue+", pageid = "+pageid+', pageConId = '+pageConId+', avavalue = '+avavalue+', nextConID = '+nextConID);
//id++;
divID++;
//}
}
}
})
})
})
</script>
<link href="<?php echo base_url()?>assets/survey/css/defaults-acc.css" rel="stylesheet" type="text/css">
<link href="<?php echo base_url()?>assets/survey/css/demo-acc.css" rel="stylesheet" type="text/css">
<script src="<?php echo base_url()?>assets/survey/js/accordion.js"></script>
<div class="container headerback" >
<div class="col-sm-12">
<div class="col-sm-6">
<?php
$this->Admin_model->fetchOwnersImage($orgdata[0]->db_Orgpics);
?>
<div class="rightFloat"><img src="<?php echo base_url();?>assets/survey/assets/beatle_logo.png" class="headerImg"></div>
<!--<div class="rightFloat"><i class="fa fa-sign-out fontawosm" aria-hidden="true" ></i></div>
<div class="rightFloat"><i class="fa fa-heartbeat fontawosm" aria-hidden="true" ></i></div>-->
</div>
</div>
</div>
<input type="hidden" name="sesuserId" id="sesuserId" value="<?php echo $_SESSION['userId'];?>">
<input type="hidden" name="sesLoginIndid" id="sesLoginIndid" value="<?php echo $_SESSION['LoginIndid'];?>">
<?php
//echo "<pre>";
//print_r($_SESSION);
//print_r($Inddata);
//echo "</pre>";
$IndustryData = $Inddata;
if (!empty($IndustryData))
{
foreach ($IndustryData as $IndKey => $IndVal)
{
$rsPages = explode(',',$IndVal->db_pagesId);
$str = implode("','",$rsPages);
$str = "('".$str."')";
$totalContentPages = $this->Admin_model->fetchCountPages($str);
?>
<input style="border:1px solid #ccc;" type="hidden" name="totalContentPages" id="totalContentPages" value="<?php echo $totalContentPages[0]->totalContentPages?>" />
<div class="accordion">
<?php
$cnt = 0;
//echo "<pre>";
//print_r($rsPages);
//die;
foreach ($rsPages as $PagesKey=>$PagesVal)
{
$pageID = $PagesVal;
$this->load->model('Admin_model');
$rsPagesData = $this->Admin_model->pagesContentList($pageID);
//echo "<pre>";
//print_r($rsPagesData);
//echo "</pre>";
//die;
if (!empty($rsPagesData))
{
if (strtolower($rsPagesData[0]->db_pagetype) == 'content')
{
$pageContentIDArr = array();
foreach($rsPagesData as $key2 => $val2){
if(strtolower($rsPagesData[0]->db_pagetype) == 'content'){
$pageContentIDArr[] = $val2->pageConId;
}
}
//print_r($pageContentIDArr);
?>
<input type="hidden" id="next_<?php echo $cnt?>" value="<?php echo $pageContentIDArr[0];?>" />
<div id="contentDiv_<?php echo $cnt;?>" style="margin-top:50px !important; <?php if($cnt != 0) echo 'display:none;' ;?>">
<div class="col-sm-12">
<h1 class="text-white text-center current-page-name feedbackhead textcenter"><?php echo $rsPagesData[0]->db_pagename; ?></h1>
</div>
<!--<input style="border:1px solid #ccc;" type="text" name="pageidList" id="pageidList_<?php echo $pageID;?>" value="<?php echo implode(",",$pageContentIDArr);?>" /> -->
<input style="border:1px solid #ccc;" type="hidden" name="pageDetails" id="pageDetails_<?php echo $pageID;?>" value="<?php echo $pageID;?>" />
<input style="border:1px solid #ccc;" type="hidden" name="totalQuestionLength" id="totalQuestionLength_<?php echo $pageID;?>" value="<?php echo count($pageContentIDArr)?>" />
<!--style="max-height:630px !important; overflow:scroll !important;" -->
<div class="accordion-section-main">
<?php
//echo "COUNT = ".count($pageContentIDArr)." // ";
foreach ($pageContentIDArr as $kpage=>$vpage)
{
$this->load->model('Admin_model');
$rsData = $this->Admin_model->pagesContentListById($vpage);
if(isset($pageContentIDArr[$kpage + 1]))
$nextContentID = $pageContentIDArr[$kpage + 1];
else
$nextContentID = 0;
?>
<input type="hidden" id="input_type_<?php echo $rsData[0]->pageConId;?>" name="input_type" value="" >
<div class="accordion-section" data-toggle="collapse" id="scroll-<?php echo $rsData[0]->pageConId;?>">
<a class="accordion-section-title" id="pagetitle_<?php echo $rsData[0]->pageConId;?>" href="#accordion-<?php echo $rsData[0]->pageConId;?>"><?php echo $rsData[0]->db_pageConTitle;?></a>
<div id="accordion-<?php echo $rsData[0]->pageConId;?>" class="accordion-section-content in">
<?php
$pageOptions = explode(',',$rsData[0]->db_pageChoice);
//array_reverse($pageOptions);
//print_r($pageOptions);
$cntX = 4;
foreach ($pageOptions as $keyop=>$valop)
{
//$value = $keyop+1;
?>
<p id="optionvalue" class="accoption optionvalue" data-pageConId="<?php echo $rsData[0]->pageConId;?>" data-pagetitle="<?php echo $rsData[0]->db_pageConTitle;?>" data-pageid="<?php echo $rsData[0]->pageId;?>"
data-keuvalue="<?php echo $cntX; ?>" data-pagevalue="<?php echo $valop;?>" data-nextConID="<?php echo $nextContentID; ?>" ><?php echo $valop; ?> <span style="float:right;"> <?php echo $cntX;?><i class="fa fa-fw fa-star-o"></i> </span> </p>
<?php
$cntX--;
}
?>
</div>
</div>
<?php
}
$cnt++;
?>
</div>
</div>
<?php }else if(strtolower($rsPagesData[0]->db_pagetype) == 'question'){
$pageContentIDArr = array();
foreach($rsPagesData as $key2 => $val2){
if(strtolower($rsPagesData[0]->db_pagetype) == 'question'){
$pageContentIDArr[] = $val2->pageConId;
}
}
?>
<input type="hidden" id="next_<?php echo $cnt?>" value="<?php echo $pageContentIDArr[0];?>" />
<div id="contentDiv_<?php echo $cnt;?>" style="margin-top:50px !important; <?php if($cnt != 0) echo 'display:none;' ;?>">
<div class="col-sm-12">
<h1 class="text-white text-center current-page-name feedbackhead textcenter"><?php echo $rsPagesData[0]->db_pagename; ?></h1>
</div>
<input style="border:1px solid #ccc;" type="hidden" name="pageDetails" id="pageDetails_<?php echo $pageID;?>" value="<?php echo $pageID;?>" />
<input style="border:1px solid #ccc;" type="hidden" name="totalQuestionLength" id="totalQuestionLength_<?php echo $pageID;?>" value="<?php echo count($pageContentIDArr)?>" />
<!--style="max-height:630px !important; overflow:scroll !important;" -->
<div class="accordion-section-main">
<?php
//echo "COUNT = ".count($pageContentIDArr)." // ";
//echo "<pre>";
//print_r($pageContentIDArr);
foreach ($pageContentIDArr as $kpage=>$vpage)
{
$this->load->model('Admin_model');
$rsData = $this->Admin_model->pagesContentListById($vpage);
//print_r($rsData);
if(isset($pageContentIDArr[$kpage + 1]))
$nextContentID = $pageContentIDArr[$kpage + 1];
else
$nextContentID = 0;
?>
<div class="accordion-section btr" data-toggle="collapse">
<a class="accordion-section-title-new" id="pagetitle_<?php echo $rsData[0]->pageConId;?>" href="#accordion-<?php echo $rsData[0]->pageConId;?>"><?php echo $rsData[0]->db_pageConTitle;?>
<span style="float:right;" id="right-arrow" class="right-arrow"><img src="<?php echo base_url();?>assets/survey/img/right-arro.png"></span> </a>
<div id="accordion-<?php echo $rsData[0]->pageConId;?>" class="accordion-section-content in">
<?php
$pageOptions = explode(',',$rsData[0]->db_pageChoice);
// Code for radio button
if($rsData[0]->db_pageselection == "" || strtolower($rsData[0]->db_pageselection) == "radio"){ ?>
<input type="hidden" id="input_type_<?php echo $rsData[0]->pageConId;?>" name="input_type" value="radio" >
<?php
echo '<div class="maxl">';
foreach ($pageOptions as $keyop=>$valop)
{
//$value = $keyop+1; ?>
<!--<p id="optionvalue" class="accoption optionvalue" data-pageConId="<?php echo $rsData[0]->pageConId;?>" data-pagetitle="<?php echo $rsData[0]->db_pageConTitle;?>" data-pageid="<?php echo $rsData[0]->pageId;?>" data-keuvalue="<?php echo $cnt; ?>" data-pagevalue="<?php echo $valop;?>" data-nextConID="<?php echo $nextContentID; ?>" ><?php echo $valop;?></p> -->
<label class="radio inline">
<input type="radio" name="sex_<?php echo $rsData[0]->pageConId;?>" value="<?php echo $valop;?>" />
<span id="optionvalue" class="optionvalue" data-pageConId="<?php echo $rsData[0]->pageConId;?>" data-pagetitle="<?php echo $rsData[0]->db_pageConTitle;?>" data-pageid="<?php echo $rsData[0]->pageId;?>" data-keuvalue="<?php echo $valop; ?>" data-pagevalue="<?php echo $valop;?>" data-nextConID="<?php echo $nextContentID; ?>"> <?php echo $valop;?> </span>
</label>
<?php
}
echo '</div>';
}else if(strtolower($rsData[0]->db_pageselection) == "single_line"){
?>
<input type="hidden" id="input_type_<?php echo $rsData[0]->pageConId;?>" name="input_type" value="text" >
<input class="ans" type="text" id="single_line_<?php echo $rsData[0]->pageConId;?>" name="text_" placeholder="Write answer here.." >
<input id="singleLine_<?php echo $rsData[0]->pageConId;?>" class="singleLine btn btn-md" data-pageConId="<?php echo $rsData[0]->pageConId;?>" data-pagetitle="<?php echo $rsData[0]->db_pageConTitle;?>" data-pageid="<?php echo $rsData[0]->pageId;?>" data-keuvalue="<?php echo $cnt; ?>" data-pagevalue="" data-nextConID="<?php echo $nextContentID; ?>" type="button" value="Next" >
<?PHP }else if(strtolower($rsData[0]->db_pageselection) == "multiline"){ ?>
<input type="hidden" id="input_type_<?php echo $rsData[0]->pageConId;?>" name="input_type" value="textarea" >
<textarea class="ans-textarea" style="width:100%;" placeholder="Write answer here.. (Min. 10 Characters)" id="single_line_<?php echo $rsData[0]->pageConId;?>" rows="10" cols="80"></textarea>
<input id="singleLine_<?php echo $rsData[0]->pageConId;?>" class="singleLine btn btn-md" data-pageConId="<?php echo $rsData[0]->pageConId;?>" data-pagetitle="<?php echo $rsData[0]->db_pageConTitle;?>" data-pageid="<?php echo $rsData[0]->pageId;?>" data-keuvalue="<?php echo $cnt; ?>" data-pagevalue="" data-nextConID="<?php echo $nextContentID; ?>" type="button" value="Next" >
<?php }
?>
</div>
</div>
<?php
}
$cnt++;
?>
</div>
</div>
<?php
///////////////////////////////////////////////////
}
}
}
?>
</div>
<?php
}
}
?>
<br /><br />
<!--<div class="row col-sm-12 textcenter" style="height:60px;">
<a class="button buttom-calm background-beatle beatle-button-1x ahref" href="<?php echo base_url()?>index.php/survey/userfeedback_question">Next </a>
</div> -->
<?php
include('include/footer.php');
?>
<style>
.optionvalue:hover{
font-weight: bold !important;
background:#FFC !important;
}
.maxl{
margin:25px ;
}
.inline{
display: inline-block;
}
.inline + .inline{
margin-left:10px;
}
.radio{
color:#999;
font-size:15px;
position:relative;
}
.radio span{
position:relative;
padding-left:20px;
cursor:pointer;
}
.radio span:after{
content:'';
width:15px;
height:15px;
border:3px solid;
position:absolute;
left:0;
top:1px;
border-radius:100%;
-ms-border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.radio input[type="radio"]{
cursor: pointer;
position:absolute;
width:100%;
height:100%;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.radio input[type="radio"]:checked + span{
color:#0B8;
}
.radio input[type="radio"]:checked + span:before{
content:'';
width:5px;
height:5px;
position:absolute;
background:#0B8;
left:5px;
top:6px;
border-radius:100%;
-ms-border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}
</style>
<style>
input[type="text"] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: 1px solid #ccc;
font-family:'Open Sans', sans-serif !important;
}
</style>
<style>
input[type="button"] {
font-family:'Open Sans', sans-serif !important;
}
input[type="button"]:hover {
color:#fff !important;
}
</style>
<style>
textarea{
border:1px solid #ccc;
width:50%;
margin: 8px 0;
padding: 12px 20px;
font-family:'Open Sans', sans-serif !important;
}
</style>
<style>
.accordion-section-title-new {
background: #fff none repeat scroll 0 0;
border-bottom: 0px solid #1a1a1a;
border-radius: 4px;
color: #000;
display: inline-block;
font-size: 1.8em;
padding: 15px;
text-align: center;
/* text-shadow: 0 1px 0 #1a1a1a; */
transition: all 0.15s linear 0s;
width: 98% !important;
margin-top: 24px;
}.accordion-section-title-new:hover {
background: #fff none repeat scroll 0 0;
border-bottom: 0px solid #1a1a1a;
border-radius: 4px;
color: #000;
display: inline-block;
font-size: 1.8em;
padding: 15px;
text-align: center;
/* text-shadow: 0 1px 0 #1a1a1a; */
transition: all 0.15s linear 0s;
width: 98% !important;
margin-top: 24px;
}
</style>