Updated product management to use newer materialize libraries

This commit is contained in:
Brian McGonagill 2024-07-23 12:01:33 -05:00
parent df3eb4ff08
commit 27b3c82faf
7 changed files with 65 additions and 83 deletions

View file

@ -1,35 +1,30 @@
<template name="prodMgmtForm">
<h4>Product Management</h4>
<form action="submit" class="prodInputForm">
<div class="row">
<div class="col s12 m6 l6 input-field">
<input type="text" class="prodName" style="{{#if $eq prodNameErr true}}border: 2px solid red;{{/if}}" id="prodName" />
<label for="prodName">Name*</label>
</div>
<div class="col s12 m6 l6 input-field">
<select name="prodStore" id="prodStore" class="prodStore">
<option value="" disabled selected></option>
{{#each stores}}
<option value="{{storeName}}">{{storeName}}</option>
{{/each}}
<option id="addNewStore" value="addNewStore">Add New Store</option>
</select>
<label for="prodStore">Store</label>
</div>
{{#if Template.subscriptionsReady}}
<form action="submit" class="row prodInputForm" style="gap: 1em;">
<div class="col s12 m6 l6 input-field outlined">
<input type="text" class="prodName" style="{{#if $eq prodNameErr true}}border: 2px solid red;{{/if}}" id="prodName" />
<label for="prodName">Name*</label>
</div>
<div class="row">
<div class="col s6 m6 l6">
<a class="waves-effect waves-light btn cancelProdMgmt orange">Cancel</a>
</div>
<div class="col s6 m6 l6">
{{#if $eq prodEditMode false}}
<a class="waves-effect waves-light btn saveProdMgmt green right">Add</a>
{{else}}
<a class="waves-effect waves-light btn editProdMgmt blue right">Save Edits</a>
{{/if}}
</div>
<div class="col s12 m6 l6 input-field outlined">
<select name="prodStore" id="prodStore">
<option value="" disabled selected></option>
<option id="addNewStore" value="addNewStore" class="modal-trigger" data-target="modalStore">+ Add New Store</option>
{{#each stores}}
<option value="{{storeName}}">{{storeName}}</option>
{{/each}}
</select>
<label for="prodStore">Store</label>
</div>
<div class="col s12 m12 l12">
{{#if $eq prodEditMode false}}
<a class="waves-effect waves-light btn saveProdMgmt green white-text right">Add</a>
{{else}}
<a class="waves-effect waves-light btn editProdMgmt blue white-text right">Save Edits</a>
{{/if}}
</div>
</form>
{{/if}}
<!-- Store Modal Structure -->
<div id="modalStore" class="modal">
@ -38,7 +33,8 @@
{{> storeMgmtForm}}
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Done</a>
<a href="#!" class="modal-close waves-effect green white-text btn">Done</a>
</div>
</div>
{{> snackbar}}
</template>