PetitTetonMeteor/imports/ui/Sales.html

<template name="Sales">
	<div id="salesMain">
		{{#if Template.subscriptionsReady}}
			<div class="insertSale">
				{{>InsertSale}}
			</div>
			<div class="grid">
				<table class="dataTable table table-striped table-hover">
					<thead>
					<tr class="headers">
						<th class="tdLarge noselect nonclickable" style="width: 80px">Amount</th>
						<th class="tdLarge noselect nonclickable">Product</th>
						<th class="tdLarge noselect nonclickable" style="width: 140px">Price</th>
						<th class="tdLarge noselect nonclickable" style="width: 90px">Measure</th>
						<th class="tdLarge noselect nonclickable" style="width: 140px">Date (Week)</th>
						<th class="tdLarge noselect nonclickable" style="width: 120px">Venue</th>
						<th class="tdLarge noselect nonclickable" style="width: 90px">Actions</th>
					</tr>
					<tr class="footers">
						<th>{{>SaleSearch columnName='amount' width='90%'}}</th>
						<th>{{>SaleSearch columnName='productId' collectionQueryColumnName='name' collection='Products' collectionResultColumnName='_id' width='90%'}}</th>
						<th>{{>SaleSearch columnName='price' width='90%'}}</th>
						<th>{{>SaleSearch columnName='measureId' collectionQueryColumnName='name' collection='Measures' collectionResultColumnName='_id' width='90%'}}</th>
						<th></th>
						<th>{{>SaleSearch columnName='venueId' collectionQueryColumnName='name' collection='Venues' collectionResultColumnName='_id' width='90%'}}</th>
						<th></th>
					</tr>
					</thead>
					<tbody>
					{{#each sales}}
						{{> Sale}}
					{{/each}}
					</tbody>
				</table>
			</div>
		{{else}}
		{{/if}}
	</div>
</template>

<template name="Sale">
	<tr>
		<!--{{#if editable}}-->
			<td class="tdLarge noselect nonclickable center">{{amount}}</td>
			<td class="tdLarge noselect nonclickable left">{{productName productId}}</td>
			<td class="tdLarge noselect nonclickable left">{{formatPrice price}}{{#if showTotalPrice amount}} ({{formatTotalPrice price amount}}){{/if}}</td>
			<td class="tdLarge noselect nonclickable left">{{measureName measureId}}</td>
			<td class="tdLarge noselect nonclickable left">{{formatDate date}}</td>
			<td class="tdLarge noselect nonclickable left">{{venueName venueId}}</td>
			<td class="tdLarge noselect left"><i class="fa fa-times-circle fa-lg saleRemove clickable" aria-hidden="true"></i></td>
			<!--<a class="saleEdit" href="javascript:"><i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i></a>/-->
		<!--{{else}}-->
			<!--<form class="editSaleForm" autocomplete="off">-->
				<!--<td><input name="amount" class="form-control" type="number" min="0" data-schema-key='amount' value="{{amount}}" required></td>-->
				<!--<td><input name="product" class="form-control" type="text" required/></td>-->
				<!--<td><input name="price" class="form-control" type="number" min="0" data-schema-key='currency' value="{{price}}" required></td>-->
				<!--<td>-->
					<!--<select name="measure" class="form-control" required>-->
						<!--{{#each measures}}-->
							<!--<option value="{{this._id}}">{{this.name}}</option>-->
						<!--{{/each}}-->
					<!--</select>-->
				<!--</td>-->
				<!--<td><input type="date" class="form-control" name="date" data-schema-key='date' value="{{date}}" required></td>-->
				<!--<td>-->
					<!--<select name="venue" class="form-control" required>-->
						<!--{{#each venues}}-->
							<!--<option value="{{this._id}}">{{this.name}}</option>-->
						<!--{{/each}}-->
					<!--</select>-->
				<!--</td>-->
				<!--<td><a class="editorSave" href="javascript:"><i class="fa fa-check-square-o fa-lg" aria-hidden="true"></i></a>/<a class="editorCancel" href="javascript:"><i class="fa fa-times-circle fa-lg" aria-hidden="true"></i></a></td>-->
			<!--</form>-->
		<!--{{/if}}-->
	</tr>
</template>

<template name="SaleSearch">
	<input type="text" class="searchInput" placeholder="Filter..." value="{{searchValue}}" style="padding-right: 10px; width: {{width}}"/>
</template>

<template name="InsertSale">
	<form id="insertSale" autocomplete="off">
		<div class="row">
			<div class="col-md-4 col-sm-6">
				<div class="formGroupHeading">New Sale</div>
				<div class="form-group">
					<label for='InsertSaleDate' class='control-label'>Date</label>
					<input type="date" class="form-control" name="date" data-schema-key='date' required>
				</div>
				<div class="form-group">
					<label for='InsertSaleProduct' class='control-label'>Product</label>
					<input name="product" class="form-control" type="text" required/>
				</div>
				<div class="form-group">
					<label for='InsertSaleVenue' class='control-label'>Venue</label>
					<input name="venue" class="form-control" type="text" required/>
				</div>
			</div>
			{{#each productMeasures}}
				{{>InsertSaleMeasure this}}
			{{/each}}
			<div class="col-md-12">
				<div class="form-group">
					<input type="submit" class="btn btn-success" value="Save Sale">
				</div>
			</div>
		</div>
	</form>
</template>

<template name="InsertSaleMeasure">
	<div class="col-md-4 col-sm-6 insertSaleMeasure">
		<div class="formGroupHeading">{{name}}</div>
		<input type="hidden" class="measureId" value="{{this._id}}">
		<div class="form-group">
			<label class='control-label'>Amount</label>
			<input type="number" class="form-control amount" name="amount" min="0" data-schema-key='amount' value="{{amount}}" required>
		</div>
		<div class="form-group">
			<label class='control-label'>Price</label>
			<input type="number" class="form-control price" name="price" min="0" data-schema-key='currency' value="{{price}}" required>
		</div>
		<div class="form-group">
			<label class='control-label'>Total</label>
			<input type="number" class="form-control total" name="total" tabindex="-1" data-schema-key='currency' value="{{total}}" readonly>
		</div>
	</div>
</template>