Admin: add edit page (GET/POST), live preview; list shows Edit button; inject page title + watermark on public pages; clean header (only one logout); alignment via flex; add Dockerfile and docker-compose.yml; add gunicorn

2025-09-03 15:46:19 +03:00
parent c87f4fb0d6
commit d2a65dedb3
8 changed files with 144 additions and 11 deletions
--- a/templates/edit.html
+++ b/templates/edit.html
@@ -0,0 +1,42 @@
+{% extends 'base.html' %}
+{% block content %}
+  <h1>Редактирование страницы #{{ page.id }}</h1>
+
+  <form method="post">
+    <div class="row">
+      <label for="title">Название страницы</label>
+      <input type="text" id="title" name="title" value="{{ page.title }}" />
+    </div>
+    <div class="row">
+      <label for="html">HTML-код</label>
+      <textarea id="html" name="html" required>{{ page.html }}</textarea>
+    </div>
+    <div class="row">
+      <button class="btn" type="submit">Сохранить</button>
+      <a class="btn secondary" href="{{ url_for('admin') }}" style="margin-left:8px;">Отмена</a>
+    </div>
+  </form>
+
+  <div class="row" style="margin-top: 1.25rem;">
+    <div class="muted" style="margin-bottom: .5rem;">Моментальный предпросмотр</div>
+    <iframe id="preview" style="width:100%; height:320px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#fff;"></iframe>
+  </div>
+
+  <script>
+    (function(){
+      const htmlEl = document.getElementById('html');
+      const titleEl = document.getElementById('title');
+      const iframe = document.getElementById('preview');
+      function render(){
+        const doc = iframe.contentDocument || iframe.contentWindow.document;
+        const t = (titleEl && titleEl.value) ? `<title>${titleEl.value}</title>` : '';
+        doc.open();
+        doc.write(`<!doctype html><html lang=\"ru\"><head><meta charset=\"utf-8\">${t}</head><body>${htmlEl.value}</body></html>`);
+        doc.close();
+      }
+      htmlEl.addEventListener('input', render);
+      if (titleEl) titleEl.addEventListener('input', render);
+      render();
+    })();
+  </script>
+{% endblock %}