new options
This commit is contained in:
Mateusz Gruszczyński
@@ -1,220 +1,453 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% set active_page = "index" %}
|
||||
{% block title %}HAProxy • Index{% endblock %}
|
||||
{% block breadcrumb %}<nav aria-label="breadcrumb" class="mb-3"><ol class="breadcrumb mb-0"><li class="breadcrumb-item"><a href="{{ url_for('main.index') }}"><i class="bi bi-house"></i></a></li><li class="breadcrumb-item active" aria-current="page">Konfiguracja</li></ol></nav>{% endblock %}
|
||||
|
||||
{% block title %}HAProxy • Configuration{% endblock %}
|
||||
|
||||
{% block breadcrumb %}Configuration{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<form method="post" action="/" id="fe-be-form" novalidate>
|
||||
<h5 class="mb-3"><i class="fas fa-globe me-2"></i>New frontend</h5>
|
||||
{% if message %}
|
||||
<div class="alert {% if 'already exists' in message %}alert-danger{% else %}alert-success{% endif %} alert-dismissible" role="alert">
|
||||
{{ message }}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="frontend_name">Name</label>
|
||||
<input type="text" class="form-control" name="frontend_name" id="frontend_name" required>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="frontend_ip">IP</label>
|
||||
<input type="text" class="form-control" name="frontend_ip" id="frontend_ip" required>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label" for="frontend_port">Port</label>
|
||||
<input type="number" class="form-control" name="frontend_port" id="frontend_port" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check mt-3">
|
||||
<input type="checkbox" class="form-check-input" id="ssl_checkbox" name="ssl_checkbox">
|
||||
<label class="form-check-label" for="ssl_checkbox"><i class="fas fa-lock me-2"></i>SSL cert</label>
|
||||
</div>
|
||||
<div class="row g-3 mt-1 d-none" id="ssl_fields">
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="ssl_cert_path">Certificate path (put in /ssl/)</label>
|
||||
<input type="text" id="ssl_cert_path" class="form-control" name="ssl_cert_path">
|
||||
</div>
|
||||
<div class="col-md-6 d-flex align-items-end">
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="ssl_redirect_checkbox" name="ssl_redirect_checkbox">
|
||||
<label class="form-check-label" for="ssl_redirect_checkbox"><i class="fas fa-arrow-circle-right me-2"></i>Redirect do HTTPS</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3 mt-1">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="lb_method">Metoda LB</label>
|
||||
<select class="form-select" name="lb_method" id="lb_method">
|
||||
<option value="roundrobin">Round Robin</option>
|
||||
<option value="leastconn">Least Connections</option>
|
||||
<option value="source">Source</option>
|
||||
<option value="wrr">WRR</option>
|
||||
<option value="wlc">WLC</option>
|
||||
<option value="random">Random</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="protocol">Tryb</label>
|
||||
<select class="form-select" name="protocol" id="protocol" required>
|
||||
<option value="" disabled selected>--Select--</option>
|
||||
<option value="tcp">TCP</option>
|
||||
<option value="http">HTTP</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check mt-3">
|
||||
<input type="checkbox" class="form-check-input" name="add_dos" id="add_dos">
|
||||
<label class="form-check-label" for="add_dos"><i class="fas fa-shield-alt me-2"></i>DOS protection</label>
|
||||
</div>
|
||||
<div class="row g-3 mt-1 d-none" id="dos_fields">
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="limit_requests">Limit (np. 20)</label>
|
||||
<input type="text" class="form-control" name="limit_requests" id="limit_requests">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="ban_duration">Ban (np. 15s)</label>
|
||||
<input type="text" class="form-control" name="ban_duration" id="ban_duration">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3 mt-2 d-none http-only" id="http_extras">
|
||||
<div class="col-12">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-4">
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="sql_injection_check" name="sql_injection_check">
|
||||
<label class="form-check-label" for="sql_injection_check"><i class="fas fa-shield-alt me-2"></i>SQLi</label>
|
||||
</div>
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title text-primary">{{ frontend_count|default(0) }}</h5>
|
||||
<p class="card-text"><i class="bi bi-diagram-2"></i> Frontends</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="xss_check" name="xss_check">
|
||||
<label class="form-check-label" for="xss_check"><i class="fas fa-shield-alt me-2"></i>XSS</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title text-success">{{ backend_count|default(0) }}</h5>
|
||||
<p class="card-text"><i class="bi bi-hdd-rack"></i> Backends</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="remote_uploads_check" name="remote_uploads_check">
|
||||
<label class="form-check-label" for="remote_uploads_check"><i class="fas fa-shield-alt me-2"></i>Remote uploads</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title text-warning">{{ acl_count|default(0) }}</h5>
|
||||
<p class="card-text"><i class="bi bi-shield"></i> ACLs</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="webshells_check" name="webshells_check">
|
||||
<label class="form-check-label" for="webshells_check"><i class="fas fa-shield-alt me-2"></i>Webshells</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title text-info">L7: {{ layer7_count|default(0) }} / L4: {{ layer4_count|default(0) }}</h5>
|
||||
<p class="card-text"><i class="bi bi-layers"></i> Layers</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="forward_for_check" name="forward_for_check">
|
||||
<label class="form-check-label" for="forward_for_check"><i class="fas fa-network-wired me-2"></i>forwardfor</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check mt-3">
|
||||
<input type="checkbox" class="form-check-input" name="add_acl" id="add_acl">
|
||||
<label class="form-check-label" for="add_acl"><i class="fas fa-user-lock me-2"></i>ACL for frontend</label>
|
||||
</div>
|
||||
<div class="row g-3 mt-1 d-none" id="acl_fields">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="acl">ACL</label>
|
||||
<input type="text" class="form-control" name="acl" id="acl" placeholder="acl_name">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="acl_action">Action</label>
|
||||
<input type="text" class="form-control" name="acl_action" id="acl_action" placeholder="hdr(host) -i test.com">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="backend_name_acl">Backend</label>
|
||||
<input type="text" class="form-control" name="backend_name_acl" id="backend_name_acl" placeholder="somebackend">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check mt-3 http-only d-none" id="forbidden_acl_container">
|
||||
<input type="checkbox" class="form-check-input" name="add_acl_path" id="add_acl_path">
|
||||
<label class="form-check-label" for="add_acl_path"><i class="fas fa-ban me-2"></i>Block path</label>
|
||||
</div>
|
||||
<div class="row g-3 mt-1 d-none" id="forbidden_fields">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="forbidden_name">ACL name</label>
|
||||
<input type="text" class="form-control" name="forbidden_name" id="forbidden_name">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="allowed_ip">Allowed IP</label>
|
||||
<input type="text" class="form-control" name="allowed_ip" id="allowed_ip">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="forbidden_path">Path (ex. /admin)</label>
|
||||
<input type="text" class="form-control" name="forbidden_path" id="forbidden_path">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check mt-3 http-only d-none" id="path_based_container">
|
||||
<input type="checkbox" class="form-check-input" name="add_path_based" id="add_path_based">
|
||||
<label class="form-check-label" for="add_path_based"><i class="fas fa-arrow-circle-right me-2"></i>Path-based redirect</label>
|
||||
</div>
|
||||
<div class="row g-3 mt-1 d-none" id="base_redirect_fields">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="redirect_domain_name">Domena docelowa</label>
|
||||
<input type="text" class="form-control" name="redirect_domain_name" id="redirect_domain_name" placeholder="test2.com:8888">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="root_redirect">Root path</label>
|
||||
<input type="text" class="form-control" name="root_redirect" id="root_redirect" placeholder="/">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label" for="redirect_to">Redirect to</label>
|
||||
<input type="text" class="form-control" name="redirect_to" id="redirect_to" placeholder="/test">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
|
||||
<h5 class="mb-3"><i class="fas fa-sitemap me-2"></i>Backend pool</h5>
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<label class="form-label" for="backend_name">Backend name</label>
|
||||
<input type="text" class="form-control" name="backend_name" id="backend_name" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="backend_servers_container" class="mt-3">
|
||||
<div class="row g-3 backend-server-row">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label" for="name1">Server name</label>
|
||||
<input type="text" id="name1" class="form-control" name="backend_server_names[]" placeholder="server1" required>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label" for="ip1">IP</label>
|
||||
<input type="text" id="ip1" class="form-control" name="backend_server_ips[]" required>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label" for="port1">Port</label>
|
||||
<input type="number" id="port1" class="form-control" name="backend_server_ports[]" required>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label" for="maxconn1">MaxConn</label>
|
||||
<input type="number" id="maxconn1" class="form-control" name="backend_server_maxconns[]">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex gap-2 mt-3">
|
||||
<button type="button" class="btn btn-secondary" id="add_backend_btn"><i class="bi bi-plus-lg me-1"></i>Add backend</button>
|
||||
<button type="submit" class="btn btn-success" id="success_btn"><i class="bi bi-check2-circle me-1"></i>Save</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block page_js %}
|
||||
|
||||
{% if message %}
|
||||
<div class="alert alert-{{ message_type|default('info') }} alert-dismissible fade show" role="alert">
|
||||
<i class="bi bi-{% if message_type == 'success' %}check-circle{% elif message_type == 'danger' %}exclamation-circle{% else %}info-circle{% endif %} me-2"></i>
|
||||
{{ message }}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<form method="post" class="needs-validation">
|
||||
<div class="card shadow-sm mb-4">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-plus-circle me-2"></i>Add New Configuration</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
<!-- FRONTEND SECTION -->
|
||||
<h6 class="text-primary mb-3"><i class="bi bi-hdd-network me-2"></i>Frontend</h6>
|
||||
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-md-4">
|
||||
<label for="frontend_name" class="form-label">Frontend Name</label>
|
||||
<input type="text" class="form-control" id="frontend_name" name="frontend_name"
|
||||
placeholder="e.g. fe_web" required>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="frontend_ip" class="form-label">IP Address (bind)</label>
|
||||
<input type="text" class="form-control" id="frontend_ip" name="frontend_ip"
|
||||
placeholder="0.0.0.0" value="0.0.0.0" required>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="frontend_port" class="form-label">Port</label>
|
||||
<input type="number" class="form-control" id="frontend_port" name="frontend_port"
|
||||
placeholder="80" min="1" max="65535" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-md-6">
|
||||
<label for="protocol" class="form-label">Protocol</label>
|
||||
<select class="form-select" id="protocol" name="protocol" required>
|
||||
<option value="http">HTTP</option>
|
||||
<option value="tcp">TCP</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="lb_method" class="form-label">Load Balancing Method</label>
|
||||
<select class="form-select" id="lb_method" name="lb_method" required>
|
||||
<option value="roundrobin">Round Robin</option>
|
||||
<option value="leastconn">Least Connections</option>
|
||||
<option value="source">Source IP Hash</option>
|
||||
<option value="uri">URI Hash</option>
|
||||
<option value="static-rr">Static Round Robin (WRR)</option>
|
||||
<option value="no-lb">No Load Balancing (single host)</option>
|
||||
</select>
|
||||
<div class="form-text">Choose load balancing algorithm or simple single host</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SSL Section -->
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="ssl_checkbox" name="ssl_checkbox">
|
||||
<label class="form-check-label" for="ssl_checkbox">
|
||||
<i class="bi bi-lock me-1"></i>Use SSL (HTTPS)
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3 mb-3 d-none" id="ssl_fields">
|
||||
<div class="col-md-12">
|
||||
<label for="ssl_cert_path" class="form-label">SSL Certificate Path</label>
|
||||
<input type="text" class="form-control" id="ssl_cert_path" name="ssl_cert_path"
|
||||
value="/etc/haproxy/certs/haproxy.pem">
|
||||
<div class="form-text">Full path to .pem file</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="ssl_redirect_checkbox"
|
||||
name="ssl_redirect_checkbox">
|
||||
<label class="form-check-label" for="ssl_redirect_checkbox">
|
||||
Redirect HTTP to HTTPS
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
|
||||
<!-- BACKEND SECTION -->
|
||||
<h6 class="text-primary mb-3"><i class="bi bi-hdd-rack me-2"></i>Backend</h6>
|
||||
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-md-12">
|
||||
<label for="backend_name" class="form-label">Backend Name</label>
|
||||
<input type="text" class="form-control" id="backend_name" name="backend_name"
|
||||
placeholder="e.g. be_web" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Backend servers -->
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Backend Servers</label>
|
||||
<div id="backend_servers_container">
|
||||
<div class="row g-3 backend-server-row">
|
||||
<div class="col-md-3">
|
||||
<input type="text" class="form-control" name="backend_server_names[]"
|
||||
placeholder="server1" value="server1" required>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<input type="text" class="form-control" name="backend_server_ips[]"
|
||||
placeholder="192.168.1.10" required>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<input type="number" class="form-control" name="backend_server_ports[]"
|
||||
placeholder="80" min="1" max="65535" required>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<input type="number" class="form-control" name="backend_server_maxconns[]"
|
||||
placeholder="100">
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
<button type="button" class="btn btn-danger btn-sm w-100 remove-server" style="visibility: hidden;">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-secondary btn-sm mt-2" id="add_backend_btn">
|
||||
<i class="bi bi-plus-lg me-1"></i>Add Server
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Health Check -->
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="health_check" name="health_check">
|
||||
<label class="form-check-label" for="health_check">
|
||||
<i class="bi bi-heart-pulse me-1"></i>Enable Health Check
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 d-none" id="health_check_fields">
|
||||
<label for="health_check_link" class="form-label">Health Check Path</label>
|
||||
<input type="text" class="form-control" id="health_check_link" name="health_check_link"
|
||||
value="/" placeholder="/">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3 mb-3" style="display: none;" id="tcp_health_check">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="health_check2" name="health_check2">
|
||||
<label class="form-check-label" for="health_check2">
|
||||
<i class="bi bi-heart-pulse me-1"></i>Enable TCP Health Check
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sticky Session -->
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="sticky_session" name="sticky_session">
|
||||
<label class="form-check-label" for="sticky_session">
|
||||
<i class="bi bi-pin-angle me-1"></i>Sticky Session
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 d-none" id="sticky_fields">
|
||||
<select class="form-select" id="sticky_session_type" name="sticky_session_type">
|
||||
<option value="cookie">Cookie-based</option>
|
||||
<option value="source">Source IP-based</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
|
||||
<!-- HEADERS & SECURITY SECTION -->
|
||||
<h6 class="text-primary mb-3"><i class="bi bi-shield-lock me-2"></i>Headers & Security</h6>
|
||||
|
||||
<!-- Custom Headers -->
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="add_header" name="add_header">
|
||||
<label class="form-check-label" for="add_header">
|
||||
<i class="bi bi-tag me-1"></i>Add Custom Header
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 d-none" id="header_fields">
|
||||
<input type="text" class="form-control" id="header_name" name="header_name"
|
||||
placeholder="e.g. X-Custom-Header">
|
||||
</div>
|
||||
<div class="col-md-6 d-none" id="header_fields">
|
||||
<input type="text" class="form-control" id="header_value" name="header_value"
|
||||
placeholder="e.g. custom-value">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Server Header Removal -->
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="del_server_header"
|
||||
name="del_server_header">
|
||||
<label class="form-check-label" for="del_server_header">
|
||||
<i class="bi bi-shield-lock me-1"></i>Hide Server Header
|
||||
</label>
|
||||
<div class="form-text small">
|
||||
Adds: <code>http-response del-header Server</code> (security)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Forward For -->
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="forward_for_check"
|
||||
name="forward_for_check" checked>
|
||||
<label class="form-check-label" for="forward_for_check">
|
||||
<i class="bi bi-arrow-right me-1"></i>Forward For (X-Forwarded-For)
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
|
||||
<!-- PROTECTION SECTION -->
|
||||
<h6 class="text-primary mb-3"><i class="bi bi-bug me-2"></i>Protection</h6>
|
||||
|
||||
<!-- DOS Protection -->
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="add_dos" name="add_dos">
|
||||
<label class="form-check-label" for="add_dos">
|
||||
<i class="bi bi-exclamation-triangle me-1"></i>DOS/DDoS Protection
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 d-none" id="dos_fields">
|
||||
<label for="ban_duration" class="form-label">Ban Duration</label>
|
||||
<input type="text" class="form-control" id="ban_duration" name="ban_duration"
|
||||
value="30m" placeholder="30m">
|
||||
<div class="form-text">e.g. 30m, 1h, 24h</div>
|
||||
</div>
|
||||
<div class="col-md-6 d-none" id="dos_fields">
|
||||
<label for="limit_requests" class="form-label">Request Limit (per min)</label>
|
||||
<input type="number" class="form-control" id="limit_requests" name="limit_requests"
|
||||
value="100" min="1">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SQL Injection -->
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="sql_injection_check"
|
||||
name="sql_injection_check">
|
||||
<label class="form-check-label" for="sql_injection_check">
|
||||
<i class="bi bi-database-exclamation me-1"></i>SQL Injection Protection
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- XSS -->
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="xss_check" name="xss_check">
|
||||
<label class="form-check-label" for="xss_check">
|
||||
<i class="bi bi-code-slash me-1"></i>XSS Protection
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Remote Uploads -->
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="remote_uploads_check"
|
||||
name="remote_uploads_check">
|
||||
<label class="form-check-label" for="remote_uploads_check">
|
||||
<i class="bi bi-cloud-upload me-1"></i>Block Remote Uploads
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Webshells -->
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="webshells_check"
|
||||
name="webshells_check">
|
||||
<label class="form-check-label" for="webshells_check">
|
||||
<i class="bi bi-shield-exclamation me-1"></i>Block Webshells
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
|
||||
<!-- ACL SECTION -->
|
||||
<h6 class="text-primary mb-3"><i class="bi bi-diagram-3 me-2"></i>ACL & Routing</h6>
|
||||
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="add_acl" name="add_acl">
|
||||
<label class="form-check-label" for="add_acl">
|
||||
<i class="bi bi-shuffle me-1"></i>Add ACL
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-none" id="acl_fields">
|
||||
<input type="text" class="form-control" id="acl" name="acl" placeholder="acl_name">
|
||||
</div>
|
||||
<div class="col-md-4 d-none" id="acl_fields">
|
||||
<select class="form-select" id="acl_action" name="acl_action">
|
||||
<option value="hdr">Header</option>
|
||||
<option value="path">Path</option>
|
||||
<option value="src">Source IP</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 d-none" id="acl_fields">
|
||||
<input type="text" class="form-control" id="backend_name_acl" name="backend_name_acl"
|
||||
placeholder="backend_name">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Path-based routing -->
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="add_path_based" name="add_path_based">
|
||||
<label class="form-check-label" for="add_path_based">
|
||||
<i class="bi bi-arrow-repeat me-1"></i>Path-based Redirect
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-none" id="base_redirect_fields">
|
||||
<input type="text" class="form-control" id="redirect_domain_name" name="redirect_domain_name"
|
||||
placeholder="domain.com">
|
||||
</div>
|
||||
<div class="col-md-4 d-none" id="base_redirect_fields">
|
||||
<input type="text" class="form-control" id="root_redirect" name="root_redirect"
|
||||
placeholder="/">
|
||||
</div>
|
||||
<div class="col-md-4 d-none" id="base_redirect_fields">
|
||||
<input type="text" class="form-control" id="redirect_to" name="redirect_to"
|
||||
placeholder="https://example.com">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Forbidden paths -->
|
||||
<div class="row g-3 mb-3 http-only">
|
||||
<div class="col-md-12">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="add_acl_path" name="add_acl_path">
|
||||
<label class="form-check-label" for="add_acl_path">
|
||||
<i class="bi bi-ban me-1"></i>Block Paths
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 d-none" id="forbidden_fields">
|
||||
<input type="text" class="form-control" id="forbidden_name" name="forbidden_name"
|
||||
placeholder="forbidden_acl">
|
||||
</div>
|
||||
<div class="col-md-4 d-none" id="forbidden_fields">
|
||||
<input type="text" class="form-control" id="allowed_ip" name="allowed_ip"
|
||||
placeholder="192.168.1.0/24">
|
||||
</div>
|
||||
<div class="col-md-4 d-none" id="forbidden_fields">
|
||||
<input type="text" class="form-control" id="forbidden_path" name="forbidden_path"
|
||||
placeholder="/admin">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
|
||||
<!-- SUBMIT BUTTON -->
|
||||
<div class="d-grid gap-2">
|
||||
<button type="submit" class="btn btn-primary btn-lg">
|
||||
<i class="bi bi-check-circle me-2"></i>Save Configuration
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script src="{{ url_for('static', filename='js/index.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/form.js') }}"></script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user