Files
PetitTetonMeteor/imports/ui/Pricing.html

72 lines
2.7 KiB
HTML

<template name="Pricing">
<div id="pricing">
{{#if Template.subscriptionsReady}}
<div class="controls">
<div class="measureGroup" style="vertical-align: bottom">
<label class='controlLabel'>Selected Measure: </label>
<select name="measures">
{{#each measures}}
<option class="{{#if deactivated}}deactivated{{/if}}" value="{{_id}}">{{name}}</option>
{{/each}}
</select>
</div>
<div class="controlGroup" style="text-align: center">
<label class='controlLabel'>New Price: </label>
<input type="number" class="price" name="price" min="0" data-schema-key='currency' value="{{price}}" required>
<input type="button" class="btn btn-success applyButton" title="Applies the price to selected products." value="Apply">
<input type="button" class="btn btn-danger resetButton" title="Resets this form." value="Reset">
<br/>
<!--<span class="toggleUpdateHistory toggleButton clickable">Set Prev</span>-->
<div class="previousSettings outline">
<span class="controlLabel">Set Previous:</span>
<div class="toggleUpdateHistory checkbox checkbox-slider--b-flat">
<label>
<input type="checkbox" name="setPrevious" checked><span></span>
</label>
</div>
<label class='controlLabel' style="margin-left: 10px">Effective: </label>
<input type="date" class="form-control" name="date" data-schema-key='date' required>
</div>
</div>
<div class="contentControls">
<a class="loadMoreLink {{#if disableLoadMore}}disabled{{/if}}" href="javascript:">Load More...</a>
</div>
</div>
<div class="separatedTableHeader">
<table class="table table-striped table-hover">
<thead>
<tr>
<th class="name">Name</th>
<th class="current">Current</th>
<th class="changeDate">Change Date</th>
<th class="previous">Previous</th>
</tr>
</thead>
</table>
</div>
<div class="listRow">
<div class="listCell">
<div class="tableContainer mCustomScrollbar" data-mcs-theme="dark">
<table class="table table-striped table-hover">
<tbody>
{{#each product}}
{{> PricingForProduct}}
{{/each}}
</tbody>
</table>
</div>
</div>
</div>
{{else}}
{{/if}}
</div>
</template>
<template name="PricingForProduct">
<tr class="clickable noselect {{rowClass}}">
<td class="name tdLarge noselect nonclickable left">{{name}}</td>
<td class="current tdLarge noselect nonclickable left">{{currentPrice}}</td>
<td class="changeDate tdLarge noselect nonclickable left">{{priceChangeDate}}</td>
<td class="previous tdLarge noselect nonclickable left">{{previousPrice}}</td>
</tr>
</template>