Ezen az oldalon egy konkrét fájl aktuális állapotát tudod megnézni.
/opt/bots/saturnus_monitor/app/templates/file_detail.html<!doctype html>
<html lang="hu">
<head>
<meta charset="utf-8">
<title>Saturnus Monitor – Fájl részletek</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
background: #f5f6fa;
color: #222;
}
h1, h2 {
margin-top: 0;
}
.card {
background: #fff;
border-radius: 14px;
padding: 16px;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
margin-bottom: 20px;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 16px;
margin-bottom: 20px;
}
.k {
color: #666;
font-size: 13px;
margin-bottom: 4px;
}
.v {
font-size: 18px;
font-weight: bold;
margin-bottom: 8px;
word-break: break-all;
}
.small {
font-size: 13px;
color: #555;
}
.actions a, .actions button {
display: inline-block;
margin-right: 10px;
margin-top: 8px;
text-decoration: none;
background: #1f6feb;
color: #fff;
padding: 8px 12px;
border-radius: 8px;
font-size: 14px;
border: none;
cursor: pointer;
}
.secondary-link {
background: #374151 !important;
}
pre {
background: #0f172a;
color: #e5e7eb;
padding: 14px;
border-radius: 10px;
overflow-x: auto;
white-space: pre-wrap;
word-break: break-word;
font-family: Consolas, monospace;
font-size: 12px;
line-height: 1.45;
}
.diffbox {
background: #0f172a;
border-radius: 10px;
padding: 14px;
overflow-x: auto;
font-family: Consolas, monospace;
font-size: 12px;
line-height: 1.45;
white-space: pre-wrap;
word-break: break-word;
}
.diffline { display: block; }
.diff-info { color: #e5e7eb; }
.diff-file { color: #93c5fd; font-weight: bold; }
.diff-hunk { color: #fde68a; font-weight: bold; }
.diff-add { color: #86efac; background: rgba(34,197,94,0.08); }
.diff-del { color: #fca5a5; background: rgba(239,68,68,0.08); }
.pill {
display: inline-block;
border-radius: 999px;
padding: 4px 10px;
font-size: 12px;
font-weight: bold;
}
.new { background:#edfdf3; color:#0a7f2e; }
.modified { background:#fff7ed; color:#b45309; }
.deleted { background:#fef2f2; color:#b42318; }
.unchanged { background:#f3f4f6; color:#374151; }
code {
font-family: Consolas, monospace;
font-size: 12px;
word-break: break-all;
}
</style>
</head>
<body>
<h1>Fájl részletek</h1>
<p class="small">Ezen az oldalon egy konkrét fájl aktuális állapotát tudod megnézni.</p>
<div class="actions">
<a href="/naplo/fajlok">Vissza a fájltérképhez</a>
<a href="/naplo/fajlok?view=changed">Csak változott</a>
<a href="/naplo/elemzes">Stratégia-labor</a>
<a href="/naplo/">Monitor főoldal</a>
{% if prev_path %}
<a class="secondary-link" href="/naplo/fajl?path={{ prev_path | urlencode }}">← Előző módosult</a>
{% endif %}
{% if next_path %}