147 lines
7.8 KiB
HTML
147 lines
7.8 KiB
HTML
{% extends "layout.html" %}
|
|
|
|
{% block title %}Manage Short URLs - BZOD{% endblock %}
|
|
|
|
{% block active_urls %}active{% endblock %}
|
|
|
|
{% block header_title %}Short URL Registry{% endblock %}
|
|
|
|
{% block content %}
|
|
{% if let Some(err) = error %}
|
|
<div class="alert alert-error">
|
|
{{ err }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div style="display: grid; grid-template-columns: 1fr 2fr; gap: 1.5rem; align-items: start;">
|
|
<!-- Create Link Form -->
|
|
<div class="card">
|
|
<h3 style="font-size: 1.1rem; margin-bottom: 1.25rem; display: flex; align-items: center; gap: 0.5rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
|
|
Shorten a New URL
|
|
</h3>
|
|
|
|
<form action="/admin/urls/create" method="POST">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
|
|
|
|
<div class="form-group">
|
|
<label for="destination">Destination URL *</label>
|
|
<input type="url" id="destination" name="destination" class="form-input" placeholder="https://example.com/very-long-path" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="code">Short Code (6-Hex, optional)</label>
|
|
<input type="text" id="code" name="code" class="form-input" placeholder="e.g. 4f8c1a (auto-generated if empty)" pattern="[0-9a-fA-F]{6}" title="Must be exactly 6 hex characters (0-9, a-f)">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="title">Title (optional)</label>
|
|
<input type="text" id="title" name="title" class="form-input" placeholder="e.g. My Blog Post">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="description">Description (optional)</label>
|
|
<textarea id="description" name="description" class="form-input" placeholder="Notes or summary..." rows="2"></textarea>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="tags">Tags (comma-separated, optional)</label>
|
|
<input type="text" id="tags" name="tags" class="form-input" placeholder="e.g. blog, tech, personal">
|
|
</div>
|
|
|
|
<button type="submit" class="btn" style="width: 100%; margin-top: 0.5rem;">Create Link</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Links Table -->
|
|
<div class="card" style="padding: 0; overflow: hidden;">
|
|
<div style="padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center;">
|
|
<h3 style="font-size: 1.1rem; display: flex; align-items: center; gap: 0.5rem;">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
|
|
Registered Links
|
|
</h3>
|
|
{% if let Some(tag) = tag_filter %}
|
|
<span class="badge badge-healthy" style="text-transform: none;">
|
|
Filtered by tag: {{ tag }}
|
|
<a href="/admin/urls" style="color: inherit; text-decoration: none; margin-left: 0.5rem; font-weight: bold;">×</a>
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="table-container">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Short Link</th>
|
|
<th>Destination</th>
|
|
<th>Health</th>
|
|
<th>Tags</th>
|
|
<th>Created</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% if urls.is_empty() %}
|
|
<tr>
|
|
<td colspan="6" style="text-align: center; color: var(--text-secondary); padding: 3rem;">
|
|
No shortened URLs registered. Create one to get started!
|
|
</td>
|
|
</tr>
|
|
{% else %}
|
|
{% for url in urls %}
|
|
<tr>
|
|
<td>
|
|
<a href="/{{ url.code }}" target="_blank" style="color: var(--accent-color); font-weight: 700; text-decoration: none; font-family: monospace; font-size: 1rem;">
|
|
bzo.in/{{ url.code }}
|
|
</a>
|
|
<div style="font-size: 0.8rem; color: var(--text-secondary); margin-top: 0.25rem; font-weight: 500;">
|
|
{{ url.title.as_deref().unwrap_or("") }}
|
|
</div>
|
|
</td>
|
|
<td style="max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
|
|
<a href="{{ url.destination }}" target="_blank" style="color: var(--text-secondary); text-decoration: none; font-size: 0.85rem;" title="{{ url.destination }}">
|
|
{{ url.destination }}
|
|
</a>
|
|
{% if let Some(desc) = url.description.as_deref() %}
|
|
{% if !desc.is_empty() %}
|
|
<div style="font-size: 0.75rem; color: var(--text-muted); margin-top: 0.25rem;">
|
|
{{ desc }}
|
|
</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
<span class="badge badge-{{ url.status }}">
|
|
{{ url.status }}
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<div style="display: flex; gap: 0.25rem; flex-wrap: wrap; max-width: 150px;">
|
|
{% for t in url.tags %}
|
|
<a href="/admin/urls?tag={{ t }}" class="badge" style="background-color: rgba(255,255,255,0.05); color: var(--text-secondary); text-decoration: none; font-size: 0.7rem; border: 1px solid var(--border-color);">
|
|
{{ t }}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</td>
|
|
<td style="font-size: 0.8rem; color: var(--text-secondary);">
|
|
{{ url.created_at[0..10] }}
|
|
</td>
|
|
<td>
|
|
<form action="/admin/urls/delete/{{ url.id }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this link?');">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
|
|
<button type="submit" class="btn btn-danger" style="padding: 0.4rem 0.6rem; font-size: 0.8rem;">
|
|
Delete
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|