103 lines
4.0 KiB
HTML
103 lines
4.0 KiB
HTML
{% extends "base.html" %}
|
||
|
||
{% block title %}{{ template.key }}{% endblock %}
|
||
|
||
{% block content %}
|
||
<div class="flex items-center justify-between">
|
||
<div>
|
||
<p class="text-sm text-slate-500"><a href="/messages" class="hover:underline">← Сообщения</a></p>
|
||
<h1 class="mt-1 font-mono text-xl font-semibold">{{ template.key }}</h1>
|
||
<p class="text-sm text-slate-600">{{ template.description }}</p>
|
||
</div>
|
||
</div>
|
||
|
||
{% if saved %}
|
||
<div class="mt-4 rounded-lg border border-emerald-200 bg-emerald-50 p-3 text-sm text-emerald-800">
|
||
Текст сохранён.
|
||
</div>
|
||
{% endif %}
|
||
|
||
{% if errors %}
|
||
<ul class="mt-4 list-disc rounded-lg border border-red-200 bg-red-50 p-3 pl-8 text-sm text-red-700">
|
||
{% for error in errors %}<li>{{ error }}</li>{% endfor %}
|
||
</ul>
|
||
{% endif %}
|
||
|
||
<form method="post" action="/messages/{{ template.key }}" class="mt-6 space-y-4">
|
||
<input type="hidden" name="csrf_token" value="{{ request.session.get('csrf', '') }}" />
|
||
<div>
|
||
<label for="text" class="text-sm font-medium text-slate-700">Текст шаблона</label>
|
||
<textarea
|
||
id="text"
|
||
name="text"
|
||
rows="18"
|
||
class="mt-1 w-full rounded-lg border border-slate-300 p-3 font-mono text-sm leading-relaxed focus:border-sky-500 focus:outline-none"
|
||
>{{ text }}</textarea>
|
||
<p class="mt-1 text-xs text-slate-500">
|
||
Лимит Telegram — {{ max_length }} символов. Теги подставляет рендерер бота; неизвестный тег — ошибка.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="flex items-center gap-3">
|
||
<button type="submit" class="rounded-lg bg-sky-600 px-4 py-2 text-sm font-medium text-white hover:bg-sky-700">
|
||
Сохранить
|
||
</button>
|
||
<button
|
||
type="button"
|
||
class="rounded-lg border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50"
|
||
hx-post="/messages/preview"
|
||
hx-include="closest form"
|
||
hx-target="#preview"
|
||
hx-swap="innerHTML"
|
||
>
|
||
Предпросмотр
|
||
</button>
|
||
</div>
|
||
</form>
|
||
|
||
<div class="mt-8">
|
||
<h2 class="text-lg font-medium">Предпросмотр</h2>
|
||
<p class="text-sm text-slate-600">Тестовые значения: @test_user, Ветеран, 3 уровень, 1500 DE.</p>
|
||
<div id="preview" class="mt-2">
|
||
<p class="text-sm text-slate-400">Нажмите «Предпросмотр», чтобы увидеть текст с подставленными тегами.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<details class="mt-8 rounded-lg border border-slate-200 bg-white p-4">
|
||
<summary class="cursor-pointer text-sm font-medium text-slate-700">Доступные теги ({{ tags | length }})</summary>
|
||
<dl class="mt-3 grid gap-x-6 gap-y-1 text-sm sm:grid-cols-2">
|
||
{% for name, description in tags.items() %}
|
||
<div class="flex gap-2">
|
||
<dt class="font-mono text-sky-700">{ {{ name }} }</dt>
|
||
<dd class="text-slate-600">{{ description }}</dd>
|
||
</div>
|
||
{% endfor %}
|
||
</dl>
|
||
</details>
|
||
|
||
<div class="mt-8">
|
||
<h2 class="text-lg font-medium">История изменений</h2>
|
||
{% if history %}
|
||
<ul class="mt-3 space-y-2">
|
||
{% for item in history %}
|
||
<li class="rounded-lg border border-slate-200 bg-white p-3 text-sm">
|
||
<div class="flex items-center justify-between text-slate-500">
|
||
<span>{{ item.changed_at.strftime("%d.%m.%Y %H:%M") }}</span>
|
||
<span>редактор: {{ item.editor_id or "—" }}</span>
|
||
</div>
|
||
<details class="mt-2">
|
||
<summary class="cursor-pointer text-slate-600">старое → новое</summary>
|
||
<div class="mt-2 grid gap-3 sm:grid-cols-2">
|
||
<pre class="max-h-48 overflow-auto rounded bg-slate-50 p-2 text-xs whitespace-pre-wrap">{{ item.old_text or "" }}</pre>
|
||
<pre class="max-h-48 overflow-auto rounded bg-slate-50 p-2 text-xs whitespace-pre-wrap">{{ item.new_text }}</pre>
|
||
</div>
|
||
</details>
|
||
</li>
|
||
{% endfor %}
|
||
</ul>
|
||
{% else %}
|
||
<p class="mt-2 text-sm text-slate-500">Изменений ещё не было.</p>
|
||
{% endif %}
|
||
</div>
|
||
{% endblock %}
|