refactor web interface
This commit is contained in:
Mateusz Gruszczyński
parent
5c7a404c3b
commit
cffc8b3124
84
app.py
84
app.py
@ -302,14 +302,14 @@ def change_password():
|
||||
user.password = new_password
|
||||
db.session.commit()
|
||||
flash('Password changed successfully', 'success')
|
||||
return redirect(url_for('dashboard'))
|
||||
return redirect(url_for('change_password'))
|
||||
return render_template('change_password.html')
|
||||
|
||||
# -------------------
|
||||
# ZARZĄDZANIE HOSTAMI
|
||||
# -------------------
|
||||
@app.route('/hosts', methods=['GET', 'POST'])
|
||||
def manage_hosts():
|
||||
@app.route('/add_server', methods=['GET', 'POST'])
|
||||
def add_server():
|
||||
if 'user_id' not in session:
|
||||
return redirect(url_for('login'))
|
||||
if request.method == 'POST':
|
||||
@ -341,11 +341,12 @@ def manage_hosts():
|
||||
db.session.add(host)
|
||||
db.session.commit()
|
||||
flash('Host added successfully', 'success')
|
||||
hosts = Host.query.filter_by(user_id=session['user_id']).all()
|
||||
return render_template('hosts.html', hosts=hosts)
|
||||
# Po dodaniu możesz przekierować do listy serwerów lub pozostawić na formularzu
|
||||
return redirect(url_for('server_list'))
|
||||
return render_template('add_server.html')
|
||||
|
||||
@app.route('/delete-host/<int:id>')
|
||||
def delete_host(id):
|
||||
@app.route('/delete-server/<int:id>')
|
||||
def delete_server(id):
|
||||
if 'user_id' not in session:
|
||||
return redirect(url_for('login'))
|
||||
host = db.session.get(Host, id)
|
||||
@ -355,16 +356,23 @@ def delete_host(id):
|
||||
flash('Host deleted', 'info')
|
||||
else:
|
||||
flash('Host not found or unauthorized', 'danger')
|
||||
return redirect(url_for('manage_hosts'))
|
||||
return redirect(url_for('server_list'))
|
||||
|
||||
@app.route('/edit-host/<int:id>', methods=['GET', 'POST'])
|
||||
def edit_host(id):
|
||||
@app.route('/server-list', methods=['GET'])
|
||||
def server_list():
|
||||
if 'user_id' not in session:
|
||||
return redirect(url_for('login'))
|
||||
hosts = Host.query.filter_by(user_id=session['user_id']).all()
|
||||
return render_template('server_list.html', hosts=hosts)
|
||||
|
||||
@app.route('/edit-server/<int:id>', methods=['GET', 'POST'])
|
||||
def edit_server(id):
|
||||
if 'user_id' not in session:
|
||||
return redirect(url_for('login'))
|
||||
host = db.session.get(Host, id)
|
||||
if not host or host.user_id != session['user_id']:
|
||||
flash('Host not found or unauthorized', 'danger')
|
||||
return redirect(url_for('manage_hosts'))
|
||||
flash('Server not found or unauthorized', 'danger')
|
||||
return redirect(url_for('server_list'))
|
||||
if request.method == 'POST':
|
||||
host.hostname = request.form['hostname']
|
||||
host.username = request.form['username']
|
||||
@ -383,34 +391,34 @@ def edit_host(id):
|
||||
if host.auth_method == 'ssh_key' and new_passphrase:
|
||||
host.key_passphrase = new_passphrase
|
||||
db.session.commit()
|
||||
flash('Host updated successfully', 'success')
|
||||
return redirect(url_for('manage_hosts'))
|
||||
return render_template('edit_host.html', host=host)
|
||||
flash('Server updated successfully', 'success')
|
||||
return redirect(url_for('server_list'))
|
||||
return render_template('edit_server.html', host=host)
|
||||
|
||||
# -------------------
|
||||
# TESTOWANIE POŁĄCZENIA SSH DLA HOSTA
|
||||
# -------------------
|
||||
@app.route('/test-host/<int:id>', methods=['GET'])
|
||||
def test_host(id):
|
||||
@app.route('/test-server-connection/<int:id>', methods=['GET'])
|
||||
def test_server_connection(id):
|
||||
if 'user_id' not in session:
|
||||
return redirect(url_for('login'))
|
||||
host = db.session.get(Host, id)
|
||||
if not host or host.user_id != session['user_id']:
|
||||
flash('Host not found or unauthorized', 'danger')
|
||||
return redirect(url_for('manage_hosts'))
|
||||
return redirect(url_for('server_list'))
|
||||
try:
|
||||
ssh = open_ssh_connection(host)
|
||||
ssh.close()
|
||||
flash(f'SSH connection to {host.hostname} successful.', 'success')
|
||||
except Exception as e:
|
||||
flash(f'SSH connection to {host.hostname} failed: {str(e)}', 'danger')
|
||||
return redirect(url_for('manage_hosts'))
|
||||
return redirect(url_for('server_list'))
|
||||
|
||||
# -------------------
|
||||
# ROUTE: CZYSZCZENIE HOSTS - CAŁA GRUPA
|
||||
# -------------------
|
||||
@app.route('/clear-hosts', methods=['GET', 'POST'])
|
||||
def clear_all_hosts():
|
||||
@app.route('/clear-server', methods=['GET', 'POST'])
|
||||
def clear_server():
|
||||
if 'user_id' not in session:
|
||||
return redirect(url_for('login'))
|
||||
if request.method == 'POST':
|
||||
@ -432,8 +440,8 @@ def clear_all_hosts():
|
||||
flash(f'Cleared Mikrotik host: {h.hostname}', 'success')
|
||||
except Exception as e:
|
||||
flash(f'Error clearing Mikrotik host {h.hostname}: {str(e)}', 'danger')
|
||||
return redirect(url_for('dashboard'))
|
||||
return render_template('clear_hosts.html')
|
||||
return redirect(url_for('clear_server'))
|
||||
return render_template('clear_servers.html')
|
||||
|
||||
# -------------------
|
||||
# ZARZĄDZANIE PLIKAMI HOSTS (WIELOKROTNE PLIKI)
|
||||
@ -532,14 +540,14 @@ def deploy_hosts_file(file_id):
|
||||
# -------------------
|
||||
# BACKUP
|
||||
# -------------------
|
||||
@app.route('/backup-host/<int:host_id>', methods=['GET'])
|
||||
def backup_host(host_id):
|
||||
@app.route('/server-backup/<int:host_id>', methods=['GET'])
|
||||
def server_backup(host_id):
|
||||
if 'user_id' not in session:
|
||||
return redirect(url_for('login'))
|
||||
host = db.session.get(Host, host_id)
|
||||
if not host or host.user_id != session['user_id']:
|
||||
flash('Host not found or unauthorized', 'danger')
|
||||
return redirect(url_for('manage_hosts'))
|
||||
return redirect(url_for('server_list'))
|
||||
try:
|
||||
if host.type == 'mikrotik':
|
||||
ssh = open_ssh_connection(host)
|
||||
@ -566,7 +574,7 @@ def backup_host(host_id):
|
||||
flash(f'Backup for host {host.hostname} created successfully.', 'success')
|
||||
except Exception as e:
|
||||
flash(f'Error creating backup for host {host.hostname}: {str(e)}', 'danger')
|
||||
return redirect(url_for('manage_hosts'))
|
||||
return redirect(url_for('server_list'))
|
||||
|
||||
@app.route('/backups')
|
||||
def backups():
|
||||
@ -674,8 +682,8 @@ def backup_all():
|
||||
# -------------------
|
||||
# IMPORT/EXPORT HOSTÓW
|
||||
# -------------------
|
||||
@app.route('/export-hosts', methods=['GET'])
|
||||
def export_hosts():
|
||||
@app.route('/export-servers-to-csv', methods=['GET'])
|
||||
def export_servers_to_csv():
|
||||
if 'user_id' not in session:
|
||||
return redirect(url_for('login'))
|
||||
user_id = session['user_id']
|
||||
@ -686,17 +694,17 @@ def export_hosts():
|
||||
for host in hosts:
|
||||
cw.writerow([host.hostname, host.username, host.password, host.port, host.type, host.auth_method, host.private_key or '', host.key_passphrase or ''])
|
||||
output = si.getvalue()
|
||||
return Response(output, mimetype="text/csv", headers={"Content-Disposition": "attachment;filename=hosts.csv"})
|
||||
return Response(output, mimetype="text/csv", headers={"Content-Disposition": "attachment;filename=servers.csv"})
|
||||
|
||||
@app.route('/import-hosts', methods=['GET', 'POST'])
|
||||
def import_hosts():
|
||||
@app.route('/import-servers', methods=['GET', 'POST'])
|
||||
def import_servers():
|
||||
if 'user_id' not in session:
|
||||
return redirect(url_for('login'))
|
||||
if request.method == 'POST':
|
||||
file = request.files.get('file')
|
||||
if not file:
|
||||
flash('No file uploaded', 'danger')
|
||||
return redirect(url_for('import_hosts'))
|
||||
return redirect(url_for('import_servers'))
|
||||
stream = StringIO(file.stream.read().decode("UTF8"), newline=None)
|
||||
csv_input = csv.reader(stream)
|
||||
header = next(csv_input)
|
||||
@ -722,8 +730,8 @@ def import_hosts():
|
||||
db.session.add(host)
|
||||
db.session.commit()
|
||||
flash('Hosts imported successfully', 'success')
|
||||
return redirect(url_for('manage_hosts'))
|
||||
return render_template('import_hosts.html')
|
||||
return redirect(url_for('server_list'))
|
||||
return render_template('import_servers.html')
|
||||
|
||||
@app.route('/clear-host/<int:id>', methods=['GET'])
|
||||
def clear_host(id):
|
||||
@ -732,7 +740,7 @@ def clear_host(id):
|
||||
host = db.session.get(Host, id)
|
||||
if not host or host.user_id != session['user_id']:
|
||||
flash('Host not found or unauthorized', 'danger')
|
||||
return redirect(url_for('manage_hosts'))
|
||||
return redirect(url_for('server_list'))
|
||||
try:
|
||||
if host.type == 'linux':
|
||||
default_content = ensure_local_defaults("")
|
||||
@ -742,7 +750,7 @@ def clear_host(id):
|
||||
flash(f'Cleared host: {host.hostname}', 'success')
|
||||
except Exception as e:
|
||||
flash(f'Error clearing host {host.hostname}: {str(e)}', 'danger')
|
||||
return redirect(url_for('manage_hosts'))
|
||||
return redirect(url_for('server_list'))
|
||||
|
||||
# -------------------
|
||||
# STRONA USTAWIEŃ (SETTINGS)
|
||||
@ -784,7 +792,7 @@ def settings():
|
||||
|
||||
db.session.commit()
|
||||
flash('Settings updated', 'success')
|
||||
return redirect(url_for('dashboard'))
|
||||
return redirect(url_for('settings'))
|
||||
|
||||
return render_template('settings.html', settings=user_settings)
|
||||
|
||||
|
||||
66
templates/add_server.html
Normal file
66
templates/add_server.html
Normal file
@ -0,0 +1,66 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Dodaj serwer - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Dodaj nowy serwer</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ url_for('add_server') }}">
|
||||
<div class="mb-3">
|
||||
<label for="hostname" class="form-label">Nazwa hosta (IP lub domena)</label>
|
||||
<input type="text" name="hostname" id="hostname" class="form-control" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="username" class="form-label">Użytkownik SSH</label>
|
||||
<input type="text" name="username" id="username" class="form-control" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="password" class="form-label">Hasło SSH</label>
|
||||
<input type="password" name="password" id="password" class="form-control">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="port" class="form-label">Port SSH</label>
|
||||
<input type="text" name="port" id="port" class="form-control" value="22">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="host_type" class="form-label">Typ</label>
|
||||
<select name="host_type" id="host_type" class="form-select" required>
|
||||
<option value="linux">Linux</option>
|
||||
<option value="mikrotik">Mikrotik</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="auth_method" class="form-label">Metoda uwierzytelniania</label>
|
||||
<select name="auth_method" id="auth_method" class="form-select">
|
||||
<option value="password">Hasło</option>
|
||||
<option value="ssh_key">Klucz SSH</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="private_key" class="form-label">Klucz prywatny (jeśli używasz klucza SSH)</label>
|
||||
<textarea name="private_key" id="private_key" rows="4" class="form-control"></textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="key_passphrase" class="form-label">Hasło do klucza (jeśli klucz jest zaszyfrowany)</label>
|
||||
<input type="password" name="key_passphrase" id="key_passphrase" class="form-control">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Dodaj serwer</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 text-center">
|
||||
<a href="{{ url_for('server_list') }}" class="btn btn-secondary">Lista serwerów</a>
|
||||
<a href="{{ url_for('import_servers') }}" class="btn btn-secondary">Importuj serwery z CSV</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -1,29 +1,44 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Backups - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Backups</h2>
|
||||
<a href="{{ url_for('backup_all') }}" class="btn btn-primary mb-3">Backup All</a>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Data utworzenia</th>
|
||||
<th>Opis</th>
|
||||
<th>Akcje</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for backup in backups %}
|
||||
<tr>
|
||||
<td>{{ backup.created_at.strftime("%Y-%m-%d %H:%M:%S") }}</td>
|
||||
<td>{{ backup.description }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('view_backup', backup_id=backup.id) }}" class="btn btn-sm btn-info">Podgląd</a>
|
||||
<form action="{{ url_for('delete_backup', backup_id=backup.id) }}" method="post" style="display:inline;">
|
||||
<button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Czy na pewno usunąć backup?');">Usuń</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Backups</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<a href="{{ url_for('backup_all') }}" class="btn btn-primary mb-3">Wykonaj kopie wszystkich serwerów</a>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Data utworzenia</th>
|
||||
<th>Opis</th>
|
||||
<th>Akcje</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for backup in backups %}
|
||||
<tr>
|
||||
<td>{{ backup.created_at.strftime("%Y-%m-%d %H:%M:%S") }}</td>
|
||||
<td>{{ backup.description }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('view_backup', backup_id=backup.id) }}" class="btn btn-sm btn-info">Podgląd</a>
|
||||
<form action="{{ url_for('delete_backup', backup_id=backup.id) }}" method="post" style="display:inline;">
|
||||
<button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Czy na pewno usunąć backup?');">Usuń</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -6,29 +6,17 @@
|
||||
<title>{% block title %}/etc/hosts Manager{% endblock %}</title>
|
||||
<!-- Bootstrap CSS (Bootstrap 5.3.0) -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Dodatkowe style do trybu ciemnego -->
|
||||
<!-- Dodatkowe style -->
|
||||
<style>
|
||||
/* Ogólne style trybu ciemnego */
|
||||
/* Style trybu ciemnego – stosujemy je tylko, gdy body ma klasę dark-mode */
|
||||
body.dark-mode {
|
||||
background-color: #121212;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
/* Navbar i stopka */
|
||||
body.dark-mode .navbar,
|
||||
body.dark-mode footer {
|
||||
background-color: #1e1e1e !important;
|
||||
}
|
||||
body.dark-mode .navbar-brand,
|
||||
body.dark-mode .nav-link,
|
||||
body.dark-mode .dropdown-item {
|
||||
color: #e0e0e0 !important;
|
||||
}
|
||||
/* Dropdown menu */
|
||||
body.dark-mode .dropdown-menu {
|
||||
background-color: #1e1e1e !important;
|
||||
border-color: #333;
|
||||
}
|
||||
/* Tabele – rozszerzone style dla trybu ciemnego */
|
||||
/* Tabele – style ciemnego motywu */
|
||||
body.dark-mode .table {
|
||||
color: #e0e0e0;
|
||||
background-color: #1e1e1e;
|
||||
@ -54,7 +42,7 @@
|
||||
color: #e0e0e0;
|
||||
border-color: #333;
|
||||
}
|
||||
/* Formularze i pola wejściowe */
|
||||
/* Formularze */
|
||||
body.dark-mode .form-control,
|
||||
body.dark-mode .form-select {
|
||||
background-color: #2e2e2e;
|
||||
@ -68,26 +56,16 @@
|
||||
border-color: #777;
|
||||
box-shadow: none;
|
||||
}
|
||||
/* Uwaga: Styl alertów nie jest modyfikowany, dzięki czemu pozostają kolorowe. */
|
||||
|
||||
/* Styl przycisku wyloguj w trybie ciemnym */
|
||||
body.dark-mode .btn-logout {
|
||||
background-color: transparent;
|
||||
border: 2px solid #dc3545;
|
||||
color: #dc3545;
|
||||
}
|
||||
body.dark-mode .btn-logout:hover {
|
||||
background-color: #dc3545;
|
||||
color: #ffffff;
|
||||
/* Przycisk Wyloguj – solidny przycisk, by był czytelny */
|
||||
.btn-logout {
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
{% block extra_css %}
|
||||
<!-- Dodatkowe style CSS można dodać tutaj -->
|
||||
{% endblock %}
|
||||
{% block extra_css %}{% endblock %}
|
||||
</head>
|
||||
<body class="dark-mode">
|
||||
<!-- Pasek nawigacyjny -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="{{ url_for('dashboard') }}">/etc/hosts Manager</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
|
||||
@ -97,32 +75,82 @@
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
{% if session.get('user_id') %}
|
||||
<ul class="navbar-nav me-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="{{ url_for('dashboard') }}">Dashboard</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="{{ url_for('manage_hosts') }}">Hosts</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="{{ url_for('list_hosts_files') }}">Hosts Files</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="{{ url_for('clear_all_hosts') }}">Clear Hosts</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="{{ url_for('edit_local_hosts') }}">Edit Local Hosts</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="{{ url_for('list_regex_hosts') }}">Regex Hosts</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="{{ url_for('backups') }}">Backups</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="{{ url_for('settings') }}">Settings</a></li>
|
||||
<!-- Dashboard -->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ url_for('dashboard') }}">Dashboard</a>
|
||||
</li>
|
||||
<!-- Serwery -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="serversDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Serwery
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="serversDropdown">
|
||||
<li><a class="dropdown-item" href="{{ url_for('add_server') }}">Dodaj serwer</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('server_list') }}">Lista serwerów</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('import_servers') }}">Importuj serwery z CSV</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- WYczysc /etc/hosts -->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ url_for('clear_server') }}">Wyczyść /etc/hosts</a>
|
||||
</li>
|
||||
<!-- Edytuj /etc/hosts -->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ url_for('edit_local_hosts') }}">Edytuj /etc/hosts</a>
|
||||
</li>
|
||||
<!-- Sieci CIDR / Regex -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="regexDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Sieci CIDR / Regex
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="regexDropdown">
|
||||
<li><a class="dropdown-item" href="{{ url_for('list_regex_hosts') }}">Lista wpisów</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('new_regex_host') }}">Nowy CIDR</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- Pliki /etc/hosts -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="filesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Pliki /etc/hosts (beta)
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="filesDropdown">
|
||||
<li><a class="dropdown-item" href="{{ url_for('list_hosts_files') }}">Lista plików</a></li>
|
||||
<li><a class="dropdown-item" href="{{ url_for('new_hosts_file') }}">Utwórz nowy /etc/hosts</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- Kopie zapasowe -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="backupsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Kopie zapasowe
|
||||
</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="backupsDropdown">
|
||||
<li><a class="dropdown-item" href="{{ url_for('backups') }}">Lista kopii</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- Ustawienia -->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{{ url_for('settings') }}">Ustawienia</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
<ul class="navbar-nav ms-auto align-items-center">
|
||||
<li class="nav-item me-2">
|
||||
<!-- Przełącznik trybu ciemnego -->
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="darkModeToggle" checked>
|
||||
<input class="form-check-input" type="checkbox" id="darkModeToggle">
|
||||
<label class="form-check-label" for="darkModeToggle">Dark Mode</label>
|
||||
</div>
|
||||
</li>
|
||||
{% if session.get('user_id') %}
|
||||
<li class="nav-item"><a class="nav-link" href="{{ url_for('change_password') }}">Zmień hasło</a></li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link btn btn-alert ms-2 btn-logout" href="{{ url_for('change_password') }}">Zmień hasło</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link btn btn-outline-danger text-white ms-2 btn-logout" href="{{ url_for('logout') }}">Wyloguj</a>
|
||||
<a class="nav-link btn btn-danger ms-2 btn-logout" href="{{ url_for('logout') }}">Wyloguj</a>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link btn btn-success text-white ms-2" href="{{ url_for('login') }}">Zaloguj</a>
|
||||
<a class="nav-link btn btn-success ms-2" href="{{ url_for('login') }}">Zaloguj</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
@ -142,8 +170,7 @@
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
|
||||
<!-- Stopka -->
|
||||
@ -189,30 +216,45 @@
|
||||
});
|
||||
}
|
||||
|
||||
// Ustawienie trybu ciemnego na podstawie ciasteczka lub domyślnie (dark mode)
|
||||
// Funkcja do aktualizacji navbaru w zależności od motywu
|
||||
function updateNavbarTheme() {
|
||||
const navbar = document.querySelector('.navbar');
|
||||
if (document.body.classList.contains('dark-mode')) {
|
||||
navbar.classList.remove('navbar-light', 'bg-light');
|
||||
navbar.classList.add('navbar-dark', 'bg-dark');
|
||||
} else {
|
||||
navbar.classList.remove('navbar-dark', 'bg-dark');
|
||||
navbar.classList.add('navbar-light', 'bg-light');
|
||||
}
|
||||
}
|
||||
|
||||
// Ustawienie trybu ciemnego na podstawie ciasteczka lub domyślnie (domyślnie ciemny)
|
||||
const darkModeToggle = document.getElementById('darkModeToggle');
|
||||
if (getCookie('darkMode') === 'disabled') {
|
||||
document.body.classList.remove('dark-mode');
|
||||
darkModeToggle.checked = false;
|
||||
document.documentElement.setAttribute('data-bs-theme', 'light');
|
||||
} else {
|
||||
// Domyślnie ustawiamy dark mode
|
||||
document.body.classList.add('dark-mode');
|
||||
darkModeToggle.checked = true;
|
||||
document.documentElement.setAttribute('data-bs-theme', 'dark');
|
||||
setCookie('darkMode', 'enabled', 30);
|
||||
}
|
||||
// Na starcie dopasuj tabele
|
||||
applyDarkModeTables();
|
||||
updateNavbarTheme();
|
||||
|
||||
// Obsługa przełącznika dark mode
|
||||
darkModeToggle.addEventListener('change', function() {
|
||||
if (this.checked) {
|
||||
document.body.classList.add('dark-mode');
|
||||
document.documentElement.setAttribute('data-bs-theme', 'dark');
|
||||
setCookie('darkMode', 'enabled', 30);
|
||||
} else {
|
||||
document.body.classList.remove('dark-mode');
|
||||
document.documentElement.setAttribute('data-bs-theme', 'light');
|
||||
setCookie('darkMode', 'disabled', 30);
|
||||
}
|
||||
applyDarkModeTables();
|
||||
updateNavbarTheme();
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,16 +1,33 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Zmiana hasła - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.card {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<h2>Zmień hasło</h2>
|
||||
<form method="post">
|
||||
<div class="form-group">
|
||||
<label for="password">Nowe hasło</label>
|
||||
<input type="password" class="form-control" id="password" name="password" placeholder="Wprowadź nowe hasło">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Zmień hasło</h2>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zmień hasło</button>
|
||||
</form>
|
||||
<div class="card-body">
|
||||
<form method="post">
|
||||
<div class="mb-3">
|
||||
<label for="password" class="form-label">Nowe hasło</label>
|
||||
<input type="password" class="form-control" id="password" name="password" placeholder="Wprowadź nowe hasło" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zmień hasło</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<a href="{{ url_for('dashboard') }}" class="btn btn-secondary">Przejdź do pulpitu</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,16 +0,0 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Wyczyść Hosts - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Wyczyść Hosts</h2>
|
||||
<form method="post">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="linux" id="linux">
|
||||
<label class="form-check-label" for="linux">Wyczyść Linux hosts</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="mikrotik" id="mikrotik">
|
||||
<label class="form-check-label" for="mikrotik">Wyczyść Mikrotik hosts</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-danger mt-3">Wyczyść wybrane hosty</button>
|
||||
</form>
|
||||
{% endblock %}
|
||||
32
templates/clear_servers.html
Normal file
32
templates/clear_servers.html
Normal file
@ -0,0 +1,32 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Wyczyść Server - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Wyczyść serwery</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ url_for('clear_server') }}">
|
||||
<div class="form-check mb-3">
|
||||
<input class="form-check-input" type="checkbox" name="linux" id="linux">
|
||||
<label class="form-check-label" for="linux">Wyczyść Linux</label>
|
||||
</div>
|
||||
<div class="form-check mb-3">
|
||||
<input class="form-check-input" type="checkbox" name="mikrotik" id="mikrotik">
|
||||
<label class="form-check-label" for="mikrotik">Wyczyść Mikrotik</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-danger">Wyczyść wybrane</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
@ -1,46 +0,0 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Edytuj host - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Edytuj host</h2>
|
||||
<form method="post">
|
||||
<div class="form-group">
|
||||
<label for="hostname">Hostname</label>
|
||||
<input type="text" class="form-control" id="hostname" name="hostname" value="{{ host.hostname }}" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="username">Username</label>
|
||||
<input type="text" class="form-control" id="username" name="username" value="{{ host.username }}" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="password">Hasło (pozostaw puste, aby nie zmieniać)</label>
|
||||
<input type="password" class="form-control" id="password" name="password" placeholder="Wprowadź nowe hasło">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="port">Port</label>
|
||||
<input type="number" class="form-control" id="port" name="port" value="{{ host.port }}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="host_type">Typ hosta</label>
|
||||
<select class="form-control" id="host_type" name="host_type">
|
||||
<option value="linux" {% if host.type == 'linux' %}selected{% endif %}>Linux</option>
|
||||
<option value="mikrotik" {% if host.type == 'mikrotik' %}selected{% endif %}>Mikrotik</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="auth_method">Metoda autoryzacji</label>
|
||||
<select class="form-control" id="auth_method" name="auth_method">
|
||||
<option value="password" {% if host.auth_method == 'password' %}selected{% endif %}>Password</option>
|
||||
<option value="ssh_key" {% if host.auth_method == 'ssh_key' %}selected{% endif %}>SSH Key</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="private_key">Klucz prywatny (opcjonalnie)</label>
|
||||
<textarea class="form-control" id="private_key" name="private_key" rows="3">{{ host.private_key }}</textarea>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="key_passphrase">Passphrase (opcjonalnie)</label>
|
||||
<input type="text" class="form-control" id="key_passphrase" name="key_passphrase" value="{{ host.key_passphrase }}">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zapisz zmiany</button>
|
||||
</form>
|
||||
{% endblock %}
|
||||
@ -1,12 +1,30 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Edytuj lokalny Hosts - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Edytuj lokalny Hosts</h2>
|
||||
<form method="post">
|
||||
<div class="form-group">
|
||||
<label for="hosts_content">Treść hosts</label>
|
||||
<textarea class="form-control" id="hosts_content" name="hosts_content" rows="15" required>{{ content }}</textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zapisz zmiany</button>
|
||||
</form>
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Edytuj /etc/hosts</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ url_for('edit_local_hosts') }}">
|
||||
<div class="mb-3">
|
||||
<label for="hosts_content" class="form-label">Treść /etc/hosts</label>
|
||||
<textarea class="form-control" id="hosts_content" name="hosts_content" rows="15" required>{{ content }}</textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zapisz zmiany</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 text-center">
|
||||
<a href="{{ url_for('dashboard') }}" class="btn btn-secondary">Przejdź do pulpitu</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
67
templates/edit_server.html
Normal file
67
templates/edit_server.html
Normal file
@ -0,0 +1,67 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Edytuj server - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Edytuj serwer</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ url_for('edit_server', id=host.id) }}">
|
||||
<div class="mb-3">
|
||||
<label for="hostname" class="form-label">Nazwa hosta (IP lub domena)</label>
|
||||
<input type="text" name="hostname" id="hostname" class="form-control" value="{{ host.hostname }}" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="username" class="form-label">Użytkownik SSH</label>
|
||||
<input type="text" name="username" id="username" class="form-control" value="{{ host.username }}" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="password" class="form-label">Hasło (pozostaw puste, aby nie zmieniać)</label>
|
||||
<input type="password" name="password" id="password" class="form-control" placeholder="Wprowadź nowe hasło">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="port" class="form-label">Port SSH</label>
|
||||
<input type="text" name="port" id="port" class="form-control" value="{{ host.port }}">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="host_type" class="form-label">Typ</label>
|
||||
<select name="host_type" id="host_type" class="form-select" required>
|
||||
<option value="linux" {% if host.type == 'linux' %}selected{% endif %}>Linux</option>
|
||||
<option value="mikrotik" {% if host.type == 'mikrotik' %}selected{% endif %}>Mikrotik</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="auth_method" class="form-label">Metoda uwierzytelniania</label>
|
||||
<select name="auth_method" id="auth_method" class="form-select">
|
||||
<option value="password" {% if host.auth_method == 'password' %}selected{% endif %}>Hasło</option>
|
||||
<option value="ssh_key" {% if host.auth_method == 'ssh_key' %}selected{% endif %}>Klucz SSH</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="private_key" class="form-label">Klucz prywatny (jeśli używasz klucza SSH)</label>
|
||||
<textarea name="private_key" id="private_key" rows="4" class="form-control">{{ host.private_key }}</textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="key_passphrase" class="form-label">Hasło do klucza (jeśli klucz jest zaszyfrowany)</label>
|
||||
<input type="password" name="key_passphrase" id="key_passphrase" class="form-control" value="{{ host.key_passphrase }}">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zapisz zmiany</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 text-center">
|
||||
<a href="{{ url_for('server_list') }}" class="btn btn-secondary">Lista serwerów</a>
|
||||
<a href="{{ url_for('import_servers') }}" class="btn btn-secondary">Importuj serwery z CSV</a>
|
||||
<a href="{{ url_for('export_servers_to_csv') }}" class="btn btn-secondary">Eksportuj serwery do CSV</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -62,7 +62,7 @@
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2>Lista hostów</h2>
|
||||
<h2>Lista serwerów</h2>
|
||||
</div>
|
||||
<div class="card-body table-responsive">
|
||||
<table class="table table-striped">
|
||||
@ -105,7 +105,7 @@
|
||||
|
||||
<div class="mt-3 text-center">
|
||||
<a href="{{ url_for('import_hosts') }}" class="btn btn-secondary">Importuj serwery z CSV</a>
|
||||
<a href="{{ url_for('export_hosts') }}" class="btn btn-secondary">Eksportuj serwery do CSV</a>
|
||||
<a href="{{ url_for('export_servers_to_csv') }}" class="btn btn-secondary">Eksportuj serwery do CSV</a>
|
||||
<a href="{{ url_for('dashboard') }}" class="btn btn-secondary">Przejdź do pulpitu</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,26 +1,41 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Hosts Files - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Hosts Files</h2>
|
||||
<a href="{{ url_for('new_hosts_file') }}" class="btn btn-primary mb-3">Utwórz nowy Hosts File</a>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tytuł</th>
|
||||
<th>Akcje</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for file in files %}
|
||||
<tr>
|
||||
<td>{{ file.title }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('edit_hosts_file', file_id=file.id) }}" class="btn btn-sm btn-warning">Edytuj</a>
|
||||
<a href="{{ url_for('delete_hosts_file', file_id=file.id) }}" class="btn btn-sm btn-danger" onclick="return confirm('Czy na pewno usunąć plik?');">Usuń</a>
|
||||
<a href="{{ url_for('deploy_hosts_file', file_id=file.id) }}" class="btn btn-sm btn-success">Deploy</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Hosts Files</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<a href="{{ url_for('new_hosts_file') }}" class="btn btn-primary mb-3">Utwórz nowy Hosts File</a>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tytuł</th>
|
||||
<th>Akcje</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for file in files %}
|
||||
<tr>
|
||||
<td>{{ file.title }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('edit_hosts_file', file_id=file.id) }}" class="btn btn-sm btn-warning">Edytuj</a>
|
||||
<a href="{{ url_for('delete_hosts_file', file_id=file.id) }}" class="btn btn-sm btn-danger" onclick="return confirm('Czy na pewno usunąć plik?');">Usuń</a>
|
||||
<a href="{{ url_for('deploy_hosts_file', file_id=file.id) }}" class="btn btn-sm btn-success">Deploy</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,12 +0,0 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Import Hosts - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Import Hosts</h2>
|
||||
<form method="post" enctype="multipart/form-data">
|
||||
<div class="form-group">
|
||||
<label for="file">Wybierz plik CSV</label>
|
||||
<input type="file" class="form-control-file" id="file" name="file" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Importuj Hosts</button>
|
||||
</form>
|
||||
{% endblock %}
|
||||
23
templates/import_servers.html
Normal file
23
templates/import_servers.html
Normal file
@ -0,0 +1,23 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Import hostów z CSV - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2>Import serwerów z CSV</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ url_for('import_servers') }}" enctype="multipart/form-data">
|
||||
<div class="mb-3">
|
||||
<label for="file" class="form-label">Wybierz plik CSV</label>
|
||||
<input type="file" name="file" id="file" class="form-control" accept=".csv" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Importuj</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 text-center">
|
||||
<a href="{{ url_for('add_server') }}" class="btn btn-secondary">Dodaj nowy serwer</a>
|
||||
<a href="{{ url_for('server_list') }}" class="btn btn-secondary">Lista serwerów</a>
|
||||
<a href="{{ url_for('export_servers_to_csv') }}" class="btn btn-secondary">Eksportuj serwery do CSV</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -1,39 +1,54 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Lista Regex Hosts - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Lista Regex Hosts</h2>
|
||||
<a href="{{ url_for('new_regex_host') }}" class="btn btn-primary mb-3">Dodaj nowy Regex Host</a>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>CIDR</th>
|
||||
<th>Gateway IP</th>
|
||||
<th>Gateway Hostname</th>
|
||||
<th>Domain Suffix</th>
|
||||
<th>Host Prefix</th>
|
||||
<th>Użyj Gateway IP</th>
|
||||
<th>Komentarz</th>
|
||||
<th>Akcje</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for entry in entries %}
|
||||
<tr>
|
||||
<td>{{ entry.cidr_range }}</td>
|
||||
<td>{{ entry.gateway_ip }}</td>
|
||||
<td>{{ entry.gateway_hostname }}</td>
|
||||
<td>{{ entry.domain_suffix }}</td>
|
||||
<td>{{ entry.host_prefix }}</td>
|
||||
<td>{{ entry.use_gateway_ip }}</td>
|
||||
<td>{{ entry.comment }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('edit_regex_host', entry_id=entry.id) }}" class="btn btn-sm btn-warning">Edytuj</a>
|
||||
<form action="{{ url_for('delete_regex_host', entry_id=entry.id) }}" method="post" style="display:inline;">
|
||||
<button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Czy na pewno usunąć wpis?');">Usuń</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Lista Regex Hosts</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<a href="{{ url_for('new_regex_host') }}" class="btn btn-primary mb-3">Dodaj nowy Regex Host</a>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>CIDR</th>
|
||||
<th>Gateway IP</th>
|
||||
<th>Gateway Hostname</th>
|
||||
<th>Domain Suffix</th>
|
||||
<th>Host Prefix</th>
|
||||
<th>Użyj Gateway IP</th>
|
||||
<th>Komentarz</th>
|
||||
<th>Akcje</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for entry in entries %}
|
||||
<tr>
|
||||
<td>{{ entry.cidr_range }}</td>
|
||||
<td>{{ entry.gateway_ip }}</td>
|
||||
<td>{{ entry.gateway_hostname }}</td>
|
||||
<td>{{ entry.domain_suffix }}</td>
|
||||
<td>{{ entry.host_prefix }}</td>
|
||||
<td>{{ entry.use_gateway_ip }}</td>
|
||||
<td>{{ entry.comment }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('edit_regex_host', entry_id=entry.id) }}" class="btn btn-sm btn-warning">Edytuj</a>
|
||||
<form action="{{ url_for('delete_regex_host', entry_id=entry.id) }}" method="post" style="display:inline;">
|
||||
<button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Czy na pewno usunąć wpis?');">Usuń</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,27 +1,40 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Logowanie - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
<!-- Tutaj możesz dodać dodatkowe style dla strony logowania -->
|
||||
{{ super() }}
|
||||
<style>
|
||||
.card {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<h2>Logowanie</h2>
|
||||
<form method="post">
|
||||
<div class="form-group">
|
||||
<label for="username">Nazwa użytkownika</label>
|
||||
<input type="text" class="form-control" id="username" name="username" placeholder="Wprowadź nazwę użytkownika">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Logowanie</h2>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="password">Hasło</label>
|
||||
<input type="password" class="form-control" id="password" name="password" placeholder="Wprowadź hasło">
|
||||
<div class="card-body">
|
||||
<form method="post">
|
||||
<div class="mb-3">
|
||||
<label for="username" class="form-label">Nazwa użytkownika</label>
|
||||
<input type="text" class="form-control" id="username" name="username" placeholder="Wprowadź nazwę użytkownika" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="password" class="form-label">Hasło</label>
|
||||
<input type="password" class="form-control" id="password" name="password" placeholder="Wprowadź hasło" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zaloguj</button>
|
||||
</form>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zaloguj</button>
|
||||
</form>
|
||||
<p class="mt-3">Nie masz konta? <a href="{{ url_for('register') }}">Zarejestruj się</a>.</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p>Nie masz konta? <a href="{{ url_for('register') }}">Zarejestruj się</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<!-- Tutaj możesz dodać dodatkowe skrypty dla strony logowania -->
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
@ -1,16 +1,35 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{% if file %}Edytuj Hosts File{% else %}Nowy Hosts File{% endif %} - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>{% if file %}Edytuj Hosts File{% else %}Nowy Hosts File{% endif %}</h2>
|
||||
<form method="post">
|
||||
<div class="form-group">
|
||||
<label for="title">Tytuł</label>
|
||||
<input type="text" class="form-control" id="title" name="title" value="{% if file %}{{ file.title }}{% endif %}" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="content">Treść</label>
|
||||
<textarea class="form-control" id="content" name="content" rows="10" required>{% if file %}{{ file.content }}{% endif %}</textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">{% if file %}Zapisz zmiany{% else %}Utwórz{% endif %}</button>
|
||||
</form>
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>{% if file %}Edytuj Hosts File{% else %}Nowy Hosts File{% endif %}</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST">
|
||||
<div class="mb-3">
|
||||
<label for="title" class="form-label">Tytuł</label>
|
||||
<input type="text" class="form-control" id="title" name="title" value="{% if file %}{{ file.title }}{% endif %}" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="content" class="form-label">Treść</label>
|
||||
<textarea class="form-control" id="content" name="content" rows="10" required>{% if file %}{{ file.content }}{% endif %}</textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">{% if file %}Zapisz zmiany{% else %}Utwórz{% endif %}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 text-center">
|
||||
<a href="{{ url_for('list_hosts_files') }}" class="btn btn-secondary">Lista Hosts Files</a>
|
||||
<a href="{{ url_for('dashboard') }}" class="btn btn-secondary">Przejdź do pulpitu</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,36 +1,56 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}{% if entry %}Edytuj Regex Host{% else %}Nowy Regex Host{% endif %} - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>{% if entry %}Edytuj Regex Host{% else %}Nowy Regex Host{% endif %}</h2>
|
||||
<form method="post">
|
||||
<div class="form-group">
|
||||
<label for="cidr_range">CIDR Range</label>
|
||||
<input type="text" class="form-control" id="cidr_range" name="cidr_range" value="{% if entry %}{{ entry.cidr_range }}{% endif %}" placeholder="np. 10.87.200.0/27" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="gateway_ip">Gateway IP</label>
|
||||
<input type="text" class="form-control" id="gateway_ip" name="gateway_ip" value="{% if entry %}{{ entry.gateway_ip }}{% endif %}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="gateway_hostname">Gateway Hostname</label>
|
||||
<input type="text" class="form-control" id="gateway_hostname" name="gateway_hostname" value="{% if entry %}{{ entry.gateway_hostname }}{% endif %}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="domain_suffix">Domain Suffix</label>
|
||||
<input type="text" class="form-control" id="domain_suffix" name="domain_suffix" value="{% if entry %}{{ entry.domain_suffix }}{% else %}domain.com{% endif %}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="host_prefix">Host Prefix</label>
|
||||
<input type="text" class="form-control" id="host_prefix" name="host_prefix" value="{% if entry %}{{ entry.host_prefix }}{% else %}ip{% endif %}">
|
||||
</div>
|
||||
<div class="form-group form-check">
|
||||
<input type="checkbox" class="form-check-input" id="use_gateway_ip" name="use_gateway_ip" {% if entry and entry.use_gateway_ip %}checked{% endif %}>
|
||||
<label class="form-check-label" for="use_gateway_ip">Użyj Gateway IP</label>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="comment">Komentarz</label>
|
||||
<input type="text" class="form-control" id="comment" name="comment" value="{% if entry %}{{ entry.comment }}{% endif %}">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">{% if entry %}Zapisz zmiany{% else %}Utwórz{% endif %}</button>
|
||||
</form>
|
||||
{% block title %}{% if entry %}Edytuj Regex CIDR{% else %}Nowy Regex CIDR{% endif %} - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>{% if entry %}Edytuj Regex Host{% else %}Nowy Regex CIDR{% endif %}</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST">
|
||||
<div class="mb-3">
|
||||
<label for="cidr_range" class="form-label">CIDR/Sieć</label>
|
||||
<input type="text" class="form-control" id="cidr_range" name="cidr_range" value="{% if entry %}{{ entry.cidr_range }}{% endif %}" placeholder="np. 10.87.200.0/27" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="gateway_ip" class="form-label">Adres IP bramy sieci</label>
|
||||
<input type="text" class="form-control" id="gateway_ip" name="gateway_ip" value="{% if entry %}{{ entry.gateway_ip }}{% endif %}">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="gateway_hostname" class="form-label">Docelowy hostname bramy</label>
|
||||
<input type="text" class="form-control" id="gateway_hostname" name="gateway_hostname" value="{% if entry %}{{ entry.gateway_hostname }}{% endif %}">
|
||||
</div>
|
||||
<div class="form-check mb-3">
|
||||
<input type="checkbox" class="form-check-input" id="use_gateway_ip" name="use_gateway_ip" {% if entry and entry.use_gateway_ip %}checked{% endif %}>
|
||||
<label class="form-check-label" for="use_gateway_ip">Brama ma mieć swój hostname</label>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="domain_suffix" class="form-label">Domena</label>
|
||||
<input type="text" class="form-control" id="domain_suffix" name="domain_suffix" value="{% if entry %}{{ entry.domain_suffix }}{% else %}domain.com{% endif %}">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="host_prefix" class="form-label">Pefix hostów sieci</label>
|
||||
<input type="text" class="form-control" id="host_prefix" name="host_prefix" value="{% if entry %}{{ entry.host_prefix }}{% else %}ip{% endif %}">
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="comment" class="form-label">Komentarz</label>
|
||||
<input type="text" class="form-control" id="comment" name="comment" value="{% if entry %}{{ entry.comment }}{% endif %}">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">{% if entry %}Zapisz zmiany{% else %}Utwórz{% endif %}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 text-center">
|
||||
<a href="{{ url_for('list_regex_hosts') }}" class="btn btn-secondary">Lista Regex Hosts</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,21 +1,37 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Rejestracja - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.card {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-6">
|
||||
<h2>Rejestracja</h2>
|
||||
<form method="post">
|
||||
<div class="form-group">
|
||||
<label for="username">Nazwa użytkownika</label>
|
||||
<input type="text" class="form-control" id="username" name="username" placeholder="Wprowadź nazwę użytkownika">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Rejestracja</h2>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="password">Hasło</label>
|
||||
<input type="password" class="form-control" id="password" name="password" placeholder="Wprowadź hasło">
|
||||
<div class="card-body">
|
||||
<form method="post">
|
||||
<div class="mb-3">
|
||||
<label for="username" class="form-label">Nazwa użytkownika</label>
|
||||
<input type="text" class="form-control" id="username" name="username" placeholder="Wprowadź nazwę użytkownika" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="password" class="form-label">Hasło</label>
|
||||
<input type="password" class="form-control" id="password" name="password" placeholder="Wprowadź hasło" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zarejestruj się</button>
|
||||
</form>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zarejestruj się</button>
|
||||
</form>
|
||||
<p class="mt-3">Masz już konto? <a href="{{ url_for('login') }}">Zaloguj się</a>.</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p>Masz już konto? <a href="{{ url_for('login') }}">Zaloguj się</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
61
templates/server_list.html
Normal file
61
templates/server_list.html
Normal file
@ -0,0 +1,61 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Lista serwerów - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2>Lista serwerów</h2>
|
||||
</div>
|
||||
<div class="card-body table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Nazwa hosta</th>
|
||||
<th>Użytkownik SSH</th>
|
||||
<th>Port</th>
|
||||
<th>Typ</th>
|
||||
<th>Metoda uwierzytelniania</th>
|
||||
<th>Akcje</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for h in hosts %}
|
||||
<tr>
|
||||
<td>{{ h.id }}</td>
|
||||
<td data-bs-toggle="tooltip" data-bs-placement="top" title="{{ h.resolved_hostname }}">
|
||||
{{ h.hostname }}
|
||||
</td>
|
||||
<td>{{ h.username }}</td>
|
||||
<td>{{ h.port }}</td>
|
||||
<td>{{ h.type }}</td>
|
||||
<td>{{ h.auth_method }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('edit_server', id=h.id) }}" class="btn btn-primary btn-sm">Edytuj</a>
|
||||
<a href="{{ url_for('test_server_connection', id=h.id) }}" class="btn btn-info btn-sm">Testuj</a>
|
||||
<a href="{{ url_for('server_backup', host_id=h.id) }}" class="btn btn-success btn-sm">Backup</a>
|
||||
<form method="GET" action="{{ url_for('delete_server', id=h.id) }}" style="display:inline;">
|
||||
<button type="submit" class="btn btn-danger btn-sm">Usuń</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 text-center">
|
||||
<a href="{{ url_for('add_server') }}" class="btn btn-secondary">Dodaj nowy serwer</a>
|
||||
<a href="{{ url_for('import_servers') }}" class="btn btn-secondary">Importuj serwery z CSV</a>
|
||||
<a href="{{ url_for('export_servers_to_csv') }}" class="btn btn-secondary">Eksportuj serwery do CSV</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -1,28 +1,43 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Ustawienia - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Ustawienia</h2>
|
||||
<form method="post">
|
||||
<div class="form-group form-check">
|
||||
<input type="checkbox" class="form-check-input" id="auto_deploy" name="auto_deploy" {% if settings.auto_deploy_enabled %}checked{% endif %}>
|
||||
<label class="form-check-label" for="auto_deploy">Automatyczny deploy</label>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="deploy_interval">Interwał deploy (minuty)</label>
|
||||
<input type="number" class="form-control" id="deploy_interval" name="deploy_interval" value="{{ settings.deploy_interval }}">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="backup_interval">Interwał backupów (minuty)</label>
|
||||
<input type="number" class="form-control" id="backup_interval" name="backup_interval" value="{{ settings.backup_interval }}">
|
||||
</div>
|
||||
<div class="form-group form-check">
|
||||
<input type="checkbox" class="form-check-input" id="enable_regex_entries" name="enable_regex_entries" {% if settings.regex_deploy_enabled %}checked{% endif %}>
|
||||
<label class="form-check-label" for="enable_regex_entries">Włącz regex deploy</label>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="backup_retention_days">Ilość dni przechowywania backupów</label>
|
||||
<input type="number" class="form-control" id="backup_retention_days" name="backup_retention_days" value="{{ settings.backup_retention_days }}">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zapisz ustawienia</button>
|
||||
</form>
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Ustawienia</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="post">
|
||||
<div class="mb-3 form-check">
|
||||
<input type="checkbox" class="form-check-input" id="auto_deploy" name="auto_deploy" {% if settings.auto_deploy_enabled %}checked{% endif %}>
|
||||
<label class="form-check-label" for="auto_deploy">Automatyczny deploy</label>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="deploy_interval" class="form-label">Interwał deploy (minuty)</label>
|
||||
<input type="number" class="form-control" id="deploy_interval" name="deploy_interval" value="{{ settings.deploy_interval }}">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="backup_interval" class="form-label">Interwał backupów (minuty)</label>
|
||||
<input type="number" class="form-control" id="backup_interval" name="backup_interval" value="{{ settings.backup_interval }}">
|
||||
</div>
|
||||
<div class="mb-3 form-check">
|
||||
<input type="checkbox" class="form-check-input" id="enable_regex_entries" name="enable_regex_entries" {% if settings.regex_deploy_enabled %}checked{% endif %}>
|
||||
<label class="form-check-label" for="enable_regex_entries">Włącz regex/CIDR deploy</label>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="backup_retention_days" class="form-label">Ilość dni przechowywania backupów</label>
|
||||
<input type="number" class="form-control" id="backup_retention_days" name="backup_retention_days" value="{{ settings.backup_retention_days }}">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary">Zapisz ustawienia</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -2,19 +2,60 @@
|
||||
{% block title %}Podgląd Backupu - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<!-- Highlight.js CSS dla podświetlania składni -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
|
||||
<!-- Link do arkusza Highlight.js z identyfikatorem do dynamicznej zmiany -->
|
||||
<link id="hljs-style" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/atom-one-dark.min.css">
|
||||
<style>
|
||||
/* Dodatkowy styl dla karty podglądu backupu */
|
||||
.card-backup {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.card-backup pre {
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Podgląd Backupu</h2>
|
||||
<p><strong>Data:</strong> {{ backup.created_at.strftime("%Y-%m-%d %H:%M:%S") }}</p>
|
||||
<p><strong>Opis:</strong> {{ backup.description }}</p>
|
||||
<pre><code class="bash">{{ backup.content | e }}</code></pre>
|
||||
<a href="{{ url_for('backups') }}" class="btn btn-secondary mt-3">Powrót do listy backupów</a>
|
||||
<div class="card card-backup shadow-sm">
|
||||
<div class="card-header">
|
||||
<h2 class="mb-0">Podgląd Backupu</h2>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Data:</strong> {{ backup.created_at.strftime("%Y-%m-%d %H:%M:%S") }}</p>
|
||||
<p><strong>Opis:</strong> {{ backup.description }}</p>
|
||||
<pre><code class="plaintext">{{ backup.content | e }}</code></pre>
|
||||
<a href="{{ url_for('backups') }}" class="btn btn-secondary mt-3">Powrót do listy backupów</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
{{ super() }}
|
||||
<!-- Highlight.js JS dla podświetlania składni -->
|
||||
<!-- Highlight.js JS -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
|
||||
<script>hljs.highlightAll();</script>
|
||||
<script>
|
||||
// Inicjalizacja podświetlania
|
||||
hljs.highlightAll();
|
||||
|
||||
// Funkcja aktualizująca motyw podświetlania w zależności od motywu aplikacji
|
||||
function updateHighlightTheme() {
|
||||
var hljsStyle = document.getElementById('hljs-style');
|
||||
if (document.documentElement.getAttribute('data-bs-theme') === 'dark') {
|
||||
hljsStyle.href = 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/atom-one-dark.min.css';
|
||||
} else {
|
||||
hljsStyle.href = 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/github.min.css';
|
||||
}
|
||||
}
|
||||
|
||||
// Aktualizacja przy starcie
|
||||
updateHighlightTheme();
|
||||
|
||||
// Aktualizacja przy zmianie trybu (zakładamy, że w base.html mamy przełącznik trybu)
|
||||
const darkModeToggle = document.getElementById('darkModeToggle');
|
||||
if (darkModeToggle) {
|
||||
darkModeToggle.addEventListener('change', function() {
|
||||
// Mały delay, aby zmiana motywu została zastosowana
|
||||
setTimeout(updateHighlightTheme, 100);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user