mirror of
https://codeberg.org/Toasterson/ips.git
synced 2026-04-10 21:30:41 +00:00
2b6613dbfe
Design overhaul: - Dark "Solaris Engineering" theme with amber accent colors - JetBrains Mono + Source Sans 3 typography via Google Fonts - Publisher cards with accent borders and stats layout - Styled package tables with hover states - Breadcrumb navigation and active nav indicators - Colored dependency type badges (require/optional/incorporate) - Terminal-style install command display - Floating pill-shaped P5I cart with enter animation - Custom scrollbars for manifest viewer Bug fixes: - P5I cart now hidden by default (was visible with 0 items) - "Updated" timestamp now formatted via format_packaging_date - Package count falls back to list_packages when get_info reports 0
48 lines
1.4 KiB
HTML
48 lines
1.4 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Search Packages{% endblock %}
|
|
{% block nav_search %} class="active"{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="page-header">
|
|
<h1>Search Packages</h1>
|
|
<p class="subtitle">Find packages by name, summary, or description</p>
|
|
</div>
|
|
|
|
<div class="search-wrapper">
|
|
<div class="search-field">
|
|
<span class="search-icon">🔍</span>
|
|
<input type="search"
|
|
name="q"
|
|
placeholder="Search packages..."
|
|
hx-get="/ui/search/results"
|
|
hx-trigger="input changed delay:300ms, search"
|
|
hx-target="#search-results"
|
|
hx-indicator="#search-spinner"
|
|
hx-include="[name='publisher']"
|
|
autofocus>
|
|
</div>
|
|
|
|
{% if !publishers.is_empty() %}
|
|
<details class="search-filter">
|
|
<summary>Filter by publisher</summary>
|
|
<select name="publisher">
|
|
<option value="">All publishers</option>
|
|
{% for p in &publishers %}
|
|
<option value="{{ p }}">{{ p }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
</details>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<span id="search-spinner" class="htmx-indicator">
|
|
<span class="spinner"></span> Searching...
|
|
</span>
|
|
|
|
<div id="search-results">
|
|
<div class="empty-state">
|
|
<p>Type to search packages across all publishers.</p>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|