album/templates/search.rs.html

@use super::{data_positions, page_base, photo_link};
@use crate::models::Coord;
@use crate::server::{Context, PhotoLink};
@use crate::server::search::SearchQuery;

@(context: &Context, query: &SearchQuery, photos: &[PhotoLink], coords: &[(Coord, i32)])

@:page_base(context, "Search", &[], {}, {

  <form class="search" action="/search/" method="get">
    <label for="s_q" accesskey="s" title="Search">🔍</label>
    <div class="refs">
      @for p in &query.p {
        <label class="@if !p.inc {not }p">@p.item.person_name <input type="checkbox" name="p" value="@if !p.inc {!}@p.item.slug" checked/></label>
      }
      @for t in &query.t {
        <label class="@if !t.inc {not }t">@t.item.tag_name <input type="checkbox" name="t" value="@if !t.inc {!}@t.item.slug" checked/></label>
      }
      @for l in &query.l {
        <label class="@if !l.inc {not }l">@l.item.place_name <input type="checkbox" name="l" value="@if !l.inc {!}@l.item.slug" checked/></label>
      }
      @if let Some(pos) = &query.pos {
        <label@if !pos { class="not"}>pos <input type="checkbox" name="pos" value="@if !pos {!}t" checked/></label>
      }
      <input id="s_q" name="q" type="search"/>
    </div>
    <div class="time">
      <span><input type="date" name="since_date" value='@query.since.map(|d| d.format("%Y-%m-%d").to_string()).unwrap_or_default()'><input type="time" name="since_time" value='@query.since.map(|d| d.format("%H:%M:%S").to_string()).unwrap_or_default()'></span>
      -
      <span><input type="date" name="until_date" value='@query.until.map(|d| d.format("%Y-%m-%d").to_string()).unwrap_or_default()'><input type="time" name="until_time" value='@query.until.map(|d| d.format("%H:%M:%S").to_string()).unwrap_or_default()'></span>
    </div>
  </form>
  @if !query.q.is_empty() {
  <p>Sorry, no raw queries supported yet.
  Try selection some suggestions
  (javascript is needed for this, sorry again).</p>
  }
  <div class="group"@:data_positions(coords)>
    @for p in photos {@:photo_link(p)}
  </div>
})