v1.4.0: fix #43, #31, #29, #49, #33 + shared templating

py_service/app/templates/pages/ideas.html

@@ -0,0 +1,55 @@
+{% extends "page.html" %}
+{% block page_content %}
+<div class="card">
+    <div class="card-header"><h2>Система идей</h2>
+        <button class="btn btn-primary btn-sm" onclick="document.getElementById('modal-idea').classList.add('open')">+ Новая идея</button>
+    </div>
+    <div class="table-wrap"><table><thead><tr><th>ID</th><th>Название</th><th>Описание</th><th>Статус</th><th>Дата</th><th class="actions"></th></tr></thead>
+        <tbody>{% for idea in ideas %}<tr>
+            <td>{{ idea.id }}</td>
+            <td><strong>{{ idea.title }}</strong></td>
+            <td>{{ (idea.description or '')[:100] }}{% if (idea.description or '')|length > 100 %}…{% endif %}</td>
+            <td><span class="badge badge-{{ 'done' if idea.status == 'completed' else 'progress' if idea.status == 'in_progress' else 'default' }}">{{ {'normal':'Обычная','in_progress':'В работе','completed':'Выполнено'}.get(idea.status, idea.status) }}</span></td>
+            <td><small>{{ idea.updated_at.strftime('%d.%m.%Y') if idea.updated_at else '' }}</small></td>
+            <td class="actions">
+                <form method="post" action="/service/ideas/status" style="display:inline">
+                    <input type="hidden" name="id" value="{{ idea.id }}">
+                    <button class="btn btn-secondary btn-sm" title="Переключить статус">↻</button>
+                </form>
+                <button class="btn btn-secondary btn-sm" onclick="editIdea({{ idea.id }},{{ idea.title|tojson }},{{ idea.description|tojson }})">✎</button>
+                <form method="post" action="/service/ideas/delete" style="display:inline" onsubmit="return confirm('Удалить идею?')">
+                    <input type="hidden" name="id" value="{{ idea.id }}">
+                    <button class="btn btn-danger btn-sm">✕</button>
+                </form>
+            </td>
+        </tr>{% endfor %}</tbody></table>
+    </div>
+</div>
+
+<div class="modal-overlay" id="modal-idea"><div class="modal">
+    <button type="button" class="modal-close" onclick="this.closest('.modal-overlay').classList.remove('open')">✕</button>
+    <h2 id="modal-idea-title">Новая идея</h2>
+    <form method="post" id="modal-idea-form">
+        <input type="hidden" name="id" id="idea-id">
+        <div class="form-group"><label>Название</label><input type="text" name="title" id="idea-title" required></div>
+        <div class="form-group"><label>Описание</label><textarea name="description" id="idea-description" rows="4"></textarea></div>
+        <div class="form-actions"><button type="submit" class="btn btn-primary">Сохранить</button>
+        <button type="button" class="btn btn-secondary" onclick="this.closest('.modal-overlay').classList.remove('open')">Отмена</button></div>
+    </form>
+</div></div>
+
+<script>
+function editIdea(id,title,description){
+    document.getElementById('modal-idea').classList.add('open');
+    document.getElementById('modal-idea-title').textContent = 'Редактировать идею';
+    document.getElementById('modal-idea-form').action = '/service/ideas/edit';
+    document.getElementById('idea-id').value = id;
+    document.getElementById('idea-title').value = title;
+    document.getElementById('idea-description').value = description;
+}
+document.addEventListener('DOMContentLoaded', function(){
+    var form = document.getElementById('modal-idea-form');
+    if(form) form.action = '/service/ideas/create';
+});
+</script>
+{% endblock %}