%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
<?php $classArray = array('0'=>'Average','1'=>'Excellent','2'=>'Verygood','3'=>'Average','4'=>'Poor','5'=>'Verygood','6'=>'Average','7'=>'Pooroth','8'=>'Poorothr','9'=>'Pooradv','10'=>'Pooradvoth'); $colorArray = array('1'=>'#189f86','2'=>'#5cd0ba','3'=>'#f8ab3e','4'=>'#fc4caf','5'=>'#5cd0ba','6'=>'#e1b679','7'=>'#007bff','8'=>'#8f61d9','9'=>'#6610f2','10'=>'#c69f7e'); ?> <div id="content-wrapper"> <div class="container-fluid"> <!-- Breadcrumbs--> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="javascript:void(0)"><i class="fas fa-fw fa-tachometer-alt"></i> Survey Dashboard</a> </li> <li class="breadcrumb-item active">Overview</li> </ol> <div class="card mb-3 fomr-news"> <div class="card-header card-header-new"><h3> <i class="fas fa-fw fa-tachometer-alt"></i> Survey Dashboard </h3></div> </div> <!-- Icon Cards--> <div class="card-body table-body-dashboard"> <div class="main-chart"> <div class="wrapper"> <form method="get" action="" name="searchform"> <div class="row" style="margin-bottom:20px;"> <div class="col-md-2"> <label><h5>From Date Filter</h5></label> <input type="date" class="form-control" name="fromdate_filter" id="fromdate_filter" value="<?php echo $_GET['fromdate_filter']; ?>" /> </div> <div class="col-md-2"> <label><h5>To Date Filter</h5></label> <input type="date" class="form-control" name="todate_filter" id="todate_filter" value="<?php echo $_GET['todate_filter']; ?>" /> </div> <div class="col-md-4"> <label><h5>Survey Filter</h5></label> <select class="form-control" name="survey_filter" id="survey_filter"> <option value="" <?php if($_GET['survey_filter']==''){ echo ' selected="selected" '; }?>> Select...</option> <?php foreach($surveyArray as $row) { ?> <option value="<?=$row['id']?>" <?php if($_GET['survey_filter']==$row['id']){ echo ' selected="selected" '; }?>><?=$row['title']?></option> <?php } ?> </select> </div> <div class="col-md-2"> <label><h5>Question Filter</h5></label> <select class="form-control" name="question_filter" onchange="this.form.submit()" id="question_filter"> <option value="" <?php if($_GET['question_filter']==''){ echo ' selected="selected" '; }?>> Select...</option> <?php foreach($questionListArray as $row) { ?> <option value="<?=$row['id']?>" <?php if($_GET['question_filter']==$row['id']){ echo ' selected="selected" '; }?>><?=$row['question']?></option> <?php } ?> </select> </div> <div class="col-md-2"> <label><h5> </h5></label> <input type="submit" class="form-control" name="Search" value="Search Now" id="Search"/> </div> </div> </form> <div class="row"> <div class="col-md-7"> <div id="chartContainer" style="height: 300px; width: 100%; margin-bottom:40px;"> </div> <div class="chart-stake"> <div class="detail-NPS" style="display:none;"> </div> </div> </div> <div class="col-sm-5 chart-stake"> <div class="detail"> <p class="Total"><?=array_sum($ratingRecords)?></p><h6>Total Survey</h6> </div> <?php foreach($ratingRecords as $key=>$row) { ?> <div class="detail"> <p class="<?=$classArray[$key]?>"><?=$row?></p><h6><?=$surveyArray[$key]['title']?></h6> </div> <?php } ?> </div> </div> <div class="row"> <div class="col-md-12"><hr/></div> </div> <div class="row"> <div class="col-sm-4 chart-stake"> <div class="detail"> <p class="Total"> <?php $totalRecordsSum = 0; foreach($categoryWiseCount as $key=>$row) { $totalRecordsSum=$totalRecordsSum+$row['total']; } ?> <?=$totalRecordsSum?></p><h6>Total Survey Answer</h6> </div> <?php foreach($categoryWiseCount as $key=>$row) { if($row['total']>0) { ?> <div class="detail"> <p class="<?=$classArray[$row['question_category']]?>"><?=$row['total']?></p><h6><?=$categoryArray[$row['question_category']]['category_name']?></h6> </div> <?php } } ?> </div> <div class="col-md-8"> <div id="chartContainerOne" style="height: 300px; width: 100%; margin-bottom:40px;"> </div> <div class="chart-stake"> <div class="detail-NPS" style="display:none;"> </div> </div> </div> </div> </div></div> <?php $persentageCategoryArray = array(); foreach($categoryWiseCount as $key=>$row) { $persentageCategoryArray[$row['question_category']] = percentage($row['total'], $totalRecordsSum); } function percentage($x, $total) { $percentage = ($x / $total); return number_format( $percentage * 100, 2 ); } /* Calculate Feedback in % */ $totalRec = array_sum($ratingRecords); $persentageArray = array(); foreach($ratingRecords as $key=>$row) { $persentageArray[$key] = percentage($row, $totalRec); } ?> <script type='text/javascript'> window.onload = function () { var chart = new CanvasJS.Chart("chartContainer", { theme: "light2", // "light1", "light2", "dark1", "dark2" exportEnabled: true, animationEnabled: true, title: { text: "<?=$chart_title?> (%)" }, legend: { horizontalAlign: "left", verticalAlign: "center" }, data: [{ type: "pie", startAngle: 25, showInLegend: true, dataPoints: [ <?php foreach($ratingRecords as $key=>$row) { ?> { y:<?=$persentageArray[$key]!=''?$persentageArray[$key] :'0'?>, label: "<?=$surveyArray[$key]['title']?>",legendText: "<?=$surveyArray[$key]['title']?>(<?=$persentageArray[$key]!=''?$persentageArray[$key] :'0'?>%)",color:"<?=$colorArray[$key]?>" }, <?php } ?> ] }] }); chart.render(); var chartone = new CanvasJS.Chart("chartContainerOne", { theme: "light2", // "light1", "light2", "dark1", "dark2" exportEnabled: true, animationEnabled: true, title: { text: "Overall Category Wise Survey(%)" }, legend: { horizontalAlign: "left", verticalAlign: "center" }, data: [{ type: "pie", startAngle: 25, showInLegend: true, dataPoints: [ <?php foreach($categoryWiseCount as $key=>$row) { $category_name = $categoryArray[$row['question_category']]['category_name']; ?> { y:<?=$persentageCategoryArray[$row['question_category']]!=''?$persentageCategoryArray[$row['question_category']] :'0'?>, label: "<?=$category_name?>",legendText: "<?=$category_name?>(<?=$persentageCategoryArray[$row['question_category']]!=''?$persentageCategoryArray[$row['question_category']] :'0'?>%)",color:"<?=$colorArray[$row['question_category']]?>" }, <?php } ?> ] }] }); chartone.render(); } </script> <script src="<?= base_url('assests/js/canvasjs.js') ?>"></script> <script type='text/javascript'> // baseURL variable var baseURL= "<?php echo base_url();?>"; $(document).ready(function(){ $('#survey_filter').change(function(){ var survey_id = $(this).val(); if(survey_id=='') { $('#question_filter').html(''); $('#question_filter').append($('<option>').text(' -- Select Question -- ').attr('value', '')); return false; } $.ajax({ url:'<?= base_url('admin/surveydashboard/getPatientQsCategoryWiseQuestion') ?>', method: 'post', data: {survey_id: survey_id}, dataType: 'json', success: function(response){ // Add options $('#question_filter').html(''); $('#question_filter').append($('<option>').text(' -- Select Question -- ').attr('value', '')); $.each(response,function(i,value){ $('#question_filter').append($('<option>').text(value).attr('value', i)); }); } }); }); }); </script>