feat: add web UI with login, CRUD, admin, and API key management

- Add login page with JWT authentication
- Add dashboard with stats and quick actions
- Add links management page (full CRUD with search)
- Add collections management page
- Add API key management page with copy-to-clipboard
- Add admin user management page (admin only)
- Fix UUID type mismatches across all endpoints
- Add updated_at column to api_keys and audit_log in schema.sql
- Fix DB_PASSWORD default in docker-compose.yml
- Add PyJWT to requirements.txt
- Fix API docs URL (/docs instead of /api/docs)
- Improve JS error handling (show actual messages)
- Rewrite conftest.py with proper DB lifecycle management
- Add 42 new integration tests (84 total, all passing)
  - test_admin.py: 15 tests for admin endpoints
  - test_auth_extended.py: 9 tests for API key CRUD
  - test_tags.py: 12 tests for tag endpoints
  - test_sync.py: 6 tests for sync endpoints
This commit is contained in:
DavidSaylor
2026-05-21 07:21:49 -05:00
parent 09d30427f4
commit 77b076c7d7
31 changed files with 2740 additions and 213 deletions

View File

@@ -0,0 +1,80 @@
{% extends "base.html" %}
{% block title %}Links - LinkSync{% endblock %}
{% block content %}
<div class="page-header">
<h1>Links</h1>
<button class="btn btn-primary" id="new-link-btn">+ New Link</button>
</div>
<div class="search-bar">
<input type="text" id="search-input" placeholder="Search links by title or URL...">
<button class="btn btn-secondary" id="search-btn">Search</button>
</div>
<div id="links-list" class="links-table">
<div class="loading">Loading links...</div>
</div>
<div id="link-modal" class="modal" style="display: none;">
<div class="modal-overlay"></div>
<div class="modal-content">
<div class="modal-header">
<h2 id="modal-title">Add Link</h2>
<button class="modal-close" id="modal-close">&times;</button>
</div>
<form id="link-form">
<input type="hidden" id="link-id">
<div class="form-group">
<label for="link-url">URL *</label>
<input type="url" id="link-url" required>
</div>
<div class="form-group">
<label for="link-title">Title *</label>
<input type="text" id="link-title" required>
</div>
<div class="form-group">
<label for="link-description">Description</label>
<textarea id="link-description" rows="2"></textarea>
</div>
<div class="form-group">
<label for="link-notes">Notes</label>
<textarea id="link-notes" rows="3"></textarea>
</div>
<div class="form-group">
<label for="link-tags">Tags (comma-separated)</label>
<input type="text" id="link-tags" placeholder="tag1, tag2, tag3">
</div>
<div class="form-group">
<label for="link-favicon">Favicon URL</label>
<input type="url" id="link-favicon">
</div>
<div class="form-group">
<label for="link-path">Path/Folder</label>
<input type="text" id="link-path">
</div>
<div class="form-actions">
<button type="button" class="btn btn-secondary" id="cancel-btn">Cancel</button>
<button type="submit" class="btn btn-primary" id="save-btn">Save</button>
</div>
</form>
</div>
</div>
<div id="delete-modal" class="modal" style="display: none;">
<div class="modal-overlay"></div>
<div class="modal-content modal-sm">
<h2>Delete Link</h2>
<p>Are you sure you want to delete this link? This action cannot be undone.</p>
<div class="form-actions">
<button class="btn btn-secondary" id="delete-cancel-btn">Cancel</button>
<button class="btn btn-danger" id="confirm-delete-btn">Delete</button>
</div>
</div>
</div>
{% endblock %}
{% block extra_js %}
<script src="/static/js/links-page.js"></script>
{% endblock %}