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>