PetitTetonMeteor/imports/ui/SalesSheets.html

<!-- 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}}" {{isSheetSelected}}>{{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 hasSelectedSheet}}
			{{>Template.dynamic template=activeTemplateName data=selectedSheetId}}
		{{/if}}
	</section>
</template>