141 lines
3.2 KiB
Python
141 lines
3.2 KiB
Python
from flask import Flask, render_template_string, jsonify
|
|
import mysql.connector
|
|
|
|
app = Flask(__name__)
|
|
|
|
DB_CONFIG = {
|
|
"host": "mysql",
|
|
"user": "root",
|
|
"password": "0674998280tanya",
|
|
"database": "telegram_bot"
|
|
}
|
|
|
|
TEMPLATE = """
|
|
<!doctype html>
|
|
<html lang="sk">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Zoznam porušovateľov</title>
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
width: 100vw;
|
|
background: url('/static/bg.png') no-repeat center center/cover;
|
|
backdrop-filter: blur(8px);
|
|
animation: rotateBackground 60s linear infinite;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-family: 'Segoe UI', sans-serif;
|
|
}
|
|
|
|
@keyframes rotateBackground {
|
|
0% { background-position: 20% 20%; }
|
|
50% { background-position: 60% 60%; }
|
|
100% { background-position: 20% 20%; }
|
|
}
|
|
|
|
.container {
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
padding: 2rem 3rem;
|
|
border-radius: 12px;
|
|
box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
|
|
text-align: center;
|
|
color: white;
|
|
max-height: 90vh;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
h1 {
|
|
margin-bottom: 2rem;
|
|
font-size: 2.5rem;
|
|
text-shadow: 2px 2px 10px black;
|
|
}
|
|
|
|
table {
|
|
margin: 0 auto;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
th, td {
|
|
border: 1px solid #999;
|
|
padding: 1rem 2rem;
|
|
}
|
|
|
|
th {
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
td {
|
|
color: #eee;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Zoznam porušovateľov</h1>
|
|
<table>
|
|
<thead>
|
|
<tr><th>Používateľ</th><th>Správa</th></tr>
|
|
</thead>
|
|
<tbody id="violators-body">
|
|
{% for row in data %}
|
|
<tr><td>{{ row[0] }}</td><td>{{ row[1] }}</td></tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<script>
|
|
async function refreshTable() {
|
|
try {
|
|
const response = await fetch('/data');
|
|
const data = await response.json();
|
|
const tbody = document.getElementById('violators-body');
|
|
tbody.innerHTML = '';
|
|
|
|
data.forEach(row => {
|
|
const tr = document.createElement('tr');
|
|
tr.innerHTML = `<td>${row[0]}</td><td>${row[1]}</td>`;
|
|
tbody.appendChild(tr);
|
|
});
|
|
} catch (error) {
|
|
console.error("Nepodarilo sa načítať dáta:", error);
|
|
}
|
|
}
|
|
|
|
setInterval(refreshTable, 1000); // každých 5 sekúnd
|
|
window.onload = refreshTable;
|
|
</script>
|
|
</body>
|
|
</html>
|
|
"""
|
|
|
|
@app.route('/')
|
|
def index():
|
|
conn = mysql.connector.connect(**DB_CONFIG)
|
|
cursor = conn.cursor()
|
|
cursor.execute("SELECT username, message FROM violators ORDER BY id DESC")
|
|
data = cursor.fetchall()
|
|
cursor.close()
|
|
conn.close()
|
|
return render_template_string(TEMPLATE, data=data)
|
|
|
|
@app.route('/data')
|
|
def data():
|
|
conn = mysql.connector.connect(**DB_CONFIG)
|
|
cursor = conn.cursor()
|
|
cursor.execute("SELECT username, message FROM violators ORDER BY id DESC")
|
|
data = cursor.fetchall()
|
|
cursor.close()
|
|
conn.close()
|
|
return jsonify(data)
|
|
|
|
if __name__ == "__main__":
|
|
app.run(host='0.0.0.0', port=5000) |