Update data_gc_tab_out.html
Browse files- data_gc_tab_out.html +25 -22
data_gc_tab_out.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
| 4 |
<meta charset="utf-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
| 6 |
<title>Contacts</title>
|
| 7 |
-
<link href="https://
|
| 8 |
<style>
|
| 9 |
body {
|
| 10 |
font-family: Arial, sans-serif;
|
|
@@ -34,30 +34,33 @@
|
|
| 34 |
<body>
|
| 35 |
<h1>База синзронизации с Getcurse</h1>
|
| 36 |
<p>Total users: <span id="total-users">{{ total_users }}</span></p>
|
| 37 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 38 |
|
| 39 |
-
<script src="https://
|
|
|
|
| 40 |
<script>
|
| 41 |
-
document.
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
|
|
|
| 46 |
columns: [
|
| 47 |
-
{
|
| 48 |
-
{
|
| 49 |
-
{
|
| 50 |
-
]
|
| 51 |
-
ajaxURL: "https://dmtuit-gc-api-ras.hf.space/data_gc_tab_out?api_sys=fasSd345D", // URL для загрузки данных
|
| 52 |
-
ajaxConfig: "GET", // метод запроса
|
| 53 |
-
ajaxResponse: function(url, params, response) {
|
| 54 |
-
// Принимаем данные от сервера
|
| 55 |
-
var data = response; // Получаем JSON-ответ в переменную data
|
| 56 |
-
// Выводим данные в консоль
|
| 57 |
-
console.log(data);
|
| 58 |
-
// Возвращаем данные для отображения в таблице
|
| 59 |
-
return data;
|
| 60 |
-
}
|
| 61 |
});
|
| 62 |
});
|
| 63 |
</script>
|
|
|
|
| 4 |
<meta charset="utf-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
| 6 |
<title>Contacts</title>
|
| 7 |
+
<link href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css" rel="stylesheet">
|
| 8 |
<style>
|
| 9 |
body {
|
| 10 |
font-family: Arial, sans-serif;
|
|
|
|
| 34 |
<body>
|
| 35 |
<h1>База синзронизации с Getcurse</h1>
|
| 36 |
<p>Total users: <span id="total-users">{{ total_users }}</span></p>
|
| 37 |
+
<table id="contactsTable" class="display" style="width:100%">
|
| 38 |
+
<thead>
|
| 39 |
+
<tr>
|
| 40 |
+
<th>Имя</th>
|
| 41 |
+
<th>Телефон</th>
|
| 42 |
+
<th>Почта</th>
|
| 43 |
+
</tr>
|
| 44 |
+
</thead>
|
| 45 |
+
<tbody>
|
| 46 |
+
<!-- Данные будут загружены через AJAX -->
|
| 47 |
+
</tbody>
|
| 48 |
+
</table>
|
| 49 |
|
| 50 |
+
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
| 51 |
+
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
|
| 52 |
<script>
|
| 53 |
+
$(document).ready(function() {
|
| 54 |
+
$('#contactsTable').DataTable({
|
| 55 |
+
ajax: {
|
| 56 |
+
url: "https://dmtuit-gc-api-ras.hf.space/data_gc_tab_out?api_sys=fasSd345D",
|
| 57 |
+
dataSrc: ''
|
| 58 |
+
},
|
| 59 |
columns: [
|
| 60 |
+
{ data: 'name' },
|
| 61 |
+
{ data: 'phone' },
|
| 62 |
+
{ data: 'email' }
|
| 63 |
+
]
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 64 |
});
|
| 65 |
});
|
| 66 |
</script>
|