added graphs
This commit is contained in:
jostheta
parent
31efaa0ac6
commit
8ff1e34c65
|
|
@ -11,6 +11,8 @@ $route['forms/respond/(:num)'] = 'forms/respond/$1';
|
|||
$route['responses'] = 'Forms/list_user_forms';
|
||||
$route['edit_form/(:num)'] = 'Forms/edit_form/$1';
|
||||
|
||||
$route['responses/index/(:num)'] = 'Responses/index/$1';
|
||||
|
||||
|
||||
|
||||
//Routes of the pages controller
|
||||
|
|
|
|||
|
|
@ -0,0 +1,53 @@
|
|||
<?php
|
||||
// application/controllers/Responses.php
|
||||
class Responses extends CI_Controller {
|
||||
public function __construct() {
|
||||
parent::__construct();
|
||||
$this->load->model('Response_model');
|
||||
}
|
||||
|
||||
public function index($form_id) {
|
||||
$responses = $this->Response_model->get_responses($form_id);
|
||||
|
||||
$data = [];
|
||||
foreach ($responses as $response) {
|
||||
$question_id = $response['question_id'];
|
||||
$question_text = $response['question_text'];
|
||||
$question_type = $response['question_type'];
|
||||
$answer_text = $response['answer_text'];
|
||||
|
||||
if (!isset($data[$question_id])) {
|
||||
$data[$question_id] = [
|
||||
'question_text' => $question_text,
|
||||
'question_type' => $question_type,
|
||||
'answers' => []
|
||||
];
|
||||
if ($question_type == 'multiple-choice' || $question_type == 'checkbox') {
|
||||
$options = $this->Response_model->get_options($question_id);
|
||||
foreach ($options as $option) {
|
||||
$data[$question_id]['options'][$option['option_text']] = 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ($question_type == 'multiple-choice' || $question_type == 'checkbox') {
|
||||
if (isset($data[$question_id]['options'][$answer_text])) {
|
||||
$data[$question_id]['options'][$answer_text]++;
|
||||
} else {
|
||||
$data[$question_id]['options'][$answer_text] = 1; // Initialize the count for this option
|
||||
}
|
||||
} else {
|
||||
$data[$question_id]['answers'][] = $answer_text;
|
||||
}
|
||||
}
|
||||
|
||||
// // Debug statement
|
||||
// echo '<pre>';
|
||||
// print_r($data);
|
||||
// echo '</pre>';
|
||||
|
||||
$this->load->view('responses/view', ['data' => $data]);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<?php
|
||||
class Response_model extends CI_Model {
|
||||
public function get_responses($form_id) {
|
||||
$this->db->select('q.question_id, q.question_text, q.question_type, ra.answer_text');
|
||||
$this->db->from('Questions q');
|
||||
$this->db->join('Response_Answers ra', 'q.question_id = ra.question_id');
|
||||
$this->db->join('Responses r', 'ra.response_id = r.response_id');
|
||||
$this->db->where('q.form_id', $form_id);
|
||||
$query = $this->db->get();
|
||||
return $query->result_array();
|
||||
}
|
||||
|
||||
public function get_options($question_id) {
|
||||
$this->db->select('option_id, option_text');
|
||||
$this->db->from('Options');
|
||||
$this->db->where('question_id', $question_id);
|
||||
$query = $this->db->get();
|
||||
return $query->result_array();
|
||||
}
|
||||
}
|
||||
|
|
@ -1,6 +1,8 @@
|
|||
<div class="page_layout">
|
||||
<div style="margin: 0 10%;">
|
||||
<h1>Responses for: <?= htmlspecialchars($form->title, ENT_QUOTES, 'UTF-8') ?></h1>
|
||||
<a href="<?php echo base_url('responses/index/' . $form->form_id); ?>">View responses Question wise</a>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,141 @@
|
|||
<!-- application/views/responses/view.php -->
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Form Responses</title>
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||||
<style>
|
||||
body {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
.container {
|
||||
max-width: 600px;
|
||||
padding: 20px;
|
||||
background: #f9f9f9;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.chart-container {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.paragraph-answer {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1 style="text-align: center;">Form Responses</h1>
|
||||
<?php foreach ($data as $question_id => $question): ?>
|
||||
<div>
|
||||
<h2><?php echo $question['question_text']; ?></h2>
|
||||
<?php if ($question['question_type'] == 'multiple-choice'): ?>
|
||||
<?php if (!empty($question['options'])): ?>
|
||||
<div class="chart-container">
|
||||
<canvas id="chart-<?php echo $question_id; ?>"></canvas>
|
||||
</div>
|
||||
<script>
|
||||
var ctx = document.getElementById('chart-<?php echo $question_id; ?>').getContext('2d');
|
||||
var chartData = {
|
||||
labels: [],
|
||||
datasets: [{
|
||||
label: 'Responses',
|
||||
data: [],
|
||||
backgroundColor: [],
|
||||
borderColor: [],
|
||||
borderWidth: 1
|
||||
}]
|
||||
};
|
||||
|
||||
var backgroundColors = [
|
||||
'rgba(255, 99, 132, 0.2)',
|
||||
'rgba(54, 162, 235, 0.2)',
|
||||
'rgba(255, 206, 86, 0.2)',
|
||||
'rgba(75, 192, 192, 0.2)',
|
||||
'rgba(153, 102, 255, 0.2)',
|
||||
'rgba(255, 159, 64, 0.2)'
|
||||
];
|
||||
var borderColors = [
|
||||
'rgba(255, 99, 132, 1)',
|
||||
'rgba(54, 162, 235, 1)',
|
||||
'rgba(255, 206, 86, 1)',
|
||||
'rgba(75, 192, 192, 1)',
|
||||
'rgba(153, 102, 255, 1)',
|
||||
'rgba(255, 159, 64, 1)'
|
||||
];
|
||||
|
||||
var colorIndex = 0;
|
||||
|
||||
<?php foreach ($question['options'] as $option_text => $count): ?>
|
||||
chartData.labels.push('<?php echo $option_text; ?>');
|
||||
chartData.datasets[0].data.push(<?php echo $count; ?>);
|
||||
chartData.datasets[0].backgroundColor.push(backgroundColors[colorIndex % backgroundColors.length]);
|
||||
chartData.datasets[0].borderColor.push(borderColors[colorIndex % borderColors.length]);
|
||||
colorIndex++;
|
||||
<?php endforeach; ?>
|
||||
|
||||
var chart = new Chart(ctx, {
|
||||
type: 'pie',
|
||||
data: chartData
|
||||
});
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
<?php elseif ($question['question_type'] == 'checkbox'): ?>
|
||||
<?php if (!empty($question['options'])): ?>
|
||||
<div class="chart-container">
|
||||
<canvas id="chart-<?php echo $question_id; ?>"></canvas>
|
||||
</div>
|
||||
<script>
|
||||
var ctx = document.getElementById('chart-<?php echo $question_id; ?>').getContext('2d');
|
||||
var chartData = {
|
||||
labels: [],
|
||||
datasets: [{
|
||||
label: 'Responses',
|
||||
data: [],
|
||||
backgroundColor: 'rgba(75, 192, 192, 0.2)',
|
||||
borderColor: 'rgba(75, 192, 192, 1)',
|
||||
borderWidth: 1
|
||||
}]
|
||||
};
|
||||
|
||||
<?php foreach ($question['options'] as $option_text => $count): ?>
|
||||
chartData.labels.push('<?php echo $option_text; ?>');
|
||||
chartData.datasets[0].data.push(<?php echo $count; ?>);
|
||||
<?php endforeach; ?>
|
||||
|
||||
var chart = new Chart(ctx, {
|
||||
type: 'bar',
|
||||
data: chartData,
|
||||
options: {
|
||||
scales: {
|
||||
y: {
|
||||
beginAtZero: true
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<?php endif; ?>
|
||||
<?php elseif ($question['question_type'] == 'paragraph'): ?>
|
||||
<?php foreach ($question['answers'] as $answer): ?>
|
||||
<div class="paragraph-answer">
|
||||
<p>
|
||||
<?php
|
||||
$words = explode(' ', $answer);
|
||||
echo implode(' ', array_slice($words, 0, 5));
|
||||
if (count($words) > 5) echo '...';
|
||||
?>
|
||||
</p>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue