· 6 years ago · Mar 16, 2020, 05:56 PM
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>Статистика по вопросам</title>
5 <meta charset="UTF-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <!--===============================================================================================-->
8 <link rel="icon" type="image/png" href="images/icons/favicon.ico" />
9 <!--===============================================================================================-->
10 <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
11 <!--===============================================================================================-->
12 <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
13 <!--===============================================================================================-->
14 <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
15 <!--===============================================================================================-->
16 <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
17 <!--===============================================================================================-->
18 <link rel="stylesheet" type="text/css" href="vendor/perfect-scrollbar/perfect-scrollbar.css">
19 <!--===============================================================================================-->
20 <link rel="stylesheet" type="text/css" href="css/util.css">
21 <link rel="stylesheet" type="text/css" href="css/main.css">
22 <!--===============================================================================================-->
23</head>
24
25<body>
26 <div class="limiter">
27 <div class="container-table100">
28 <div class="wrap-table100">
29 <div class="table100">
30 <h2>
31 <font color="white">Статистика по вопросам</font>
32 </h2><br>
33 <table>
34 <thead>
35 <tr class="table100-head">
36 <th class="column1">ID вопроса</th>
37 <th class="column2">Вопрос</th>
38 <th class="column3">График</th>
39 <th class="column4">Правильный ответ</th>
40 </tr>
41 </thead>
42 <tbody><? foreach ($data as $question) : ?>
43 <tr>
44 <td class="column1"><?= $question['id'] ?></td>
45 <td class="column2"><?= $question['text_ru'] . "<br><br>" . $question['text_kz'] . "<br><br>Раздел: " . $question['section_id'] . "<br>Тема: " . $question['topic_id'] . "<br>Сложность: " . $question['level_id'] . "<br><br>";
46 if (isset($question['q_image'])):?>
47 <img src="<?=asset("drawable/".$question['q_image'].".jpg")?>" width="400">
48 <?endif;?></td>
49 <td class="column3">
50 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
51 <script type="text/javascript">
52 // Load the Visualization API and the corechart package.
53 google.charts.load('current', {
54 callback: function() {
55 var data = new google.visualization.DataTable();
56 data.addColumn('string', 'Topping');
57 data.addColumn('number', 'Slices');
58 data.addRows([
59 <?php
60 if (isset($question["count"])) {
61 foreach ($question["count"] as $key => $count) {
62 echo "['id = " . $key . "(".$count.")', " . $count . "],";
63 }
64 }
65 ?>
66 ]);
67
68 var options = {
69 title: 'Выбранные варианты',
70 width: 400,
71 height: 300
72 };
73
74 var container = document.getElementById('draw-charts-<?=$question['id']?>').appendChild(document.createElement('div'));
75 var chart = new google.visualization.PieChart(container);
76 chart.draw(data, options);
77
78 },
79 packages: ['corechart']
80 });
81 </script>
82 <ul id="draw-charts-<?=$question['id']?>"></ul>
83 </td>
84 <td class="column4"><?if (isset($question['answers'])){
85 foreach ($question['answers'] as $answer){
86 $r_ans_id = explode(", ", $question['r_ans_id']);
87 foreach ($r_ans_id as $r_ans){
88 if ($r_ans == $answer['id']){
89 echo " ".$answer['id']." ";
90 if (isset($answer['a_img'])):?>
91 <br><img src="<?=asset("drawable/".$answer['a_img'].".jpg")?>" width="100">
92 <?endif;?>
93 <?}
94 }
95 }
96 }
97 ?></td>
98 </tr>
99 <? endforeach; ?>
100 </tbody>
101 </table><br><br>
102 </div>
103 </div>
104 </div>
105 </div>
106
107
108
109
110 <!--===============================================================================================-->
111 <script src="vendor/jquery/jquery-3.2.1.min.js"></script>
112 <!--===============================================================================================-->
113 <script src="vendor/bootstrap/js/popper.js"></script>
114 <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
115 <!--===============================================================================================-->
116 <script src="vendor/select2/select2.min.js"></script>
117 <!--===============================================================================================-->
118 <script src="js/main.js"></script>
119
120</body>
121
122</html>