archive/hourglass/client/admin/admin.html

<template name="admin">

	  <div id="mainpage{{userProfile}}" onclick="window.location='/'"><h2>Main Page</h2></div>
    <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>