refactor
This commit is contained in:
Mateusz Gruszczyński
parent
1efc3341b4
commit
d1d0ccc311
99
README.md
99
README.md
@ -1,21 +1,92 @@
|
||||
# RouterOS backup system
|
||||
/etc/hosts Manager to aplikacja webowa do zarządzania plikami hosts na zdalnych serwerach, napisana przy użyciu Flask, SQLAlchemy oraz APScheduler. Aplikacja umożliwia dodawanie, edycję, usuwanie hostów, import/eksport konfiguracji, tworzenie backupów oraz automatyczne wdrażanie zmian.
|
||||
|
||||
# Instalation:
|
||||
- clone (to ex. /opt/hosts_app)
|
||||
- create venv
|
||||
- install requirements via pip
|
||||
- copy systemd service (hosts_app.service)
|
||||
Wymagania
|
||||
---------
|
||||
- Python 3.7 lub nowszy
|
||||
- Pakiety:
|
||||
- Flask
|
||||
- Flask-SQLAlchemy
|
||||
- APScheduler
|
||||
- paramiko
|
||||
- waitress
|
||||
|
||||
# Start
|
||||
- edit gunicorn_config.py and set listen IP
|
||||
- systemctl start hosts_app.service
|
||||
- go to http://IPADDRESS:8888
|
||||
Możesz zainstalować wszystkie zależności za pomocą polecenia:
|
||||
|
||||
# Register, Login
|
||||
pip install -r requirements.txt
|
||||
|
||||
# Configure devices, /etc/hosts
|
||||
Przykładowa zawartość pliku requirements.txt:
|
||||
-----------------------------------------------
|
||||
Flask
|
||||
Flask-SQLAlchemy
|
||||
APScheduler
|
||||
paramiko
|
||||
waitress
|
||||
|
||||
Uruchamianie Aplikacji
|
||||
----------------------
|
||||
Tryb developerski
|
||||
-----------------
|
||||
Aplikację można uruchomić lokalnie, korzystając z wbudowanego serwera Flask:
|
||||
|
||||
# Authors
|
||||
python app.py
|
||||
|
||||
- [@linuxiarz.pl]
|
||||
Aplikacja będzie dostępna domyślnie pod adresem: http://0.0.0.0:8888
|
||||
|
||||
Uruchomienie z Waitress
|
||||
-----------------------
|
||||
Aby uruchomić aplikację w trybie produkcyjnym przy użyciu serwera Waitress, użyj pliku run_waitress.py:
|
||||
|
||||
python run_waitress.py
|
||||
|
||||
Aplikacja będzie dostępna pod adresem: http://0.0.0.0:5580
|
||||
|
||||
- Port: 5580
|
||||
- Liczba wątków: 4
|
||||
|
||||
Harmonogramy
|
||||
------------
|
||||
Aplikacja wykorzystuje APScheduler do automatycznych zadań:
|
||||
- Automatyczne wdrożenia co 5 minut (jeśli włączone w ustawieniach użytkownika).
|
||||
- Automatyczne tworzenie backupów co 60 minut.
|
||||
- Czyszczenie starych backupów co 24 godziny.
|
||||
|
||||
Harmonogramy działają w tle w ramach kontekstu aplikacji i są uruchamiane przy starcie aplikacji.
|
||||
|
||||
Struktura Katalogów
|
||||
-------------------
|
||||
- app.py – główny plik aplikacji Flask.
|
||||
- run_waitress.py – plik do uruchamiania aplikacji z serwerem Waitress.
|
||||
- templates/ – katalog z szablonami HTML.
|
||||
- static/ – katalog na zasoby statyczne (CSS, JS, obrazy).
|
||||
|
||||
Dodatkowe Informacje
|
||||
--------------------
|
||||
- Aplikacja ukrywa nagłówki serwera dzięki ustawieniom w app.py.
|
||||
- Interfejs został zmodernizowany przy użyciu Bootstrapa 5, z możliwością przełączania trybu jasnego i ciemnego.
|
||||
- Tooltipy są używane do dynamicznego wyświetlania rozwiązywanych nazw hostów przy najechaniu myszką.
|
||||
- Automatyczne zadania i harmonogramy działają w tle, dzięki czemu aplikacja wykonuje regularne wdrożenia i backupy.
|
||||
|
||||
Instalacja środowiska wirtualnego (venv)
|
||||
-----------------------------------------
|
||||
Aby utworzyć środowisko wirtualne w Pythonie, wykonaj poniższe kroki:
|
||||
|
||||
1. Utwórz środowisko:
|
||||
|
||||
python -m venv venv
|
||||
|
||||
2. Aktywuj środowisko:
|
||||
- W systemach Unix/Linux/macOS:
|
||||
|
||||
source venv/bin/activate
|
||||
|
||||
- W systemie Windows:
|
||||
|
||||
venv\Scripts\activate
|
||||
|
||||
3. Zainstaluj wymagane pakiety:
|
||||
|
||||
pip install -r requirements.txt
|
||||
|
||||
Kontakt
|
||||
-------
|
||||
@linuxiarz.pl
|
||||
|
||||
2
app.py
2
app.py
@ -1077,6 +1077,6 @@ if __name__ == '__main__':
|
||||
db.create_all()
|
||||
app.run(
|
||||
host='0.0.0.0',
|
||||
port=8888,
|
||||
port=5580,
|
||||
use_reloader=False,
|
||||
)
|
||||
|
||||
@ -1,149 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Backups</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background: #f1f1f1;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 40px auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.backup-all-container {
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.backup-all-btn {
|
||||
display: inline-block;
|
||||
padding: 15px 25px;
|
||||
background-color: #28a745;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-size: 1.2em;
|
||||
border-radius: 4px;
|
||||
max-width: 90%;
|
||||
}
|
||||
.backup-all-btn:hover {
|
||||
background-color: #218838;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
th, td {
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
th {
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
display: inline-block;
|
||||
padding: 4px 8px;
|
||||
font-size: 0.85em;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
margin-right: 5px;
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.btn-view {
|
||||
background-color: #007bff;
|
||||
}
|
||||
.btn-view:hover {
|
||||
background-color: #0056b3;
|
||||
}
|
||||
|
||||
.btn-restore {
|
||||
background-color: #17a2b8;
|
||||
}
|
||||
.btn-restore:hover {
|
||||
background-color: #138496;
|
||||
}
|
||||
|
||||
.btn-delete {
|
||||
background-color: #dc3545;
|
||||
}
|
||||
.btn-delete:hover {
|
||||
background-color: #c82333;
|
||||
}
|
||||
|
||||
.links {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.links a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.links a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Backups</h1>
|
||||
|
||||
<div class="backup-all-container">
|
||||
<a href="{{ url_for('backup_all') }}" class="backup-all-btn">Backup All Hosts</a>
|
||||
</div>
|
||||
|
||||
<table>
|
||||
{% 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>ID</th>
|
||||
<th>Host</th>
|
||||
<th>Created At</th>
|
||||
<th>Description</th>
|
||||
<th>Actions</th>
|
||||
<th>Data utworzenia</th>
|
||||
<th>Opis</th>
|
||||
<th>Akcje</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for backup in backups %}
|
||||
<tr>
|
||||
<td>{{ backup.id }}</td>
|
||||
<td>{{ backup.host.hostname if backup.host else 'Default Configuration' }}</td>
|
||||
<td>{{ backup.created_at }}</td>
|
||||
<td>{{ backup.description or '' }}</td>
|
||||
<td>{{ backup.created_at.strftime("%Y-%m-%d %H:%M:%S") }}</td>
|
||||
<td>{{ backup.description }}</td>
|
||||
<td>
|
||||
<!-- View jako przycisk niebieski -->
|
||||
<a href="{{ url_for('view_backup', backup_id=backup.id) }}"
|
||||
class="btn-sm btn-view">View</a>
|
||||
|
||||
<!-- Restore jako przycisk ciemny cyjan -->
|
||||
<a href="{{ url_for('restore_backup', backup_id=backup.id) }}"
|
||||
class="btn-sm btn-restore">Restore</a>
|
||||
|
||||
<!-- Delete jako przycisk czerwony, w formie (method=POST) -->
|
||||
<form action="{{ url_for('delete_backup', backup_id=backup.id) }}" method="POST" style="display:inline;">
|
||||
<button type="submit"
|
||||
class="btn-sm btn-delete"
|
||||
onclick="return confirm('Delete this backup?')">
|
||||
Delete
|
||||
</button>
|
||||
<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 class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
203
templates/base.html
Normal file
203
templates/base.html
Normal file
@ -0,0 +1,203 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pl" data-bs-theme="light">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<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 -->
|
||||
<style>
|
||||
/* Ogólne style trybu ciemnego */
|
||||
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 */
|
||||
body.dark-mode .table {
|
||||
color: #e0e0e0;
|
||||
background-color: #1e1e1e;
|
||||
border: 1px solid #444;
|
||||
}
|
||||
body.dark-mode .table th,
|
||||
body.dark-mode .table td {
|
||||
border: 1px solid #444;
|
||||
}
|
||||
body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
|
||||
background-color: #2e2e2e;
|
||||
}
|
||||
body.dark-mode .table-striped tbody tr:nth-of-type(even) {
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
body.dark-mode .table thead {
|
||||
background-color: #333;
|
||||
color: #e0e0e0;
|
||||
}
|
||||
/* Karty */
|
||||
body.dark-mode .card {
|
||||
background-color: #1e1e1e;
|
||||
color: #e0e0e0;
|
||||
border-color: #333;
|
||||
}
|
||||
/* Formularze i pola wejściowe */
|
||||
body.dark-mode .form-control,
|
||||
body.dark-mode .form-select {
|
||||
background-color: #2e2e2e;
|
||||
color: #e0e0e0;
|
||||
border: 1px solid #444;
|
||||
}
|
||||
body.dark-mode .form-control:focus,
|
||||
body.dark-mode .form-select:focus {
|
||||
background-color: #2e2e2e;
|
||||
color: #e0e0e0;
|
||||
border-color: #777;
|
||||
box-shadow: none;
|
||||
}
|
||||
/* Uwaga: Styl alertów nie jest modyfikowany, dzięki czemu pozostają kolorowe. */
|
||||
</style>
|
||||
{% block extra_css %}
|
||||
<!-- Dodatkowe style CSS można dodać tutaj -->
|
||||
{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
<!-- Pasek nawigacyjny -->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<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"
|
||||
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Przełącz nawigację">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
||||
<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>
|
||||
</ul>
|
||||
<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">
|
||||
<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-danger text-white ms-2" 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>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Główny kontener treści -->
|
||||
<div class="container mt-4">
|
||||
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||
{% if messages %}
|
||||
{% for category, message in messages %}
|
||||
<div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
|
||||
{{ message }}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Zamknij"></button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
|
||||
<!-- Stopka -->
|
||||
<footer class="bg-light text-center text-lg-start mt-5 py-3">
|
||||
<div class="container">
|
||||
<span class="text-muted">© 2025 Mateusz Gruszczyński, linuxiarz.pl</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap JS Bundle (Bootstrap 5.3.0) -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
{% block extra_js %}
|
||||
<script>
|
||||
// Funkcje obsługi ciasteczek
|
||||
function setCookie(name, value, days) {
|
||||
var expires = "";
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||
expires = "; expires=" + date.toUTCString();
|
||||
}
|
||||
document.cookie = name + "=" + (value || "") + expires + "; path=/";
|
||||
}
|
||||
function getCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for (var i = 0; i < ca.length; i++) {
|
||||
var c = ca[i].trim();
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
// Funkcja do dynamicznego dodawania/usuwania klasy table-dark do tabel
|
||||
function applyDarkModeTables() {
|
||||
const isDark = document.body.classList.contains('dark-mode');
|
||||
document.querySelectorAll('table').forEach(tbl => {
|
||||
if (isDark) {
|
||||
tbl.classList.add('table-dark');
|
||||
} else {
|
||||
tbl.classList.remove('table-dark');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Ustawienie trybu ciemnego na podstawie ciasteczka
|
||||
const darkModeToggle = document.getElementById('darkModeToggle');
|
||||
if (getCookie('darkMode') === 'enabled') {
|
||||
document.body.classList.add('dark-mode');
|
||||
darkModeToggle.checked = true;
|
||||
}
|
||||
// Na starcie dopasuj tabele
|
||||
applyDarkModeTables();
|
||||
|
||||
// Obsługa przełącznika dark mode
|
||||
darkModeToggle.addEventListener('change', function() {
|
||||
if (this.checked) {
|
||||
document.body.classList.add('dark-mode');
|
||||
setCookie('darkMode', 'enabled', 30);
|
||||
} else {
|
||||
document.body.classList.remove('dark-mode');
|
||||
setCookie('darkMode', 'disabled', 30);
|
||||
}
|
||||
applyDarkModeTables();
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
@ -1,58 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Change Password</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0; padding: 0;
|
||||
display: flex; justify-content: center; align-items: center;
|
||||
height: 100vh; background: #f1f1f1;
|
||||
}
|
||||
.container {
|
||||
max-width: 400px; width: 100%;
|
||||
background: #fff; padding: 20px;
|
||||
border-radius: 8px; box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="password"] {
|
||||
width: 100%; padding: 8px; margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
button {
|
||||
margin-top: 1em; width: 100%; padding: 10px;
|
||||
background: #007bff; border: none; color: #fff;
|
||||
cursor: pointer; border-radius: 4px;
|
||||
}
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Change Password</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Zmiana hasła - /etc/hosts Manager{% 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>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="{{ url_for('change_password') }}">
|
||||
<label for="password">New Password:</label>
|
||||
<input type="password" name="password" id="password" required />
|
||||
<button type="submit">Change Password</button>
|
||||
<button type="submit" class="btn btn-primary">Zmień hasło</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,32 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Clear Hosts Files</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; padding: 20px; }
|
||||
.container { max-width: 500px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; }
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Clear /etc/hosts* Files</h1>
|
||||
<form method="POST" action="{{ url_for('clear_all_hosts') }}">
|
||||
<p>Select which types of hosts to clear:</p>
|
||||
<label><input type="checkbox" name="linux" value="1"> Linux Server/s</label><br>
|
||||
<label><input type="checkbox" name="mikrotik" value="1"> Mikrotik Router/s</label><br>
|
||||
<button type="submit">Clear /etc/hosts* on selected servers</button>
|
||||
<p>* - or MikroTik Router</p>
|
||||
{% 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>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,297 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>/etc/hosts file manager</title>
|
||||
<!-- Dodajemy FontAwesome dla ikon -->
|
||||
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; margin: 0; padding: 0; }
|
||||
.container { max-width: 800px; margin: 40px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; font-size: 1.1em; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.links i { margin-right: 5px; }
|
||||
|
||||
/* Style dla bloku Statistics */
|
||||
.stats {
|
||||
margin: 20px 0;
|
||||
background: #e9ecef;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.stats h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.stats ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.stats li {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Style dla bloku Recent Deploy Logs */
|
||||
.logs {
|
||||
margin-top: 20px;
|
||||
background: #fafafa;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
padding: 10px;
|
||||
}
|
||||
.log-entry {
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.log-entry:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.user-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.log-entry {
|
||||
background: #f9f9f9;
|
||||
margin: 8px 0;
|
||||
padding: 8px 12px;
|
||||
border-left: 4px solid #007bff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.log-timestamp {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
color: #555;
|
||||
}
|
||||
.log-details {
|
||||
display: inline;
|
||||
color: #333;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.stats-graphic {
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.bar-container {
|
||||
display: flex;
|
||||
height: 30px;
|
||||
background: #ddd;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
margin: 10px auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.bar-success {
|
||||
background: #28a745;
|
||||
color: #fff;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.bar-failed {
|
||||
background: #dc3545;
|
||||
color: #fff;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.flash-messages {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.flash-messages p {
|
||||
margin: 0 0 5px 0;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Dla kategorii success */
|
||||
.flash-messages p.success {
|
||||
background-color: #d4edda; /* Jasnozielone tło */
|
||||
color: #155724; /* Zielony tekst */
|
||||
border: 1px solid #c3e6cb;
|
||||
}
|
||||
|
||||
/* Dla kategorii danger */
|
||||
.flash-messages p.danger {
|
||||
background-color: #f8d7da; /* Jasnoczerwone tło */
|
||||
color: #721c24; /* Czerwony tekst */
|
||||
border: 1px solid #f5c6cb;
|
||||
}
|
||||
|
||||
/* Dla kategorii info */
|
||||
.flash-messages p.info {
|
||||
background-color: #d1ecf1; /* Jasnoniebieskie tło */
|
||||
color: #0c5460; /* Niebieski tekst */
|
||||
border: 1px solid #bee5eb;
|
||||
}
|
||||
|
||||
|
||||
.links-nav ul {
|
||||
/* Usuwamy domyślne wcięcia i kuleczki */
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
/* Rozmieszczenie linków w elastyczny sposób */
|
||||
display: flex;
|
||||
flex-wrap: wrap; /* Pozwoli zawijać się wierszom przy małym ekranie */
|
||||
justify-content: center;
|
||||
gap: 10px; /* Odstęp między przyciskami */
|
||||
}
|
||||
|
||||
.links-nav li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.links-nav li a {
|
||||
display: inline-block;
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
padding: 8px 12px;
|
||||
background: #f8f8f8;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.links-nav li a:hover {
|
||||
background: #e2e6ea;
|
||||
text-decoration: none;
|
||||
}
|
||||
.deploy-container {
|
||||
margin: 20px auto; /* odstęp u góry i dołu */
|
||||
text-align: center; /* środek strony */
|
||||
}
|
||||
|
||||
.deploy-now-btn {
|
||||
display: inline-block;
|
||||
width: 60%; /* szeroki przycisk - możesz dostosować */
|
||||
max-width: 400px; /* by się za bardzo nie rozciągał na dużym ekranie */
|
||||
padding: 15px;
|
||||
font-size: 1.2em;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
background: #007bff;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #007bff;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.deploy-now-btn:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.links-nav ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.links-nav li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.links-nav li a {
|
||||
display: inline-block;
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
padding: 8px 12px;
|
||||
background: #f8f8f8;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.links-nav li a:hover {
|
||||
background: #e2e6ea;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>/etc/hosts file manager</h1>
|
||||
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for category, message in messages %}
|
||||
<p class="{{ category }}">{{ message }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
|
||||
<div class="user-info">
|
||||
<p><h2>Welcome, <b>{{ user.username }}</b>!</h2></p>
|
||||
</div>
|
||||
<div class="deploy-container">
|
||||
<a href="{{ url_for('deploy_now') }}" class="deploy-now-btn">
|
||||
<i class="fas fa-rocket"></i> Deploy Now
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="links-nav">
|
||||
<ul>
|
||||
<li><a href="{{ url_for('manage_hosts') }}"><i class="fas fa-server"></i> Manage remote servers</a></li>
|
||||
<li><a href="{{ url_for('clear_all_hosts') }}"><i class="fas fa-trash-alt"></i> Clear /etc/hosts on remote</a></li>
|
||||
<!-- <li><a href="{{ url_for('list_hosts_files') }}"><i class="fas fa-list"></i> List /etc/hosts files</a></li> -->
|
||||
<li><a href="{{ url_for('edit_local_hosts') }}"><i class="fas fa-edit"></i> Edit /etc/hosts</a></li>
|
||||
<li><a href="{{ url_for('list_regex_hosts') }}"><i class="fas fa-network-wired"></i> Manage Regex/CIDR</a></li>
|
||||
<li><a href="{{ url_for('new_regex_host') }}"><i class="fas fa-plus-circle"></i> Add new CIDR entry</a></li>
|
||||
<li><a href="{{ url_for('backups') }}"><i class="fas fa-archive"></i> Backups</a></li>
|
||||
<li><a href="{{ url_for('settings') }}"><i class="fas fa-cog"></i> Settings</a></li>
|
||||
<li><a href="{{ url_for('change_password') }}"><i class="fas fa-key"></i> Change Password</a></li>
|
||||
<li><a href="{{ url_for('logout') }}"><i class="fas fa-sign-out-alt"></i> Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="stats">
|
||||
<h2>Statistics</h2>
|
||||
<ul>
|
||||
<li>Number of managed server: <b>{{ stats.host_count }}</b></li>
|
||||
<li>Total deployments: <b>{{ stats.total_deployments }}</b></li>
|
||||
<li>Successful deployments: <b>{{ stats.successful_deployments }}</b></li>
|
||||
<li>Failed deployments: <b>{{ stats.failed_deployments }}</b></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="stats-graphic">
|
||||
<h2>Deployment Success Rate</h2>
|
||||
<div class="bar-container">
|
||||
<div class="bar-success" style="width: {{ (stats.successful_deployments / stats.total_deployments * 100) if stats.total_deployments else 0 }}%;">
|
||||
{{ stats.successful_deployments }} Successful
|
||||
</div>
|
||||
<div class="bar-failed" style="width: {{ (stats.failed_deployments / stats.total_deployments * 100) if stats.total_deployments else 0 }}%;">
|
||||
{{ stats.failed_deployments }} Failed
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Dashboard - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Dashboard</h2>
|
||||
<div class="row">
|
||||
<!-- Karty statystyk -->
|
||||
<div class="col-md-3">
|
||||
<div class="card text-white bg-primary mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Liczba hostów</h5>
|
||||
<p class="card-text fs-4">{{ stats.host_count }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logs">
|
||||
<h2>Recent Deploy Logs</h2>
|
||||
{% if logs %}
|
||||
<div class="col-md-3">
|
||||
<div class="card text-white bg-success mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Łącznie wdrożeń</h5>
|
||||
<p class="card-text fs-4">{{ stats.total_deployments }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-white bg-info mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Udane wdrożenia</h5>
|
||||
<p class="card-text fs-4">{{ stats.successful_deployments }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-white bg-danger mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Nieudane wdrożenia</h5>
|
||||
<p class="card-text fs-4">{{ stats.failed_deployments }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tabela logów -->
|
||||
<div class="row mt-4">
|
||||
<div class="col">
|
||||
<h4>Ostatnie logi</h4>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Czas</th>
|
||||
<th>Wiadomość</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for log in logs %}
|
||||
<div class="log-entry">
|
||||
<span class="log-timestamp">{{ log.timestamp.strftime('%Y-%m-%d %H:%M:%S') }}</span>
|
||||
<p class="log-details">{{ log.details }}</p>
|
||||
</div>
|
||||
<tr>
|
||||
<td>{{ log.timestamp.strftime("%Y-%m-%d %H:%M:%S") }}</td>
|
||||
<td>{{ log.details }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<p>No deployment logs available yet.</p>
|
||||
{% endif %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,41 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Deploy /etc/hosts File - {{ file.title }}</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; padding: 20px; }
|
||||
.container { max-width: 600px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; }
|
||||
form { margin-top: 20px; }
|
||||
.host-list { margin: 20px 0; }
|
||||
.host-item { margin-bottom: 10px; }
|
||||
button { padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; display: block; margin: 0 auto; }
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Deploy "{{ file.title }}"</h1>
|
||||
<p>Select the hosts to which you want to deploy this file:</p>
|
||||
<form method="POST" action="">
|
||||
<div class="host-list">
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Deploy Hosts File - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Deploy Hosts File: "{{ file.title }}"</h2>
|
||||
<form method="post">
|
||||
<div class="form-group">
|
||||
<label>Wybierz hosty do deploy:</label>
|
||||
{% for host in hosts %}
|
||||
<div class="host-item">
|
||||
<label>
|
||||
<input type="checkbox" name="hosts" value="{{ host.id }}"> {{ host.hostname }} ({{ host.type }})
|
||||
</label>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" name="hosts" value="{{ host.id }}" id="host{{ host.id }}">
|
||||
<label class="form-check-label" for="host{{ host.id }}">{{ host.hostname }} ({{ host.type }})</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<button type="submit">Deploy</button>
|
||||
<button type="submit" class="btn btn-success">Deploy Hosts File</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('list_hosts_files') }}">Back to /etc/hosts Files</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,62 +1,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Edit server {{ host.hostname }}</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; margin: 0; padding: 0; }
|
||||
.container { max-width: 600px; margin: 40px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="text"], input[type="password"], textarea { width: 100%; padding: 8px; margin-top: 4px; box-sizing: border-box; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; }
|
||||
button:hover { background: #0056b3; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Edit server {{ host.hostname }}</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
{% 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>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="{{ url_for('edit_host', id=host.id) }}">
|
||||
<label for="hostname">Hostname (IP or domain):</label>
|
||||
<input type="text" name="hostname" id="hostname" value="{{ host.hostname }}" required />
|
||||
<label for="username">SSH Username:</label>
|
||||
<input type="text" name="username" id="username" value="{{ host.username }}" required />
|
||||
<label for="password">SSH Password:</label>
|
||||
<input type="password" name="password" id="password" value="{{ host.password }}" />
|
||||
<label for="port">SSH Port:</label>
|
||||
<input type="text" name="port" id="port" value="{{ host.port }}" />
|
||||
<label for="host_type">Type:</label>
|
||||
<select name="host_type" id="host_type">
|
||||
<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>
|
||||
<label for="auth_method">Authentication Method:</label>
|
||||
<select name="auth_method" id="auth_method">
|
||||
</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>
|
||||
<label for="private_key">Private Key (if using SSH Key):</label>
|
||||
<textarea name="private_key" id="private_key" rows="5">{{ host.private_key }}</textarea>
|
||||
<label for="key_passphrase">Key Passphrase (if encrypted key):</label>
|
||||
<input type="password" name="key_passphrase" id="key_passphrase" value="{{ host.key_passphrase }}" />
|
||||
<button type="submit">Save Changes</button>
|
||||
</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>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('manage_hosts') }}">Back Remote server management</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,41 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Edit Global /etc/hosts File</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; margin: 0; padding: 0; }
|
||||
.container { max-width: 800px; margin: 40px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
textarea { width: 100%; height: 400px; box-sizing: border-box; font-family: monospace; padding: 10px; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; }
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Edit Global /etc/hosts File</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
{% 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>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="{{ url_for('edit_local_hosts') }}">
|
||||
<textarea name="hosts_content" id="hosts_content">{{ content }}</textarea>
|
||||
<br/>
|
||||
<button type="submit">Save Changes</button>
|
||||
<button type="submit" class="btn btn-primary">Zapisz zmiany</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Go to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
12
templates/edit_local_hosts.html
Normal file
12
templates/edit_local_hosts.html
Normal file
@ -0,0 +1,12 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Edytuj lokalny Hosts - /etc/hosts Manager{% endblock %}
|
||||
{% block content %}
|
||||
<h2>Edytuj lokalny Hosts</h2>
|
||||
<form method="post">
|
||||
<div class="mb-3">
|
||||
<label for="hosts_content" class="form-label">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>
|
||||
{% endblock %}
|
||||
@ -1,160 +1,111 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Remote server management</title>
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Hosty - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
{{ super() }}
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; margin: 0; padding: 0; }
|
||||
.container { max-width: 800px; margin: 40px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
table { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
|
||||
table th, table td { border: 1px solid #ccc; padding: 8px; text-align: left; }
|
||||
table th { background: #f7f7f7; }
|
||||
.form-section { margin-bottom: 20px; background: #fafafa; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="text"], input[type="password"], textarea { width: 100%; padding: 8px; margin-top: 4px; box-sizing: border-box; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; }
|
||||
button:hover { background: #0056b3; }
|
||||
.delete-btn { background: #dc3545; margin-top: 0; }
|
||||
.delete-btn:hover { background: #c82333; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 4px 10px;
|
||||
margin: 0 3px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-size: 0.85em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Kolorowe warianty */
|
||||
.btn-primary {
|
||||
background-color: #007bff;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
background-color: #0056b3;
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
background-color: #17a2b8;
|
||||
}
|
||||
.btn-info:hover {
|
||||
background-color: #138496;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
background-color: #28a745;
|
||||
}
|
||||
.btn-success:hover {
|
||||
background-color: #218838;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background-color: #dc3545;
|
||||
}
|
||||
.btn-danger:hover {
|
||||
background-color: #c82333;
|
||||
}
|
||||
.resolved-hostname {
|
||||
display: none;
|
||||
font-size: 0.7em;
|
||||
color: #777;
|
||||
}
|
||||
td:hover .resolved-hostname {
|
||||
display: block;
|
||||
/* Dodatkowy styl, np. modyfikacja wyglądu tooltipów */
|
||||
.tooltip-inner {
|
||||
max-width: 300px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Remote server management</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h2>Dodaj nowy serwer</h2>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<div class="form-section">
|
||||
<h2>Add new server</h2>
|
||||
<div class="card-body">
|
||||
<form method="POST" action="{{ url_for('manage_hosts') }}">
|
||||
<label for="hostname">Hostname (IP or domain):</label>
|
||||
<input type="text" name="hostname" id="hostname" required />
|
||||
<label for="username">SSH Username:</label>
|
||||
<input type="text" name="username" id="username" required />
|
||||
<label for="password">SSH Password:</label>
|
||||
<input type="password" name="password" id="password" />
|
||||
<label for="port">SSH Port:</label>
|
||||
<input type="text" name="port" id="port" value="22" />
|
||||
<label for="host_type">Type:</label>
|
||||
<select name="host_type" id="host_type" required>
|
||||
<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>
|
||||
<label for="auth_method">Authentication Method:</label>
|
||||
<select name="auth_method" id="auth_method">
|
||||
<option value="password">Password</option>
|
||||
<option value="ssh_key">SSH Key</option>
|
||||
</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>
|
||||
<label for="private_key">Private Key (if using SSH Key):</label>
|
||||
<textarea name="private_key" id="private_key" rows="5"></textarea>
|
||||
<label for="key_passphrase">Key Passphrase (if encrypted key):</label>
|
||||
<input type="password" name="key_passphrase" id="key_passphrase" />
|
||||
<button type="submit">Add Host</button>
|
||||
</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 hosta</button>
|
||||
</form>
|
||||
</div>
|
||||
<table>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h2>Lista hostów</h2>
|
||||
</div>
|
||||
<div class="card-body table-responsive">
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Hostname</th>
|
||||
<th>SSH User</th>
|
||||
<th>Nazwa hosta</th>
|
||||
<th>Użytkownik SSH</th>
|
||||
<th>Port</th>
|
||||
<th>Type</th>
|
||||
<th>Auth Method</th>
|
||||
<th>Actions</th>
|
||||
<th>Typ</th>
|
||||
<th>Metoda uwierzytelniania</th>
|
||||
<th>Akcje</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for h in hosts %}
|
||||
<tr>
|
||||
<td>{{ h.id }}</td>
|
||||
<td>
|
||||
<span class="primary-hostname">{{ h.hostname }}</span>
|
||||
<br>
|
||||
<span class="resolved-hostname">{{ h.resolved_hostname }}</span>
|
||||
<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_host', id=h.id) }}" class="btn btn-primary">Edit</a>
|
||||
<a href="{{ url_for('test_host', id=h.id) }}" class="btn btn-info">Test</a>
|
||||
<a href="{{ url_for('backup_host', host_id=h.id) }}" class="btn btn-success">Backup</a>
|
||||
<a href="{{ url_for('edit_host', id=h.id) }}" class="btn btn-primary btn-sm">Edytuj</a>
|
||||
<a href="{{ url_for('test_host', id=h.id) }}" class="btn btn-info btn-sm">Testuj</a>
|
||||
<a href="{{ url_for('backup_host', host_id=h.id) }}" class="btn btn-success btn-sm">Backup</a>
|
||||
<form method="GET" action="{{ url_for('delete_host', id=h.id) }}" style="display:inline;">
|
||||
<button type="submit" class="btn btn-danger">Delete</button>
|
||||
<button type="submit" class="btn btn-danger btn-sm">Usuń</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('import_hosts') }}">Import Servers from CSV</a> |
|
||||
<a href="{{ url_for('export_hosts') }}">Export Servers to CSV</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Go to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<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('dashboard') }}" class="btn btn-secondary">Przejdź do pulpitu</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,48 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>/etc/hosts Files Management</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; padding: 20px; }
|
||||
.container { max-width: 800px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
table { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
|
||||
table th, table td { border: 1px solid #ccc; padding: 8px; text-align: left; }
|
||||
table th { background: #f7f7f7; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Your /etc/hosts Files</h1>
|
||||
<table>
|
||||
{% 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>ID</th>
|
||||
<th>Title</th>
|
||||
<th>Actions</th>
|
||||
<th>Tytuł</th>
|
||||
<th>Akcje</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for file in files %}
|
||||
<tr>
|
||||
<td>{{ file.id }}</td>
|
||||
<td>{{ file.title }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('edit_hosts_file', file_id=file.id) }}">Edit</a> |
|
||||
<a href="{{ url_for('deploy_hosts_file', file_id=file.id) }}">Deploy</a> |
|
||||
<a href="{{ url_for('delete_hosts_file', file_id=file.id) }}">Delete</a>
|
||||
<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 class="links">
|
||||
<a href="{{ url_for('new_hosts_file') }}">Create /etc/hosts File</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,31 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Import Hosts</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; padding: 20px; }
|
||||
.container { max-width: 500px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; }
|
||||
input[type="file"] { display: block; margin: 20px auto; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; display: block; margin: 0 auto; }
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Import Hosts</h1>
|
||||
<form method="POST" action="{{ url_for('import_hosts') }}" enctype="multipart/form-data">
|
||||
<input type="file" name="file" accept=".csv" required>
|
||||
<button type="submit">Import Hosts</button>
|
||||
{% 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>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('manage_hosts') }}">Back to Hosts Management</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,121 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Regex /etc/hosts Entries</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background: #f1f1f1;
|
||||
padding: 20px;
|
||||
}
|
||||
.container {
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
color: #333;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
th, td {
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding: 8px;
|
||||
}
|
||||
.actions {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
background: #007bff;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
margin-right: 5px;
|
||||
border-radius: 4px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.btn:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
.btn-delete {
|
||||
background: #dc3545;
|
||||
}
|
||||
.btn-delete:hover {
|
||||
background: #b52b37;
|
||||
}
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
|
||||
.button-big {
|
||||
margin-top: 0.5em;
|
||||
padding: 10px 20px;
|
||||
background: #0c7001;
|
||||
border: none;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
font-size: 1.1em;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width: 65%;
|
||||
}
|
||||
.button-big:hover {
|
||||
background: #104d09;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Regex (CIDR) for /etc/hosts Entries</h1>
|
||||
<table>
|
||||
{% 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>ID</th>
|
||||
<th>Domain</th>
|
||||
<th>CIDR Range</th>
|
||||
<th>Comment</th>
|
||||
<th class="actions">Actions</th>
|
||||
<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 e in entries %}
|
||||
{% for entry in entries %}
|
||||
<tr>
|
||||
<td>{{ e.id }}</td>
|
||||
<td>{{ e.domain_suffix }}</td>
|
||||
|
||||
<td>{{ e.cidr_range }}</td>
|
||||
<td>{{ e.comment }}</td>
|
||||
<td class="actions">
|
||||
<a href="{{ url_for('edit_regex_host', entry_id=e.id) }}" class="btn">Edit</a>
|
||||
<form action="{{ url_for('delete_regex_host', entry_id=e.id) }}" method="POST" style="display:inline;">
|
||||
<button type="submit" class="btn btn-delete" onclick="return confirm('Are you sure you want to delete this entry?');">
|
||||
Delete
|
||||
</button>
|
||||
<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>
|
||||
<center><a href="{{ url_for('new_regex_host') }}" class="button-big">Add New Entry</a></center>
|
||||
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,60 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Login</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0; padding: 0;
|
||||
display: flex; justify-content: center; align-items: center;
|
||||
height: 100vh; background: #f1f1f1;
|
||||
}
|
||||
.container {
|
||||
max-width: 400px; width: 100%;
|
||||
background: #fff; padding: 20px;
|
||||
border-radius: 8px; box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="text"], input[type="password"] {
|
||||
width: 100%; padding: 8px; margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
button {
|
||||
margin-top: 1em; width: 100%; padding: 10px;
|
||||
background: #007bff; border: none; color: #fff;
|
||||
cursor: pointer; border-radius: 4px;
|
||||
}
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Login</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Logowanie - /etc/hosts Manager{% endblock %}
|
||||
{% block extra_css %}
|
||||
<!-- Tutaj możesz dodać dodatkowe style dla strony logowania -->
|
||||
{% 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>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="{{ url_for('login') }}">
|
||||
<label for="username">Username:</label>
|
||||
<input type="text" name="username" id="username" required />
|
||||
<label for="password">Password:</label>
|
||||
<input type="password" name="password" id="password" required />
|
||||
<button type="submit">Log In</button>
|
||||
<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>
|
||||
<button type="submit" class="btn btn-primary">Zaloguj</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('register') }}">Register</a>
|
||||
<p class="mt-3">Nie masz konta? <a href="{{ url_for('register') }}">Zarejestruj się</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
<!-- Tutaj możesz dodać dodatkowe skrypty dla strony logowania -->
|
||||
{% endblock %}
|
||||
|
||||
@ -1,35 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% if file %}Edit /etc/hosts File{% else %}New /etc/hosts File{% endif %}</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; padding: 20px; }
|
||||
.container { max-width: 600px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="text"], textarea { width: 100%; padding: 8px; margin-top: 4px; box-sizing: border-box; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; }
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>{% if file %}Edit /etc/hosts File{% else %}New /etc/hosts File{% endif %}</h1>
|
||||
<form method="POST" action="">
|
||||
<label for="title">Name:</label>
|
||||
<input type="text" name="title" id="title" value="{% if file %}{{ file.title }}{% endif %}" required>
|
||||
<label for="content">Content:</label>
|
||||
<textarea name="content" id="content" rows="15" required>{% if file %}{{ file.content }}{% endif %}</textarea>
|
||||
<button type="submit">{% if file %}Save Changes{% else %}Create File{% endif %}</button>
|
||||
{% 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>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('list_hosts_files') }}">Back to /etc/hosts Files</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,106 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% if entry %}Edit{% else %}New{% endif %} Regex/CIDR Entry</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background: #f1f1f1;
|
||||
padding: 20px;
|
||||
}
|
||||
.container {
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
color: #333;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
color: #555;
|
||||
}
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
button {
|
||||
margin-top: 1em;
|
||||
padding: 10px 20px;
|
||||
background: #007bff;
|
||||
border: none;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
font-size: 1em;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
.links {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.links a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.links a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.setting-group {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.setting-group span {
|
||||
font-size: 0.9em;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>{% if entry %}Edit{% else %}New{% endif %} CIDR Entry</h1>
|
||||
<form method="POST">
|
||||
<label>CIDR Range</label>
|
||||
<input type="text" name="cidr_range" value="{{ entry.cidr_range if entry else '' }}" required>
|
||||
<label>Gateway IP (option)</label>
|
||||
<input type="text" name="gateway_ip" value="{{ entry.gateway_ip if entry else '' }}">
|
||||
<label>Gateway Hostname (ex. gw)</label>
|
||||
<input type="text" name="gateway_hostname" value="{{ entry.gateway_hostname if entry else '' }}">
|
||||
<label>
|
||||
<input type="checkbox" name="use_gateway_ip" value="1"
|
||||
{% if entry and entry.use_gateway_ip %}checked{% endif %}>
|
||||
Use separate hostname for gateway
|
||||
</label>
|
||||
<label>Domain Suffix (ex. guest.r.local)</label>
|
||||
<input type="text" name="domain_suffix" value="{{ entry.domain_suffix if entry else '' }}">
|
||||
<label>Host Prefix (ex. user)</label>
|
||||
<input type="text" name="host_prefix" value="{{ entry.host_prefix if entry else '' }}">
|
||||
<label>Comment (option)</label>
|
||||
<input type="text" name="comment" value="{{ entry.comment if entry else '' }}">
|
||||
<button type="submit">Save</button>
|
||||
{% 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>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('list_regex_hosts') }}">Back to CIDR List</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,60 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Register</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0; padding: 0;
|
||||
display: flex; justify-content: center; align-items: center;
|
||||
height: 100vh; background: #f1f1f1;
|
||||
}
|
||||
.container {
|
||||
max-width: 400px; width: 100%;
|
||||
background: #fff; padding: 20px;
|
||||
border-radius: 8px; box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="text"], input[type="password"] {
|
||||
width: 100%; padding: 8px; margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
button {
|
||||
margin-top: 1em; width: 100%; padding: 10px;
|
||||
background: #28a745; border: none; color: #fff;
|
||||
cursor: pointer; border-radius: 4px;
|
||||
}
|
||||
button:hover { background: #218838; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Register</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Rejestracja - /etc/hosts Manager{% 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>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="{{ url_for('register') }}">
|
||||
<label for="username">Username:</label>
|
||||
<input type="text" name="username" id="username" required />
|
||||
<label for="password">Password:</label>
|
||||
<input type="password" name="password" id="password" required />
|
||||
<button type="submit">Register</button>
|
||||
<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>
|
||||
<button type="submit" class="btn btn-primary">Zarejestruj się</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('login') }}">Go to Login</a>
|
||||
<p class="mt-3">Masz już konto? <a href="{{ url_for('login') }}">Zaloguj się</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,122 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Settings</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background: #f1f1f1;
|
||||
padding: 20px;
|
||||
}
|
||||
.container {
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
color: #333;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
color: #555;
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
margin-right: 5px;
|
||||
}
|
||||
input[type="number"] {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
button {
|
||||
margin-top: 1em;
|
||||
padding: 10px 20px;
|
||||
background: #007bff;
|
||||
border: none;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
font-size: 1em;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
.links {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.links a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.links a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.setting-group {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.setting-group span {
|
||||
font-size: 0.9em;
|
||||
color: #888;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Settings</h1>
|
||||
<form method="POST" action="{{ url_for('settings') }}">
|
||||
<div class="setting-group">
|
||||
<label>
|
||||
<input type="checkbox" name="auto_deploy" value="1" {% if settings.auto_deploy_enabled %}checked{% endif %}>
|
||||
Enable Automatic Deployments
|
||||
</label>
|
||||
{% 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="setting-group">
|
||||
<label>
|
||||
Deploy Interval (minutes):
|
||||
<input type="number" name="deploy_interval" value="{{ settings.deploy_interval }}" min="1">
|
||||
<span>Time between automatic deployments</span>
|
||||
</label>
|
||||
<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="setting-group">
|
||||
<label>
|
||||
Automatic Backup Interval (minutes):
|
||||
<input type="number" name="backup_interval" value="{{ settings.backup_interval }}" min="1">
|
||||
<span>Set interval for automatic backups</span>
|
||||
</label>
|
||||
<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="setting-group">
|
||||
<label>
|
||||
Backup Retention (days):
|
||||
<input type="number" name="backup_retention_days" value="{{ settings.backup_retention_days or 0 }}" min="0">
|
||||
<span>Older backups will be automatically removed</span>
|
||||
</label>
|
||||
<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="setting-group">
|
||||
<label>
|
||||
<input type="checkbox" name="enable_regex_entries" value="1"
|
||||
{% if settings.regex_deploy_enabled %}checked{% endif %}>
|
||||
Enable Regex/CIDR Entries
|
||||
</label>
|
||||
<span>Include CIDR-based entries in final /etc/hosts deploy</span>
|
||||
<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">Save Settings</button>
|
||||
<button type="submit" class="btn btn-primary">Zapisz ustawienia</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
||||
@ -1,33 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>View Backup</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; margin: 0; padding: 20px; }
|
||||
.container { max-width: 800px; margin: auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; }
|
||||
pre { background: #eee; padding: 10px; border-radius: 4px; overflow: auto; }
|
||||
.links { text-align: center; margin-top: 20px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Backup Preview</h1>
|
||||
{% if host %}
|
||||
<p><strong>Host:</strong> {{ host.hostname }} ({{ host.type }})</p>
|
||||
{% else %}
|
||||
<p><strong>Default configuration</strong></p>
|
||||
{% endif %}
|
||||
<p><strong>Description:</strong> {{ backup.description }}</p>
|
||||
<p><strong>Created at:</strong> {{ backup.created_at }}</p>
|
||||
<h2>Content:</h2>
|
||||
<pre>{{ backup.content }}</pre>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('backups') }}">Back to Backups</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{% extends "base.html" %}
|
||||
{% 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">
|
||||
{% 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>
|
||||
{% endblock %}
|
||||
{% block extra_js %}
|
||||
{{ super() }}
|
||||
<!-- Highlight.js JS dla podświetlania składni -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
|
||||
<script>hljs.highlightAll();</script>
|
||||
{% endblock %}
|
||||
|
||||
149
templates_old/backups.html
Normal file
149
templates_old/backups.html
Normal file
@ -0,0 +1,149 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Backups</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background: #f1f1f1;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 40px auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.backup-all-container {
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.backup-all-btn {
|
||||
display: inline-block;
|
||||
padding: 15px 25px;
|
||||
background-color: #28a745;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-size: 1.2em;
|
||||
border-radius: 4px;
|
||||
max-width: 90%;
|
||||
}
|
||||
.backup-all-btn:hover {
|
||||
background-color: #218838;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
th, td {
|
||||
padding: 8px 12px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
th {
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
display: inline-block;
|
||||
padding: 4px 8px;
|
||||
font-size: 0.85em;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
margin-right: 5px;
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.btn-view {
|
||||
background-color: #007bff;
|
||||
}
|
||||
.btn-view:hover {
|
||||
background-color: #0056b3;
|
||||
}
|
||||
|
||||
.btn-restore {
|
||||
background-color: #17a2b8;
|
||||
}
|
||||
.btn-restore:hover {
|
||||
background-color: #138496;
|
||||
}
|
||||
|
||||
.btn-delete {
|
||||
background-color: #dc3545;
|
||||
}
|
||||
.btn-delete:hover {
|
||||
background-color: #c82333;
|
||||
}
|
||||
|
||||
.links {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.links a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.links a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Backups</h1>
|
||||
|
||||
<div class="backup-all-container">
|
||||
<a href="{{ url_for('backup_all') }}" class="backup-all-btn">Backup All Hosts</a>
|
||||
</div>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Host</th>
|
||||
<th>Created At</th>
|
||||
<th>Description</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
{% for backup in backups %}
|
||||
<tr>
|
||||
<td>{{ backup.id }}</td>
|
||||
<td>{{ backup.host.hostname if backup.host else 'Default Configuration' }}</td>
|
||||
<td>{{ backup.created_at }}</td>
|
||||
<td>{{ backup.description or '' }}</td>
|
||||
<td>
|
||||
<!-- View jako przycisk niebieski -->
|
||||
<a href="{{ url_for('view_backup', backup_id=backup.id) }}"
|
||||
class="btn-sm btn-view">View</a>
|
||||
|
||||
<!-- Restore jako przycisk ciemny cyjan -->
|
||||
<a href="{{ url_for('restore_backup', backup_id=backup.id) }}"
|
||||
class="btn-sm btn-restore">Restore</a>
|
||||
|
||||
<!-- Delete jako przycisk czerwony, w formie (method=POST) -->
|
||||
<form action="{{ url_for('delete_backup', backup_id=backup.id) }}" method="POST" style="display:inline;">
|
||||
<button type="submit"
|
||||
class="btn-sm btn-delete"
|
||||
onclick="return confirm('Delete this backup?')">
|
||||
Delete
|
||||
</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
58
templates_old/change_password.html
Normal file
58
templates_old/change_password.html
Normal file
@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Change Password</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0; padding: 0;
|
||||
display: flex; justify-content: center; align-items: center;
|
||||
height: 100vh; background: #f1f1f1;
|
||||
}
|
||||
.container {
|
||||
max-width: 400px; width: 100%;
|
||||
background: #fff; padding: 20px;
|
||||
border-radius: 8px; box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="password"] {
|
||||
width: 100%; padding: 8px; margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
button {
|
||||
margin-top: 1em; width: 100%; padding: 10px;
|
||||
background: #007bff; border: none; color: #fff;
|
||||
cursor: pointer; border-radius: 4px;
|
||||
}
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Change Password</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="{{ url_for('change_password') }}">
|
||||
<label for="password">New Password:</label>
|
||||
<input type="password" name="password" id="password" required />
|
||||
<button type="submit">Change Password</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
32
templates_old/clear_hosts.html
Normal file
32
templates_old/clear_hosts.html
Normal file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Clear Hosts Files</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; padding: 20px; }
|
||||
.container { max-width: 500px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; }
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Clear /etc/hosts* Files</h1>
|
||||
<form method="POST" action="{{ url_for('clear_all_hosts') }}">
|
||||
<p>Select which types of hosts to clear:</p>
|
||||
<label><input type="checkbox" name="linux" value="1"> Linux Server/s</label><br>
|
||||
<label><input type="checkbox" name="mikrotik" value="1"> Mikrotik Router/s</label><br>
|
||||
<button type="submit">Clear /etc/hosts* on selected servers</button>
|
||||
<p>* - or MikroTik Router</p>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
297
templates_old/dashboard.html
Normal file
297
templates_old/dashboard.html
Normal file
@ -0,0 +1,297 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>/etc/hosts file manager</title>
|
||||
<!-- Dodajemy FontAwesome dla ikon -->
|
||||
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; margin: 0; padding: 0; }
|
||||
.container { max-width: 800px; margin: 40px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; font-size: 1.1em; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.links i { margin-right: 5px; }
|
||||
|
||||
/* Style dla bloku Statistics */
|
||||
.stats {
|
||||
margin: 20px 0;
|
||||
background: #e9ecef;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.stats h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.stats ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.stats li {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Style dla bloku Recent Deploy Logs */
|
||||
.logs {
|
||||
margin-top: 20px;
|
||||
background: #fafafa;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
padding: 10px;
|
||||
}
|
||||
.log-entry {
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.log-entry:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.user-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.log-entry {
|
||||
background: #f9f9f9;
|
||||
margin: 8px 0;
|
||||
padding: 8px 12px;
|
||||
border-left: 4px solid #007bff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.log-timestamp {
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
color: #555;
|
||||
}
|
||||
.log-details {
|
||||
display: inline;
|
||||
color: #333;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.stats-graphic {
|
||||
margin: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.bar-container {
|
||||
display: flex;
|
||||
height: 30px;
|
||||
background: #ddd;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
margin: 10px auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
.bar-success {
|
||||
background: #28a745;
|
||||
color: #fff;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.bar-failed {
|
||||
background: #dc3545;
|
||||
color: #fff;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.flash-messages {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.flash-messages p {
|
||||
margin: 0 0 5px 0;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Dla kategorii success */
|
||||
.flash-messages p.success {
|
||||
background-color: #d4edda; /* Jasnozielone tło */
|
||||
color: #155724; /* Zielony tekst */
|
||||
border: 1px solid #c3e6cb;
|
||||
}
|
||||
|
||||
/* Dla kategorii danger */
|
||||
.flash-messages p.danger {
|
||||
background-color: #f8d7da; /* Jasnoczerwone tło */
|
||||
color: #721c24; /* Czerwony tekst */
|
||||
border: 1px solid #f5c6cb;
|
||||
}
|
||||
|
||||
/* Dla kategorii info */
|
||||
.flash-messages p.info {
|
||||
background-color: #d1ecf1; /* Jasnoniebieskie tło */
|
||||
color: #0c5460; /* Niebieski tekst */
|
||||
border: 1px solid #bee5eb;
|
||||
}
|
||||
|
||||
|
||||
.links-nav ul {
|
||||
/* Usuwamy domyślne wcięcia i kuleczki */
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
/* Rozmieszczenie linków w elastyczny sposób */
|
||||
display: flex;
|
||||
flex-wrap: wrap; /* Pozwoli zawijać się wierszom przy małym ekranie */
|
||||
justify-content: center;
|
||||
gap: 10px; /* Odstęp między przyciskami */
|
||||
}
|
||||
|
||||
.links-nav li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.links-nav li a {
|
||||
display: inline-block;
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
padding: 8px 12px;
|
||||
background: #f8f8f8;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.links-nav li a:hover {
|
||||
background: #e2e6ea;
|
||||
text-decoration: none;
|
||||
}
|
||||
.deploy-container {
|
||||
margin: 20px auto; /* odstęp u góry i dołu */
|
||||
text-align: center; /* środek strony */
|
||||
}
|
||||
|
||||
.deploy-now-btn {
|
||||
display: inline-block;
|
||||
width: 60%; /* szeroki przycisk - możesz dostosować */
|
||||
max-width: 400px; /* by się za bardzo nie rozciągał na dużym ekranie */
|
||||
padding: 15px;
|
||||
font-size: 1.2em;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
background: #007bff;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #007bff;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.deploy-now-btn:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
|
||||
.links-nav ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.links-nav li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.links-nav li a {
|
||||
display: inline-block;
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
padding: 8px 12px;
|
||||
background: #f8f8f8;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.links-nav li a:hover {
|
||||
background: #e2e6ea;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>/etc/hosts file manager</h1>
|
||||
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for category, message in messages %}
|
||||
<p class="{{ category }}">{{ message }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
|
||||
<div class="user-info">
|
||||
<p><h2>Welcome, <b>{{ user.username }}</b>!</h2></p>
|
||||
</div>
|
||||
<div class="deploy-container">
|
||||
<a href="{{ url_for('deploy_now') }}" class="deploy-now-btn">
|
||||
<i class="fas fa-rocket"></i> Deploy Now
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="links-nav">
|
||||
<ul>
|
||||
<li><a href="{{ url_for('manage_hosts') }}"><i class="fas fa-server"></i> Manage remote servers</a></li>
|
||||
<li><a href="{{ url_for('clear_all_hosts') }}"><i class="fas fa-trash-alt"></i> Clear /etc/hosts on remote</a></li>
|
||||
<!-- <li><a href="{{ url_for('list_hosts_files') }}"><i class="fas fa-list"></i> List /etc/hosts files</a></li> -->
|
||||
<li><a href="{{ url_for('edit_local_hosts') }}"><i class="fas fa-edit"></i> Edit /etc/hosts</a></li>
|
||||
<li><a href="{{ url_for('list_regex_hosts') }}"><i class="fas fa-network-wired"></i> Manage Regex/CIDR</a></li>
|
||||
<li><a href="{{ url_for('new_regex_host') }}"><i class="fas fa-plus-circle"></i> Add new CIDR entry</a></li>
|
||||
<li><a href="{{ url_for('backups') }}"><i class="fas fa-archive"></i> Backups</a></li>
|
||||
<li><a href="{{ url_for('settings') }}"><i class="fas fa-cog"></i> Settings</a></li>
|
||||
<li><a href="{{ url_for('change_password') }}"><i class="fas fa-key"></i> Change Password</a></li>
|
||||
<li><a href="{{ url_for('logout') }}"><i class="fas fa-sign-out-alt"></i> Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="stats">
|
||||
<h2>Statistics</h2>
|
||||
<ul>
|
||||
<li>Number of managed server: <b>{{ stats.host_count }}</b></li>
|
||||
<li>Total deployments: <b>{{ stats.total_deployments }}</b></li>
|
||||
<li>Successful deployments: <b>{{ stats.successful_deployments }}</b></li>
|
||||
<li>Failed deployments: <b>{{ stats.failed_deployments }}</b></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="stats-graphic">
|
||||
<h2>Deployment Success Rate</h2>
|
||||
<div class="bar-container">
|
||||
<div class="bar-success" style="width: {{ (stats.successful_deployments / stats.total_deployments * 100) if stats.total_deployments else 0 }}%;">
|
||||
{{ stats.successful_deployments }} Successful
|
||||
</div>
|
||||
<div class="bar-failed" style="width: {{ (stats.failed_deployments / stats.total_deployments * 100) if stats.total_deployments else 0 }}%;">
|
||||
{{ stats.failed_deployments }} Failed
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logs">
|
||||
<h2>Recent Deploy Logs</h2>
|
||||
{% if logs %}
|
||||
{% for log in logs %}
|
||||
<div class="log-entry">
|
||||
<span class="log-timestamp">{{ log.timestamp.strftime('%Y-%m-%d %H:%M:%S') }}</span>
|
||||
<p class="log-details">{{ log.details }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<p>No deployment logs available yet.</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
41
templates_old/deploy_hosts_file.html
Normal file
41
templates_old/deploy_hosts_file.html
Normal file
@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Deploy /etc/hosts File - {{ file.title }}</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; padding: 20px; }
|
||||
.container { max-width: 600px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; }
|
||||
form { margin-top: 20px; }
|
||||
.host-list { margin: 20px 0; }
|
||||
.host-item { margin-bottom: 10px; }
|
||||
button { padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; display: block; margin: 0 auto; }
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Deploy "{{ file.title }}"</h1>
|
||||
<p>Select the hosts to which you want to deploy this file:</p>
|
||||
<form method="POST" action="">
|
||||
<div class="host-list">
|
||||
{% for host in hosts %}
|
||||
<div class="host-item">
|
||||
<label>
|
||||
<input type="checkbox" name="hosts" value="{{ host.id }}"> {{ host.hostname }} ({{ host.type }})
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<button type="submit">Deploy</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('list_hosts_files') }}">Back to /etc/hosts Files</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
62
templates_old/edit_host.html
Normal file
62
templates_old/edit_host.html
Normal file
@ -0,0 +1,62 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Edit server {{ host.hostname }}</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; margin: 0; padding: 0; }
|
||||
.container { max-width: 600px; margin: 40px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="text"], input[type="password"], textarea { width: 100%; padding: 8px; margin-top: 4px; box-sizing: border-box; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; }
|
||||
button:hover { background: #0056b3; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Edit server {{ host.hostname }}</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="{{ url_for('edit_host', id=host.id) }}">
|
||||
<label for="hostname">Hostname (IP or domain):</label>
|
||||
<input type="text" name="hostname" id="hostname" value="{{ host.hostname }}" required />
|
||||
<label for="username">SSH Username:</label>
|
||||
<input type="text" name="username" id="username" value="{{ host.username }}" required />
|
||||
<label for="password">SSH Password:</label>
|
||||
<input type="password" name="password" id="password" value="{{ host.password }}" />
|
||||
<label for="port">SSH Port:</label>
|
||||
<input type="text" name="port" id="port" value="{{ host.port }}" />
|
||||
<label for="host_type">Type:</label>
|
||||
<select name="host_type" id="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>
|
||||
<label for="auth_method">Authentication Method:</label>
|
||||
<select name="auth_method" id="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>
|
||||
<label for="private_key">Private Key (if using SSH Key):</label>
|
||||
<textarea name="private_key" id="private_key" rows="5">{{ host.private_key }}</textarea>
|
||||
<label for="key_passphrase">Key Passphrase (if encrypted key):</label>
|
||||
<input type="password" name="key_passphrase" id="key_passphrase" value="{{ host.key_passphrase }}" />
|
||||
<button type="submit">Save Changes</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('manage_hosts') }}">Back Remote server management</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
41
templates_old/edit_hosts.html
Normal file
41
templates_old/edit_hosts.html
Normal file
@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Edit Global /etc/hosts File</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; margin: 0; padding: 0; }
|
||||
.container { max-width: 800px; margin: 40px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
textarea { width: 100%; height: 400px; box-sizing: border-box; font-family: monospace; padding: 10px; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; }
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Edit Global /etc/hosts File</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="{{ url_for('edit_local_hosts') }}">
|
||||
<textarea name="hosts_content" id="hosts_content">{{ content }}</textarea>
|
||||
<br/>
|
||||
<button type="submit">Save Changes</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Go to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
160
templates_old/hosts.html
Normal file
160
templates_old/hosts.html
Normal file
@ -0,0 +1,160 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Remote server management</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; margin: 0; padding: 0; }
|
||||
.container { max-width: 800px; margin: 40px auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
table { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
|
||||
table th, table td { border: 1px solid #ccc; padding: 8px; text-align: left; }
|
||||
table th { background: #f7f7f7; }
|
||||
.form-section { margin-bottom: 20px; background: #fafafa; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="text"], input[type="password"], textarea { width: 100%; padding: 8px; margin-top: 4px; box-sizing: border-box; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; }
|
||||
button:hover { background: #0056b3; }
|
||||
.delete-btn { background: #dc3545; margin-top: 0; }
|
||||
.delete-btn:hover { background: #c82333; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 4px 10px;
|
||||
margin: 0 3px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
font-size: 0.85em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Kolorowe warianty */
|
||||
.btn-primary {
|
||||
background-color: #007bff;
|
||||
}
|
||||
.btn-primary:hover {
|
||||
background-color: #0056b3;
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
background-color: #17a2b8;
|
||||
}
|
||||
.btn-info:hover {
|
||||
background-color: #138496;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
background-color: #28a745;
|
||||
}
|
||||
.btn-success:hover {
|
||||
background-color: #218838;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background-color: #dc3545;
|
||||
}
|
||||
.btn-danger:hover {
|
||||
background-color: #c82333;
|
||||
}
|
||||
.resolved-hostname {
|
||||
display: none;
|
||||
font-size: 0.7em;
|
||||
color: #777;
|
||||
}
|
||||
td:hover .resolved-hostname {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Remote server management</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<div class="form-section">
|
||||
<h2>Add new server</h2>
|
||||
<form method="POST" action="{{ url_for('manage_hosts') }}">
|
||||
<label for="hostname">Hostname (IP or domain):</label>
|
||||
<input type="text" name="hostname" id="hostname" required />
|
||||
<label for="username">SSH Username:</label>
|
||||
<input type="text" name="username" id="username" required />
|
||||
<label for="password">SSH Password:</label>
|
||||
<input type="password" name="password" id="password" />
|
||||
<label for="port">SSH Port:</label>
|
||||
<input type="text" name="port" id="port" value="22" />
|
||||
<label for="host_type">Type:</label>
|
||||
<select name="host_type" id="host_type" required>
|
||||
<option value="linux">Linux</option>
|
||||
<option value="mikrotik">Mikrotik</option>
|
||||
</select>
|
||||
<label for="auth_method">Authentication Method:</label>
|
||||
<select name="auth_method" id="auth_method">
|
||||
<option value="password">Password</option>
|
||||
<option value="ssh_key">SSH Key</option>
|
||||
</select>
|
||||
<label for="private_key">Private Key (if using SSH Key):</label>
|
||||
<textarea name="private_key" id="private_key" rows="5"></textarea>
|
||||
<label for="key_passphrase">Key Passphrase (if encrypted key):</label>
|
||||
<input type="password" name="key_passphrase" id="key_passphrase" />
|
||||
<button type="submit">Add Host</button>
|
||||
</form>
|
||||
</div>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Hostname</th>
|
||||
<th>SSH User</th>
|
||||
<th>Port</th>
|
||||
<th>Type</th>
|
||||
<th>Auth Method</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for h in hosts %}
|
||||
<tr>
|
||||
<td>{{ h.id }}</td>
|
||||
<td>
|
||||
<span class="primary-hostname">{{ h.hostname }}</span>
|
||||
<br>
|
||||
<span class="resolved-hostname">{{ h.resolved_hostname }}</span>
|
||||
</td>
|
||||
|
||||
<td>{{ h.username }}</td>
|
||||
<td>{{ h.port }}</td>
|
||||
<td>{{ h.type }}</td>
|
||||
<td>{{ h.auth_method }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('edit_host', id=h.id) }}" class="btn btn-primary">Edit</a>
|
||||
<a href="{{ url_for('test_host', id=h.id) }}" class="btn btn-info">Test</a>
|
||||
<a href="{{ url_for('backup_host', host_id=h.id) }}" class="btn btn-success">Backup</a>
|
||||
<form method="GET" action="{{ url_for('delete_host', id=h.id) }}" style="display:inline;">
|
||||
<button type="submit" class="btn btn-danger">Delete</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('import_hosts') }}">Import Servers from CSV</a> |
|
||||
<a href="{{ url_for('export_hosts') }}">Export Servers to CSV</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Go to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
48
templates_old/hosts_files.html
Normal file
48
templates_old/hosts_files.html
Normal file
@ -0,0 +1,48 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>/etc/hosts Files Management</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; padding: 20px; }
|
||||
.container { max-width: 800px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
table { width: 100%; border-collapse: collapse; margin-bottom: 1em; }
|
||||
table th, table td { border: 1px solid #ccc; padding: 8px; text-align: left; }
|
||||
table th { background: #f7f7f7; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Your /etc/hosts Files</h1>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Title</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for file in files %}
|
||||
<tr>
|
||||
<td>{{ file.id }}</td>
|
||||
<td>{{ file.title }}</td>
|
||||
<td>
|
||||
<a href="{{ url_for('edit_hosts_file', file_id=file.id) }}">Edit</a> |
|
||||
<a href="{{ url_for('deploy_hosts_file', file_id=file.id) }}">Deploy</a> |
|
||||
<a href="{{ url_for('delete_hosts_file', file_id=file.id) }}">Delete</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('new_hosts_file') }}">Create /etc/hosts File</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
31
templates_old/import_hosts.html
Normal file
31
templates_old/import_hosts.html
Normal file
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Import Hosts</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; padding: 20px; }
|
||||
.container { max-width: 500px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; }
|
||||
input[type="file"] { display: block; margin: 20px auto; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; display: block; margin: 0 auto; }
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Import Hosts</h1>
|
||||
<form method="POST" action="{{ url_for('import_hosts') }}" enctype="multipart/form-data">
|
||||
<input type="file" name="file" accept=".csv" required>
|
||||
<button type="submit">Import Hosts</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('manage_hosts') }}">Back to Hosts Management</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
121
templates_old/list_regex_hosts.html
Normal file
121
templates_old/list_regex_hosts.html
Normal file
@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Regex /etc/hosts Entries</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background: #f1f1f1;
|
||||
padding: 20px;
|
||||
}
|
||||
.container {
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
color: #333;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
th, td {
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding: 8px;
|
||||
}
|
||||
.actions {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
background: #007bff;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
margin-right: 5px;
|
||||
border-radius: 4px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.btn:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
.btn-delete {
|
||||
background: #dc3545;
|
||||
}
|
||||
.btn-delete:hover {
|
||||
background: #b52b37;
|
||||
}
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
|
||||
.button-big {
|
||||
margin-top: 0.5em;
|
||||
padding: 10px 20px;
|
||||
background: #0c7001;
|
||||
border: none;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
font-size: 1.1em;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width: 65%;
|
||||
}
|
||||
.button-big:hover {
|
||||
background: #104d09;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Regex (CIDR) for /etc/hosts Entries</h1>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Domain</th>
|
||||
<th>CIDR Range</th>
|
||||
<th>Comment</th>
|
||||
<th class="actions">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for e in entries %}
|
||||
<tr>
|
||||
<td>{{ e.id }}</td>
|
||||
<td>{{ e.domain_suffix }}</td>
|
||||
|
||||
<td>{{ e.cidr_range }}</td>
|
||||
<td>{{ e.comment }}</td>
|
||||
<td class="actions">
|
||||
<a href="{{ url_for('edit_regex_host', entry_id=e.id) }}" class="btn">Edit</a>
|
||||
<form action="{{ url_for('delete_regex_host', entry_id=e.id) }}" method="POST" style="display:inline;">
|
||||
<button type="submit" class="btn btn-delete" onclick="return confirm('Are you sure you want to delete this entry?');">
|
||||
Delete
|
||||
</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<center><a href="{{ url_for('new_regex_host') }}" class="button-big">Add New Entry</a></center>
|
||||
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
60
templates_old/login.html
Normal file
60
templates_old/login.html
Normal file
@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Login</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0; padding: 0;
|
||||
display: flex; justify-content: center; align-items: center;
|
||||
height: 100vh; background: #f1f1f1;
|
||||
}
|
||||
.container {
|
||||
max-width: 400px; width: 100%;
|
||||
background: #fff; padding: 20px;
|
||||
border-radius: 8px; box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="text"], input[type="password"] {
|
||||
width: 100%; padding: 8px; margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
button {
|
||||
margin-top: 1em; width: 100%; padding: 10px;
|
||||
background: #007bff; border: none; color: #fff;
|
||||
cursor: pointer; border-radius: 4px;
|
||||
}
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Login</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="{{ url_for('login') }}">
|
||||
<label for="username">Username:</label>
|
||||
<input type="text" name="username" id="username" required />
|
||||
<label for="password">Password:</label>
|
||||
<input type="password" name="password" id="password" required />
|
||||
<button type="submit">Log In</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('register') }}">Register</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
35
templates_old/new_edit_hosts_file.html
Normal file
35
templates_old/new_edit_hosts_file.html
Normal file
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% if file %}Edit /etc/hosts File{% else %}New /etc/hosts File{% endif %}</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; padding: 20px; }
|
||||
.container { max-width: 600px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="text"], textarea { width: 100%; padding: 8px; margin-top: 4px; box-sizing: border-box; }
|
||||
button { margin-top: 1em; padding: 10px 20px; background: #007bff; border: none; color: #fff; cursor: pointer; border-radius: 4px; }
|
||||
button:hover { background: #0056b3; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>{% if file %}Edit /etc/hosts File{% else %}New /etc/hosts File{% endif %}</h1>
|
||||
<form method="POST" action="">
|
||||
<label for="title">Name:</label>
|
||||
<input type="text" name="title" id="title" value="{% if file %}{{ file.title }}{% endif %}" required>
|
||||
<label for="content">Content:</label>
|
||||
<textarea name="content" id="content" rows="15" required>{% if file %}{{ file.content }}{% endif %}</textarea>
|
||||
<button type="submit">{% if file %}Save Changes{% else %}Create File{% endif %}</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('list_hosts_files') }}">Back to /etc/hosts Files</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
106
templates_old/new_edit_regex_host.html
Normal file
106
templates_old/new_edit_regex_host.html
Normal file
@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% if entry %}Edit{% else %}New{% endif %} Regex/CIDR Entry</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background: #f1f1f1;
|
||||
padding: 20px;
|
||||
}
|
||||
.container {
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
color: #333;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
color: #555;
|
||||
}
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
button {
|
||||
margin-top: 1em;
|
||||
padding: 10px 20px;
|
||||
background: #007bff;
|
||||
border: none;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
font-size: 1em;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
.links {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.links a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.links a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.setting-group {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.setting-group span {
|
||||
font-size: 0.9em;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>{% if entry %}Edit{% else %}New{% endif %} CIDR Entry</h1>
|
||||
<form method="POST">
|
||||
<label>CIDR Range</label>
|
||||
<input type="text" name="cidr_range" value="{{ entry.cidr_range if entry else '' }}" required>
|
||||
<label>Gateway IP (option)</label>
|
||||
<input type="text" name="gateway_ip" value="{{ entry.gateway_ip if entry else '' }}">
|
||||
<label>Gateway Hostname (ex. gw)</label>
|
||||
<input type="text" name="gateway_hostname" value="{{ entry.gateway_hostname if entry else '' }}">
|
||||
<label>
|
||||
<input type="checkbox" name="use_gateway_ip" value="1"
|
||||
{% if entry and entry.use_gateway_ip %}checked{% endif %}>
|
||||
Use separate hostname for gateway
|
||||
</label>
|
||||
<label>Domain Suffix (ex. guest.r.local)</label>
|
||||
<input type="text" name="domain_suffix" value="{{ entry.domain_suffix if entry else '' }}">
|
||||
<label>Host Prefix (ex. user)</label>
|
||||
<input type="text" name="host_prefix" value="{{ entry.host_prefix if entry else '' }}">
|
||||
<label>Comment (option)</label>
|
||||
<input type="text" name="comment" value="{{ entry.comment if entry else '' }}">
|
||||
<button type="submit">Save</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('list_regex_hosts') }}">Back to CIDR List</a> |
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
60
templates_old/register.html
Normal file
60
templates_old/register.html
Normal file
@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Register</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0; padding: 0;
|
||||
display: flex; justify-content: center; align-items: center;
|
||||
height: 100vh; background: #f1f1f1;
|
||||
}
|
||||
.container {
|
||||
max-width: 400px; width: 100%;
|
||||
background: #fff; padding: 20px;
|
||||
border-radius: 8px; box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
h1 { text-align: center; margin-bottom: 1em; }
|
||||
label { display: block; margin-top: 1em; }
|
||||
input[type="text"], input[type="password"] {
|
||||
width: 100%; padding: 8px; margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
button {
|
||||
margin-top: 1em; width: 100%; padding: 10px;
|
||||
background: #28a745; border: none; color: #fff;
|
||||
cursor: pointer; border-radius: 4px;
|
||||
}
|
||||
button:hover { background: #218838; }
|
||||
.links { text-align: center; margin-top: 10px; }
|
||||
.links a { color: #007bff; text-decoration: none; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
.flash-messages { margin-top: 10px; color: #b30000; text-align: center; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Register</h1>
|
||||
{% with messages = get_flashed_messages(category_filter=["danger","success","info"]) %}
|
||||
{% if messages %}
|
||||
<div class="flash-messages">
|
||||
{% for message in messages %}
|
||||
<p>{{ message }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endwith %}
|
||||
<form method="POST" action="{{ url_for('register') }}">
|
||||
<label for="username">Username:</label>
|
||||
<input type="text" name="username" id="username" required />
|
||||
<label for="password">Password:</label>
|
||||
<input type="password" name="password" id="password" required />
|
||||
<button type="submit">Register</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('login') }}">Go to Login</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
122
templates_old/settings.html
Normal file
122
templates_old/settings.html
Normal file
@ -0,0 +1,122 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Settings</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background: #f1f1f1;
|
||||
padding: 20px;
|
||||
}
|
||||
.container {
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
color: #333;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
color: #555;
|
||||
}
|
||||
input[type="checkbox"] {
|
||||
margin-right: 5px;
|
||||
}
|
||||
input[type="number"] {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
margin-top: 4px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
button {
|
||||
margin-top: 1em;
|
||||
padding: 10px 20px;
|
||||
background: #007bff;
|
||||
border: none;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
font-size: 1em;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
button:hover {
|
||||
background: #0056b3;
|
||||
}
|
||||
.links {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.links a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.links a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.setting-group {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.setting-group span {
|
||||
font-size: 0.9em;
|
||||
color: #888;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Settings</h1>
|
||||
<form method="POST" action="{{ url_for('settings') }}">
|
||||
<div class="setting-group">
|
||||
<label>
|
||||
<input type="checkbox" name="auto_deploy" value="1" {% if settings.auto_deploy_enabled %}checked{% endif %}>
|
||||
Enable Automatic Deployments
|
||||
</label>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<label>
|
||||
Deploy Interval (minutes):
|
||||
<input type="number" name="deploy_interval" value="{{ settings.deploy_interval }}" min="1">
|
||||
<span>Time between automatic deployments</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<label>
|
||||
Automatic Backup Interval (minutes):
|
||||
<input type="number" name="backup_interval" value="{{ settings.backup_interval }}" min="1">
|
||||
<span>Set interval for automatic backups</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<label>
|
||||
Backup Retention (days):
|
||||
<input type="number" name="backup_retention_days" value="{{ settings.backup_retention_days or 0 }}" min="0">
|
||||
<span>Older backups will be automatically removed</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="setting-group">
|
||||
<label>
|
||||
<input type="checkbox" name="enable_regex_entries" value="1"
|
||||
{% if settings.regex_deploy_enabled %}checked{% endif %}>
|
||||
Enable Regex/CIDR Entries
|
||||
</label>
|
||||
<span>Include CIDR-based entries in final /etc/hosts deploy</span>
|
||||
</div>
|
||||
<button type="submit">Save Settings</button>
|
||||
</form>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
33
templates_old/view_backup.html
Normal file
33
templates_old/view_backup.html
Normal file
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>View Backup</title>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; background: #f1f1f1; margin: 0; padding: 20px; }
|
||||
.container { max-width: 800px; margin: auto; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px #ccc; }
|
||||
h1 { text-align: center; }
|
||||
pre { background: #eee; padding: 10px; border-radius: 4px; overflow: auto; }
|
||||
.links { text-align: center; margin-top: 20px; }
|
||||
.links a { color: #007bff; text-decoration: none; margin: 0 10px; }
|
||||
.links a:hover { text-decoration: underline; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Backup Preview</h1>
|
||||
{% if host %}
|
||||
<p><strong>Host:</strong> {{ host.hostname }} ({{ host.type }})</p>
|
||||
{% else %}
|
||||
<p><strong>Default configuration</strong></p>
|
||||
{% endif %}
|
||||
<p><strong>Description:</strong> {{ backup.description }}</p>
|
||||
<p><strong>Created at:</strong> {{ backup.created_at }}</p>
|
||||
<h2>Content:</h2>
|
||||
<pre>{{ backup.content }}</pre>
|
||||
<div class="links">
|
||||
<a href="{{ url_for('backups') }}">Back to Backups</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user