diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/templates/index.html b/templates/index.html index cb0e1fc..dc76e5d 100644 --- a/templates/index.html +++ b/templates/index.html @@ -13,6 +13,26 @@ </div> </section> + <div class="search-row" style="margin-bottom: 20px;"> + <input + type="search" + id="film-search" + placeholder="Search by title or director…" + autocomplete="off" + > + <select id="film-sort"> + <option value="">Default order</option> + <option value="date_watched_desc">Date watched — newest</option> + <option value="date_watched_asc">Date watched — oldest</option> + <option value="title_asc">Title — A → Z</option> + <option value="title_desc">Title — Z → A</option> + <option value="year_desc">Year — newest</option> + <option value="year_asc">Year — oldest</option> + <option value="stars_desc">Stars — highest</option> + <option value="stars_asc">Stars — lowest</option> + </select> + </div> + {% if imported is not none %} <div class="notice">{{ imported }} entries imported.</div> {% endif %} @@ -38,7 +58,7 @@ {% endif %} {% if films %} - <section class="diary-feed" id="film-feed" aria-label="Diary entries"> + <section class="diary-feed" id="film-feed" data-shelf="{{ active_shelf }}" aria-label="Diary entries"> {% if active_shelf == 'diary' and grouped_films %} {% for group in grouped_films %} <div class="month-group" data-month="{{ group.month }}"> |