33 lines
No EOL
1.3 KiB
HTML
33 lines
No EOL
1.3 KiB
HTML
<template name="measurements">
|
|
<h1>Workouts</h1>
|
|
{{#if $eq showAddMeasurementForm true}}
|
|
<div id="addMasurementForm">
|
|
<div class="grid">
|
|
<div>
|
|
<label for="measurementName">Body Part to Measure *</label>
|
|
<input type="text" required class="measurementName" id="measurementName" />
|
|
</div>
|
|
<div>
|
|
<label for="measurementUnits">Measurement Units</label>
|
|
<select name="measurementUnits" id="measurementUnits">
|
|
<option value="" disabled selected>...</option>
|
|
<option value="in">in</option>
|
|
<option value="cm">cm</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="grid">
|
|
<div>
|
|
<button class="primary right" id="addMeasurementForm">Save</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
<ul class="collection">
|
|
{{#each measurements}}
|
|
<li class="collection-item clickable measure" id="{{_id}}"><div class="group"><span>{{measurementName}}</span><span class="right">({{measurementUnits}})</span></div></li>
|
|
{{/each}}
|
|
<li class="collection-footer clickable" id="addMeasurement"> + Add a Measurement to Make</li>
|
|
</ul>
|
|
{{> snackbar}}
|
|
</template> |