47feedb273
- Replace dropdown hamburger menu with inline icon buttons for add, theme toggle, account/login - Move sign-out button to account page header - Remove unused icons (home, hamburger, close, checkin, timeline, squares) and add plus icon - Simplify data page header (remove inline add button, now in nav)
28 lines
1.1 KiB
HTML
28 lines
1.1 KiB
HTML
{% extends "base.html" %} {% import "partials/icons.html" as icons %} {% block title %}Brewlog · Data{% endblock %}
|
|
{% block content %}
|
|
<header class="flex flex-col gap-2">
|
|
<h1 class="text-3xl font-semibold">Data</h1>
|
|
<p class="max-w-2xl text-sm text-text-secondary">Browse all your coffee data.</p>
|
|
</header>
|
|
|
|
<div class="rounded-lg border bg-surface">
|
|
{% include "partials/tab_bar.html" %}
|
|
<!-- Search -->
|
|
<div class="border-t px-3 py-2" data-signals:_data-search="'{{ search_value }}'">
|
|
<input
|
|
type="search"
|
|
data-bind:_data-search
|
|
placeholder="Search..."
|
|
class="input-field w-full text-sm"
|
|
data-on:input__debounce.300ms="history.pushState(null, '', '/data?type=' + $_activeTab + '&q=' + encodeURIComponent($_dataSearch)); @get('/data?type=' + $_activeTab + '&q=' + encodeURIComponent($_dataSearch), {responseOverrides: {selector: '#data-content', mode: 'inner'}})"
|
|
{% if !search_value.is_empty() %}autofocus{% endif %}
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="data-content" class="data-page-content">
|
|
{{ content|safe }}
|
|
</div>
|
|
|
|
<div id="detail-panel"></div>
|
|
{% endblock %}
|