2024-07-29 16:58:08 -05:00
|
|
|
<template name="addProdToListModal">
|
2024-07-30 08:37:42 -05:00
|
|
|
<div class="modal tall-modal" id="addProdToList">
|
|
|
|
|
<div class="modal-content tall-content">
|
2024-07-29 16:58:08 -05:00
|
|
|
<h2>Add Items to List</h2>
|
|
|
|
|
<form class="row" style="gap: 1em;">
|
|
|
|
|
<div class="col s12 input-field outlined" id="chooseListDiv">
|
|
|
|
|
<select name="chooseList" id="chooseList">
|
|
|
|
|
{{#each setOfLists}}
|
|
|
|
|
<option value="{{_id}}">{{listName}}</option>
|
|
|
|
|
{{/each}}
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col s12">
|
|
|
|
|
<ul class="collection with-header">
|
|
|
|
|
<li class="collection-header">
|
|
|
|
|
<h4>Products to Add</h4>
|
|
|
|
|
</li>
|
|
|
|
|
{{#each productToChoose}}
|
2024-08-14 11:38:13 -05:00
|
|
|
{{#each products}}
|
|
|
|
|
<li class="collection-item">
|
|
|
|
|
<div>
|
|
|
|
|
<p>
|
|
|
|
|
<label>
|
|
|
|
|
<input type="checkbox" class="productListing" id="{{prodId}}" />
|
|
|
|
|
<span class="my-text">{{prodName}}</span>
|
|
|
|
|
</label>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
{{/each}}
|
2024-07-29 16:58:08 -05:00
|
|
|
{{/each}}
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<div class="row">
|
2024-07-30 08:37:42 -05:00
|
|
|
<div class="col s6 m6 l6">
|
2024-07-29 16:58:08 -05:00
|
|
|
<a class="left btn waves-effect waves-light orange white-text modal-close">Cancel</a>
|
|
|
|
|
</div>
|
2024-07-30 08:37:42 -05:00
|
|
|
<div class="col s6 m6 l6">
|
2025-07-30 07:11:50 -05:00
|
|
|
<a class="right btn waves-effect waves-light green white-text saveProdsToList modal-close" id="saveProdsToList">Save to List</a>
|
2024-07-29 16:58:08 -05:00
|
|
|
</div>
|
2025-07-30 07:11:50 -05:00
|
|
|
</div>
|
2024-07-29 16:58:08 -05:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{{> snackbar}}
|
2024-08-14 11:38:13 -05:00
|
|
|
</template>
|