diff --git a/static/js/edit.js b/static/js/edit.js
new file mode 100644
index 0000000..7f3ee80
--- /dev/null
+++ b/static/js/edit.js
@@ -0,0 +1,10 @@
+// edit.js — drobne UX dla edytora
+(() => {
+ 'use strict';
+ const ta = document.getElementById('haproxy_config');
+ if (!ta) return;
+ // Auto-grow (simple)
+ const auto = () => { ta.style.height = 'auto'; ta.style.height = (ta.scrollHeight + 6) + 'px'; };
+ ta.addEventListener('input', auto);
+ auto();
+})();
diff --git a/static/js/index.js b/static/js/index.js
new file mode 100644
index 0000000..5b6d09a
--- /dev/null
+++ b/static/js/index.js
@@ -0,0 +1,106 @@
+// index.js — logika formularza FE/BE (bez jQuery)
+(() => {
+ 'use strict';
+
+ const $ = (sel, root=document) => root.querySelector(sel);
+ const $$ = (sel, root=document) => Array.from(root.querySelectorAll(sel));
+
+ // SSL fields
+ const sslCheckbox = $('#ssl_checkbox');
+ const sslFields = $('#ssl_fields');
+
+ const toggle = (on, el) => el.classList.toggle('d-none', !on);
+
+ sslCheckbox?.addEventListener('change', () => toggle(sslCheckbox.checked, sslFields));
+
+ // DOS
+ const dosCheckbox = $('#add_dos');
+ const dosFields = $('#dos_fields');
+ dosCheckbox?.addEventListener('change', () => toggle(dosCheckbox.checked, dosFields));
+
+ // HTTP only groups
+ const protocolSelect = $('#protocol');
+ const httpGroups = $$('.http-only, #forbidden_acl_container');
+ const httpToggles = [
+ $('#sql_injection_check'),
+ $('#xss_check'),
+ $('#remote_uploads_check'),
+ $('#webshells_check'),
+ $('#forward_for_check'),
+ $('#add_acl_path'),
+ $('#add_path_based'),
+ ];
+ const forbiddenFields = $('#forbidden_fields');
+ const pathFields = $('#base_redirect_fields');
+
+ const onProtocolChange = () => {
+ const isHttp = protocolSelect?.value === 'http';
+ httpGroups.forEach(el => toggle(isHttp, el));
+ if (!isHttp) {
+ // hide optional groups if protocol != http
+ [forbiddenFields, pathFields].forEach(el => el && toggle(false, el));
+ httpToggles.forEach(input => { if (input) input.checked = false; });
+ }
+ };
+ protocolSelect?.addEventListener('change', onProtocolChange);
+ onProtocolChange();
+
+ // ACL
+ const aclCheckbox = $('#add_acl');
+ const aclFields = $('#acl_fields');
+ aclCheckbox?.addEventListener('change', () => toggle(aclCheckbox.checked, aclFields));
+
+ // toggles that reveal their fields
+ const bindToggle = (checkboxSel, targetSel) => {
+ const cb = $(checkboxSel);
+ const target = $(targetSel);
+ cb?.addEventListener('change', () => toggle(cb.checked, target));
+ // initial
+ if (cb && target) toggle(cb.checked, target);
+ };
+ bindToggle('#add_path_based', '#base_redirect_fields');
+ bindToggle('#add_acl_path', '#forbidden_fields');
+
+ // Backend rows
+ let serverCount = 1;
+ const container = $('#backend_servers_container');
+ const addBtn = $('#add_backend_btn');
+
+ const createRow = () => {
+ serverCount++;
+ const row = document.createElement('div');
+ row.className = 'row g-3 backend-server-row mt-1';
+ row.innerHTML = `
+
+
+
+
+
+
+
+
+
+
+
+
+ `;
+ row.querySelector('button.btn-danger')?.addEventListener('click', () => {
+ const rows = $$('.backend-server-row');
+ if (rows.length > 1) row.remove();
+ else alert('Musi istnieć co najmniej jeden backend.');
+ });
+ return row;
+ };
+ addBtn?.addEventListener('click', () => container?.appendChild(createRow()));
+
+ // auto dismiss alerts
+ setTimeout(() => $$('.alert').forEach(a => {
+ if (typeof bootstrap !== 'undefined') new bootstrap.Alert(a).close();
+ }), 5000);
+})();
diff --git a/static/js/logs.js b/static/js/logs.js
new file mode 100644
index 0000000..9a38d73
--- /dev/null
+++ b/static/js/logs.js
@@ -0,0 +1 @@
+// logs.js — na razie brak dodatkowej logiki (przykładowe miejsce na filtrowanie)
diff --git a/static/js/stats.js b/static/js/stats.js
new file mode 100644
index 0000000..ee18029
--- /dev/null
+++ b/static/js/stats.js
@@ -0,0 +1 @@
+// stats.js — (miejsce na przyszłe wykresy)
diff --git a/templates/base.html b/templates/base.html
index 507845d..3590081 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -16,18 +16,44 @@
-
-
- {% with messages = get_flashed_messages() %}{% if messages %}{% endif %}{% endwith %}
-
- {% block breadcrumb %}{% endblock %}
-
- {% block content %}{% endblock %}
-
-
+
-
-
- {% block scripts %}{% endblock %}
-
+
+ {% with messages = get_flashed_messages() %}{% if messages %}{% endif %}{% endwith %}
+ {% block breadcrumb %}{% endblock %}
+
+ {% block content %}{% endblock %}
+
+
+
+
+
+
+{% block scripts %}{% endblock %}
+{% block page_js %}{% endblock %}
+