- Web UI: login, dashboard, links CRUD, collections, API keys, admin pages - Query engine: AND/OR/XOR with field filters, tag search, preview endpoint - Session management: token expiry detection, 401 interceptor, expiry banner - Links search: tags included, multi-word AND, query mode with set operations - Collections: static/dynamic, query builder with preview, public tree view - Save as Collection: convert search results (static) or query (dynamic) - Dashboard stats: resilient loading with allSettled pattern - Login page: redesigned with public collections tree view - Bug fix: query executor None fields crash (notes/description/url/title) - E2E tests: 20 Playwright tests covering all critical user flows - All 104 tests passing (84 unit/integration + 20 E2E)
69 lines
2.3 KiB
HTML
69 lines
2.3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Dashboard - LinkSync{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="dashboard-header">
|
|
<h1>Dashboard</h1>
|
|
<p class="welcome-text">Welcome, <span id="current-user"></span></p>
|
|
</div>
|
|
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<div class="stat-value" id="link-count">-</div>
|
|
<div class="stat-label">Total Links</div>
|
|
<a href="/links" class="stat-link">View all →</a>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value" id="collection-count">-</div>
|
|
<div class="stat-label">Collections</div>
|
|
<a href="/collections" class="stat-link">View all →</a>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-value" id="api-key-count">-</div>
|
|
<div class="stat-label">API Keys</div>
|
|
<a href="/api-keys" class="stat-link">Manage →</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="quick-actions">
|
|
<h2>Quick Actions</h2>
|
|
<div class="action-grid">
|
|
<a href="/links?action=new" class="action-card">
|
|
<span class="action-icon">+</span>
|
|
<span class="action-label">Add Link</span>
|
|
</a>
|
|
<a href="/collections?action=new" class="action-card">
|
|
<span class="action-icon">+</span>
|
|
<span class="action-label">New Collection</span>
|
|
</a>
|
|
<a href="/api-keys?action=new" class="action-card">
|
|
<span class="action-icon">+</span>
|
|
<span class="action-label">Create API Key</span>
|
|
</a>
|
|
<a href="/docs" target="_blank" class="action-card">
|
|
<span class="action-icon">🛠</span>
|
|
<span class="action-label">API Documentation</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="admin-section" class="admin-quick" style="display: none;">
|
|
<h2>Admin</h2>
|
|
<div class="action-grid">
|
|
<a href="/admin" class="action-card">
|
|
<span class="action-icon">👤</span>
|
|
<span class="action-label">Manage Users</span>
|
|
</a>
|
|
<a href="/admin?action=new-user" class="action-card">
|
|
<span class="action-icon">+</span>
|
|
<span class="action-label">Create User</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block extra_js %}
|
|
<script src="/static/js/dashboard.js?v={{ build_id }}"></script>
|
|
{% endblock %}
|