Added a Sales Sheet page along with other changes.

imports/ui/SalesSheets.html

@@ -0,0 +1,34 @@
+<!-- A simple container that ensures that we set some session variables before setting up the child components, and after the subscriptions are ready. -->
+<!-- I was having trouble with the tab & tabData helpers being called before the session variables that use them were setup. -->
+<template name="SalesSheets">
+	<div id="salesSheetsMain" class="verticalStack">
+		{{#if Template.subscriptionsReady}}
+			{{> SalesSheetsMain}}
+		{{else}}
+		{{/if}}
+	</div>
+</template>
+
+<template name="SalesSheetsMain">
+	<section class="optionsSection vscFixed">
+		<div class="options">
+			<label style="margin-right: 10px">Selected Sheet</label>
+			<select name="sheetSelection" class="form-control">
+				{{#each sheets}}
+					<option value="{{_id}}" {{sheetsSelectIsSelected this isFirst}}>{{name}}</option>
+				{{/each}}
+			</select>
+			<i class="fa fa-wrench editSheet noselect clickable {{#if disableButtons}}disabled{{/if}} {{#if isEditingSheet}}selected{{/if}}" aria-hidden="true">
+			</i><i class="fa fa-trash-o deleteSheet noselect clickable {{#if disableButtons}}disabled{{/if}}" aria-hidden="true">
+			</i><input type="text" name="newSheetName" class="newSheetName form-control"/><i class="fa fa-plus-circle createSheet noselect clickable {{#if disableNext}}disabled{{/if}}" aria-hidden="true"></i>
+		</div>
+		<div class="separator" style="width: 70%"></div>
+		<div class="separator" style="width: 60%; opacity: .5"></div>
+		<div class="separator" style="width: 50%; opacity: .25"></div>
+	</section>
+	<section class="tabSection verticalStack vscExpand">
+		{{#if isSheetSelected}}
+			{{>Template.dynamic template=tab data=tabData}}
+		{{/if}}
+	</section>
+</template>