archive/hourglass/client/admin/admin.html

<template name="admin">
	<div id="{{userProfile}}adminBanner" style="{{banner}}{{textColor}}">
		<ul id="adminTabs">
			<li id="aClasses" style="background-color:{{adminTabColor 'aClasses'}};margin-left:0">Classes</li>
			<li id="aUsers" style="background-color:{{adminTabColor 'aUsers'}}">Users</li>
			<li id="aWork" style="background-color:{{adminTabColor 'aWork'}}">Work</li>
			<li id="aSchools" style="background-color:{{adminTabColor 'aSchools'}}">Schools</li>
			<li id="aReports" style="background-color:{{adminTabColor 'aReports'}}">Reports</li>
		</ul>
	</div>
	<div id="aContainer">
		<div id="adminSide" style="background-color:{{divColor 'sidebar'}}">
			<div id="adminFilters">
				<div class="sectionTop">
					<i class="fa fa-server" aria-hidden="true"></i>
					<p>Filters</p>
				</div>
				{{#each filters}}
					<p class="aFilter">{{filter}}</p>
				{{/each}}
			</div>
			<div id="adminFunctions">
				<div class="sectionTop">
					<i class="fa fa-sliders" aria-hidden="true"></i>
					<p>Functions</p>
				</div>
				<div class="aFunction">
					<p>Add Item</p>
					<i class="fa fa-plus" aria-hidden="true"></i>
				</div>
				<div class="aFunction">
					<p>Search</p>
					<i class="fa fa-search" aria-hidden="true"></i>
				</div>
			</div>
		</div>
		<div id="adminContent" style="background-color:{{divColor 'header'}}">
			{{#if adminTab 'aClasses'}}
				{{#each collection 'classes'}}
					<div class="classItem" style="background-color:{{divColor 'classes'}}">
						<h2>Basic Info</h2>
						<div class="basicInfo">
							<div class="keyContainer">
								<span class="key">Name: </span>
								<span class="modify name">{{name}}</span>
								<i class="fa fa-files-o" aria-hidden="true"></i>
								<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
							</div>
							<div class="keyContainer">
								<span class="key">Hour: </span>
								<span class="modify hour">{{hour}}</span>
								<i class="fa fa-files-o" aria-hidden="true"></i>
								<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
							</div>
							<div class="keyContainer">
								<span class="key">Teacher: </span>
								<span class="modify teacher">{{teacher}}</span>
								<i class="fa fa-files-o" aria-hidden="true"></i>
								<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
							</div>
							<div class="keyContainer">
								<span class="key">School: </span>
								<span class="modify school">{{school}}</span>
								<i class="fa fa-files-o" aria-hidden="true"></i>
								<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
							</div>
							<div class="keyContainer">
								<span class="key">Category: </span>
								<span class="modify category">{{category}}</span>
								<i class="fa fa-files-o" aria-hidden="true"></i>
								<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
							</div>
							<div class="keyContainer">
								<span class="key">Privacy: </span>
								<span class="modify privacy">{{privacy}}</span>
								<i class="fa fa-files-o" aria-hidden="true"></i>
								<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
							</div>
							<div class="keyContainer">
								<span class="key">Code: </span>
								<span class="modify code">{{code}}</span>
								<i class="fa fa-files-o" aria-hidden="true"></i>
								<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
							</div>
						</div>
						<h2>User Info</h2>
						<div class="userInfo">
							<div class="keyContainer">
								<span class="key">Creator: </span>
								<span class="modify admin">{{admin}}</span>
								<i class="fa fa-files-o" aria-hidden="true"></i>
								<i class="fa fa-pencil-square-o" aria-hidden="true"></i>
							</div>
							<div class="keyContainer">
								<span class="key">Subscribers: </span>
								<i class="fa fa-plus" aria-hidden="true"></i><br>
								<div class="aUserContainer">
									{{#each subscribers}}
										{{> adminUserBox}}
									{{/each}}
								</div>	
							</div>
							<div class="keyContainer">
								<span class="key">Moderators: </span>
								<i class="fa fa-plus" aria-hidden="true"></i><br>
								<div class="aUserContainer">
									{{#each moderators}}
										{{> adminUserBox}}
									{{/each}}
								</div>
							</div>
							<div class="keyContainer">
								<span class="key">Banned: </span>
								<i class="fa fa-plus" aria-hidden="true"></i><br>
								<div class="aUserContainer">
									{{#each banned}}
										{{> adminUserBox}}
									{{/each}}
								</div>
							</div>
						</div>
					</div>
				{{/each}}
			{{/if}}
			{{#if adminTab 'aUsers'}}
				{{#each collection 'users'}}
				{{/each}}
			{{/if}}
			{{#if adminTab 'aWork'}}
				{{#each collection 'work'}}
				{{/each}}
			{{/if}}
			{{#if adminTab 'aSchools'}}
				{{#each collection 'schools'}}
				{{/each}}
			{{/if}}
			{{#if adminTab 'aReports'}}
				{{#each collection 'requests'}}
				{{/each}}
			{{/if}}
		</div>
	</div>
	<div class="overlay">
		<div id="editValue" style="background-color:{{divColor 'header'}} ">
			<p>New Value</p>
			<input id="valueArea">
			<div>
				<i class="fa fa-check-circle-o" aria-hidden="true"></i>
  				<i class="fa fa-times-circle-o" aria-hidden="true"></i>
  			</div>
		</div>
	</div>
	<input id="copyArea">
</template>

<template name="adminUserBox">
	<span>{{email}}</span>
	{{#if none}}
		<i class="fa fa-times" aria-hidden="true"></i>
	{{/if}}
</template>