Files
DavidSaylor fe4cbc3537 feat: add web UI, query engine, session management, and 20 E2E tests
- 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)
2026-05-22 07:46:53 -05:00

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 &rarr;</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 &rarr;</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 &rarr;</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">&#128736;</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">&#128100;</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 %}