Added filtering option to Lists and Products views.

This commit is contained in:
Brian McGonagill 2022-08-25 15:39:27 -05:00
parent 0768e707b8
commit 7641b17e6f
6 changed files with 208 additions and 20 deletions

View file

@ -1,17 +1,39 @@
<template name="listItemsForm">
<div class="row">
<div class="col s6">
<h4>{{selListName}}</h4>
<div class="col s6 center">
<h5>{{selListName}}</h5>
</div>
<div class="col s6">
<p>
<label>
<input type="checkbox" id="showReceivedItems" />
<span>Show Recv'd</span>
</label>
</p>
<div class="row">
<div class="col s12">
<p>
<label>
<input type="checkbox" id="showReceivedItems" />
<span>Show Recv'd</span>
</label>
</p>
</div>
<div class="col s2 m1 l1">
{{#if $eq filtering false}}
<i class="material-icons clickable" id="filterOn">filter_list</i>
{{else}}
<i class="material-icons clickable" id="filterOff">clear</i>
{{/if}}
</div>
<div class="col s10 m11 l11">
Filter LIst
</div>
</div>
</div>
</div>
{{#if $eq filtering true}}
<div class="row">
<div class="col s8 input-field">
<input type="text" class="searchListItems" id="searchListItems" />
<label for="searchlistItems">Filter</label>
</div>
</div>
{{else}}
<div class="row">
<div class="col s9 m10 l10">
<input list="listItemsData" name="listItems" id="listItems">
@ -23,11 +45,8 @@
</datalist>
</div>
<div class="col s3 m2 l2">
{{#if $eq editMode false}}
<a class="waves-effect waves-light btn saveListItem green right">Add</a>
{{else}}
<a class="waves-effect waves-light btn renameListItem blue right">Rename</a>
{{/if}}
<a class="waves-effect waves-light btn saveListItem green right">Add</a>
</div>
</div>
{{/if}}
</template>