Added a Sales Sheet page along with other changes.

imports/ui/SalesSheetForm.html

@@ -0,0 +1,70 @@
+
+<!-- ******** Sales Sheet - Allows user to fill out the selected sales sheet (entering sales data). ********* -->
+
+<template name="SalesSheetForm">
+	{{#if this}}
+	<div class="vscFixed">
+		<div class="sheetHeader grid">
+			<div class="form-group col-6-12">
+				<label class='control-label'>Date</label>
+				<input type="date" class="form-control" name="date" data-schema-key='date' required>
+			</div>
+			<div class="form-group col-6-12">
+				<label class='control-label'>Venue</label>
+				<input name="venue" class="form-control" type="text" required/>
+			</div>
+		</div>
+	</div>
+	<div class="columnContainer vscExpand salesSheetProducts">
+		{{#each product in products}}
+			{{#if isHeading product}}
+				{{>SalesSheetFormHeader product}}
+			{{else}}
+				{{>SalesSheetFormProduct product}}
+			{{/if}}
+		{{/each}}
+		<div class="sheetControls columnContent">
+			<div class="saveSheet clickable noselect">Save Sales</div>
+			<div class="resetSheet clickable noselect">Reset Sheet</div>
+		</div>
+	</div>
+	{{/if}}
+</template>
+
+<!-- ******** Sales Sheet Header - The headers in the sales sheet form's list of products.  ********* -->
+
+<template name="SalesSheetFormHeader">
+	<div class="header columnContent">
+		<div class="name">{{name}}</div>
+	</div>
+</template>
+
+<!-- ******** Sales Sheet Product - The individual products in the sales sheet form.  ********* -->
+
+<template name="SalesSheetFormProduct">
+	{{#if isHeading}}
+	<div class="header columnContent">
+		<div class="name">{{name}}</div>
+	</div>
+	{{else}}
+	<div class="product columnContent {{#if odd}}odd{{/if}}" data-model="{{productId}}">
+		<div class="nameAndTotal">
+			<div class="name">{{name}}</div>
+			<div class="total">${{total}}</div>
+		</div>
+		<div class="measures">
+			{{#each measures}}
+				{{>SalesSheetFormProductMeasure}}
+			{{/each}}
+		</div>
+	</div>
+	{{/if}}
+</template>
+
+<template name="SalesSheetFormProductMeasure">
+	<div class="measure">
+		<span class="label">{{measureName}}</span>
+		#<input name="amount" type="number" step="1" min="0" value="{{measureAmount}}" data-model="{{this}}"/>
+		$<input name="price" type="number" step="1" min="0" value="{{measurePrice}}" data-model="{{this}}" data-default-price="{{measurePrice}}"/>
+	</div>
+</template>