gc_api_ras

Sleeping

App Files Files Community

gc_api_ras / data_gc_tab_out.html

DmitrMakeev

Rename data_gc_tab.html to data_gc_tab_out.html

09b1f2b verified about 1 year ago

raw

history blame

2.32 kB

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>Contacts</title>
	<link href="https://unpkg.com/tabulator-tables/dist/css/tabulator.min.css" rel="stylesheet">
	<style>
	body {
	font-family: Arial, sans-serif;
	text-align: center;
	background-color: #f0f0f0;
	margin: 0;
	padding: 0;
	}
	h1 {
	background-color: #4CAF50;
	color: white;
	padding: 20px;
	margin: 0;
	border-bottom: 2px solid #388E3C;
	}
	#table {
	width: 70%;
	margin: 20px auto;
	}
	p {
	margin-top: 20px;
	font-size: 18px;
	color: #333;
	}
	</style>
	</head>
	<body>
	<h1>База синзронизации с Getcurse</h1>
	<p>Total users: <span id="total-users">{{ total_users }}</span></p>
	<div id="table"></div>

	<script src="https://unpkg.com/tabulator-tables/dist/js/tabulator.min.js"></script>
	<script>
	<script>
	document.addEventListener('DOMContentLoaded', function() {
	// Создаем таблицу и настраиваем ее для загрузки данных через AJAX
	var table = new Tabulator("#table", {
	height: "400px", // устанавливаем высоту таблицы
	layout: "fitColumns", // автоматически подгоняем ширину колонок
	columns: [
	{title: "Имя", field: "name"},
	{title: "Телефон", field: "phone"},
	{title: "Почта", field: "email"}
	],
	ajaxURL: "https://dmtuit-gc-api-ras.hf.space/data_gc_tab_out?api_sys=fasSd345D", // URL для загрузки данных
	ajaxConfig: "GET", // метод запроса
	ajaxResponse: function(url, params, response) {
	// Принимаем данные от сервера
	var data = response; // Получаем JSON-ответ в переменную data
	// Выводим данные в консоль
	console.log(data);
	// Возвращаем данные для отображения в таблице
	return data;
	}
	});
	});
	</script>

	</script>
	</body>
	</html>