BrainMinder/assets/templates/items/all_list.tmpl

{{define "itemsAll:list"}}
<div id="all_items_search" hidden>
<div class="panel-search">
  <form method="POST" hx-post="/items" hx-target="#items">
    <div class="row">
      <div class="col s12 m6 l4" style="padding-right: 4px">
        <label for="item-title">Title</label>
        <input name="Title" id="item-title" type="text" value=""/>
      </div>
      <div class="col s12 m6 l4" style="padding-right: 4px">
        <label for="item-title">Category</label>
        <input name="Category" id="item-category" type="text" value=""/>
      </div>
      <div class="col s12 m6 l4" style="padding-left: 4px">
        <label for="item-tags">Tags</label>
        <input name="Keywords" id="item-tags" type="text" value=""/>
      </div>
    </div>
    <div class="bar" style="padding-top: 8px; padding-bottom: 8px"><button type="submit" class="main"><i class="bi bi-search"></i> Find</button></div>
  </form>
  </div>
</div>
<div id="items" class="list">
  <table class="table-all responsive striped stickyheader">
    <thead>
      <tr>
        <th>Title</th>
        <th>Type</th>
        <th>Categories</th>
        <th>Tags</th>
        <th class="operations">
          <a class="button" href="#" onclick="bm_toggle_visibility_list_search('all_items_search'); return false;"><i class="bi bi-search"></i></a>
        </th>
      </tr>
    </thead>
    <tbody>
       {{ template "itemsAll:list_rows" .}}
    </tbody>
  </table>
</div>
{{ end }}