PetitTetonMeteor/imports/ui/layouts/Body.html

<template name="Body">
	{{> sAlert}}
	<div id="mainBody" class="mainBody">
		<nav class="leftSidebarContainer generalSidebar">
			<a href="javascript:" class="fa fa-balance-scale leftSidebarMenuButton generalMenuButton" aria-hidden="true"></a>
			<div class="leftSidebar">
				<div class="logoArea">
					<i class="fa fa-sign-out fa-2x signOut" aria-hidden="true"></i>
					<div class="logo">
						<img src="/images/PetitTetonLogo_v2.png"/>
					</div>
				</div>
				<div class="menuArea generalMenu">
					<ul>
						<li class="{{isActiveRoute 'Sales'}}">
							<a href="{{pathFor 'Sales'}}">
								Sales<!-- <a class="subMenu {{isActiveRoute 'SalesSheets'}}" href="{{pathFor 'SalesSheets'}}">Sales Sheets</a>-->
							</a>
						</li>
						<li class="{{isActiveRoute 'SalesSheets'}}">
							<a href="{{pathFor 'SalesSheets'}}">
								Sales Sheets
							</a>
						</li>
						<li class="{{isActiveRoute 'Production'}}">
							<a href="{{pathFor 'Production'}}">
								Production<!-- <span class="tag">sample</span>-->
							</a>
						</li>
					</ul>
				</div>
				<div class="footer">
					&copy; Petit Teton LLC 2017
				</div>
			</div>
		</nav>
		<nav class="leftSidebarContainer graphsSidebar">
			<a href="javascript:" class="fa fa-line-chart leftSidebarMenuButton graphsMenuButton" aria-hidden="true"></a>
			<div class="leftSidebar">
				<div class="logoArea">
					<i class="fa fa-sign-out fa-2x signOut" aria-hidden="true"></i>
					<div class="logo">
						<img src="/images/PetitTetonLogo_v2.png"/>
					</div>
				</div>
				<div class="menuArea graphsMenu">
					<ul>
						<li class="{{isActiveRoute 'Graphs'}}">
							<a href="{{pathFor 'Graphs'}}">
								Graphs
							</a>
						</li>
					</ul>
					<ul>
						<li class="{{isActiveRoute 'Reports'}}">
							<a href="{{pathFor 'Reports'}}">
								Reports
							</a>
						</li>
					</ul>
				</div>
				<div class="footer">
					&copy; Petit Teton LLC 2017
				</div>
			</div>
		</nav>
		<nav class="leftSidebarContainer settingsSidebar">
			<a href="javascript:" class="fa fa-cogs leftSidebarMenuButton settingsMenuButton" aria-hidden="true"></a>
			<div class="leftSidebar">
				<div class="logoArea">
					<i class="fa fa-sign-out fa-2x signOut" aria-hidden="true"></i>
					<div class="logo">
						<img src="/images/PetitTetonLogo_v2.png"/>
					</div>
				</div>
				<div class="menuArea settingsMenu">
					<ul>
						{{#if isInRole 'manage'}}
							<li class="{{isActiveRoute 'UserManagement'}}">
								<a href="{{pathFor 'UserManagement'}}">
									User Management
								</a>
							</li>
							<li class="{{isActiveRoute 'MiscManagement'}}">
								<a href="{{pathFor 'MiscManagement'}}">
									Misc Management
								</a>
							</li>
						{{/if}}
						<li class="{{isActiveRoute 'Products'}}">
							<a href="{{pathFor 'Products'}}">
								Products
							</a>
						</li>
						<li class="{{isActiveRoute 'Pricing'}}">
							<a href="{{pathFor 'Pricing'}}">
								Pricing
							</a>
						</li>
						<li class="{{isActiveRoute 'ProductTags'}}">
							<a href="{{pathFor 'ProductTags'}}">
								Tags
							</a>
						</li>
						<li class="{{isActiveRoute 'Measures'}}">
							<a href="{{pathFor 'Measures'}}">
								Measures
							</a>
						</li>
						<li class="{{isActiveRoute 'Venues'}}">
							<a href="{{pathFor 'Venues'}}">
								Venues
							</a>
						</li>
						<li class="{{isActiveRoute 'Workers'}}">
							<a href="{{pathFor 'Workers'}}">
								Workers
							</a>
						</li>
					</ul>
				</div>
				<div class="footer">
					&copy; Petit Teton LLC 2017
				</div>
			</div>
		</nav>
		<div class="contentBody verticalStack">
			{{> Template.dynamic template=content}}
		</div>
	</div>
</template>

<!--<template name="Body">-->
	<!--<div id="layoutBody">-->
		<!--<div class="bodyTableRow">-->
			<!--<div class="left bodyTableCell">-->
				<!--<ul>-->
					<!--{{#if isInRole 'manage'}}-->
						<!--<li class="{{isActiveRoute 'UserManagement'}}">-->
							<!--<a href="{{pathFor 'UserManagement'}}">-->
								<!--User Management-->
							<!--</a>-->
						<!--</li>-->
					<!--{{/if}}-->
					<!--<li class="{{isActiveRoute 'Sales'}}">-->
						<!--<a href="{{pathFor 'Sales'}}">-->
							<!--Sales <span class="tag">Test Tag</span>-->
						<!--</a>-->
					<!--</li>-->
					<!--<li class="{{isActiveRoute 'Production'}}">-->
						<!--<a href="{{pathFor 'Production'}}">-->
							<!--Production <span class="tag">sample</span>-->
						<!--</a>-->
					<!--</li>-->
				<!--</ul>-->
			<!--</div>-->
			<!--<div class="bodyTableCell">-->
				<!--<div class="bodyTable">-->
					<!--<div class="header bodyTableRow">-->
						<!--&nbsp;-->
					<!--</div>-->
					<!--<div class="content bodyTableRow">-->
						<!--{{> Template.dynamic template=content}}-->
					<!--</div>-->
				<!--</div>-->
			<!--</div>-->
		<!--</div>-->
		<!--<div class="footer bodyTableRow">-->
			<!--&copy; Petit Teton LLC 2017-->
		<!--</div>-->
	<!--</div>-->
<!--</template>-->