feat(v1.3.0): Step 2 — DB tables collections, collection_pages, collection_views

- Ajout des 3 nouvelles tables pour le Database Concept - collections: base de données abstraite, indépendante de Gitea - collection_pages: pages génériques avec parent_id et property_values_json - collection_views: vues configurables par collection - Mise à jour test_db_tables_exist pour inclure les nouvelles tables - 28/28 tests passent
2026-07-09 22:26:45 -04:00
parent 66ae1289a9
commit 3967c7df85
8 changed files with 285 additions and 69 deletions
@@ -0,0 +1,95 @@
+{% extends "base.html" %}
+{% block page_icon %}🗑️{% endblock %}
+{% block page_title %}Trash{% endblock %}
+
+{% block content %}
+<div class="page-title-area">
+  <div class="page-title">
+    <span class="page-icon-lg">🗑️</span>
+    <h1>Trash</h1>
+  </div>
+</div>
+
+<div x-data="trashData()" style="padding: 0 24px; max-width: 800px;">
+  <!-- Search -->
+  <div style="position:relative; margin-bottom:12px;">
+    <span style="position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--text-dim);">🔍</span>
+    <input type="text" placeholder="Search pages in Trash" x-model="search"
+           style="width:100%; padding:8px 12px 8px 36px; background:var(--bg-tertiary); border:1px solid var(--border); border-radius:6px; color:var(--text-primary); font-size:14px; outline:none; box-sizing:border-box;">
+  </div>
+
+  <!-- Filters -->
+  <div style="display:flex; gap:8px; margin-bottom:16px;">
+    <button class="trash-filter active">
+      <span style="color:#5b9bd5;">👤</span> Last edited by ▾
+    </button>
+    <button class="trash-filter">
+      <span>📁</span> In ▾
+    </button>
+  </div>
+
+  <!-- Items -->
+  <div style="min-height:200px;">
+    <template x-for="item in filteredItems" :key="item.id">
+      <div class="trash-item">
+        <span class="trash-item-icon" x-text="item.icon"></span>
+        <div class="trash-item-info">
+          <span class="trash-item-name" x-text="item.name"></span>
+          <span class="trash-item-path" x-text="item.path"></span>
+        </div>
+        <button class="trash-item-btn" title="Restore" @click="restore(item.id)">
+          ↩️
+        </button>
+        <button class="trash-item-btn" title="Delete permanently" @click="deleteForever(item.id)">
+          🗑️
+        </button>
+      </div>
+    </template>
+    <div x-show="filteredItems.length === 0" class="lib-empty">
+      <div style="font-size:48px;margin-bottom:16px;">🗑️</div>
+      <h3>Trash is empty</h3>
+      <p>Deleted pages will appear here for 30 days.</p>
+    </div>
+  </div>
+
+  <!-- Info -->
+  <div style="padding:12px 16px; margin-top:16px; background:var(--bg-tertiary); border-radius:8px; font-size:13px; color:var(--text-dim); display:flex; align-items:center; gap:8px;">
+    <span>Once a page has been in Trash for 30 days, it will be automatically deleted</span>
+    <span style="font-size:16px;">ⓘ</span>
+  </div>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+  function trashData() {
+    return {
+      search: '',
+      items: [],
+      async init() {
+        const csrf = document.cookie.match(/csrf_token=([^;]+)/);
+        const token = csrf ? csrf[1] : '';
+        try {
+          const r = await fetch('/board/api/trash', { headers: { 'X-CSRF-Token': token } });
+          this.items = await r.json();
+        } catch(e) { this.items = []; }
+      },
+      get filteredItems() {
+        const q = this.search.toLowerCase();
+        return this.items.filter(i => !q || i.name.toLowerCase().includes(q) || (i.path||'').toLowerCase().includes(q));
+      },
+      async restore(id) {
+        const csrf = document.cookie.match(/csrf_token=([^;]+)/);
+        const r = await fetch(`/board/api/trash/${id}/restore`, { method: 'POST', headers: { 'X-CSRF-Token': csrf?.[1] || '' } });
+        if (r.ok) { this.items = this.items.filter(i => i.id !== id); }
+      },
+      async deleteForever(id) {
+        if (!confirm('Permanently delete this page? This cannot be undone.')) return;
+        const csrf = document.cookie.match(/csrf_token=([^;]+)/);
+        const r = await fetch(`/board/api/trash/${id}`, { method: 'DELETE', headers: { 'X-CSRF-Token': csrf?.[1] || '' } });
+        if (r.ok) { this.items = this.items.filter(i => i.id !== id); }
+      }
+    };
+  }
+</script>
+{% endblock %}