89 lines
3.1 KiB
HTML
89 lines
3.1 KiB
HTML
<head>
|
|
<title>Hourglass</title>
|
|
<link rel="icon" href="favicon.ico?v=2">
|
|
</head>
|
|
|
|
<template name="main">
|
|
<header style="background-color:{{divColor 'header'}}">
|
|
<div id="aboveBar">
|
|
<i class="fa fa-bars" aria-hidden="true" style="color:{{iconColor 'menu'}}"></i>
|
|
<h1>Hourglass</h1><h2>{{schoolName}}</h2>
|
|
<i class="fa fa-cog" aria-hidden="true" style="color:{{iconColor 'options'}}"></i>
|
|
</div>
|
|
<div id="loadBar">
|
|
<div id="progress" style="background-color:{{loadType}};width:{{loadPercent}}"></div>
|
|
</div>
|
|
</header>
|
|
<div id="menuContainer" style="margin-left:{{menuStatus}};background-color:{{divColor 'sidebar'}}">
|
|
<div class="mode classes">
|
|
<i class="fa fa-university" aria-hidden="true"></i>
|
|
<h4 style="color:{{modeStatus 'classes'}}">Classes</h4>
|
|
</div>
|
|
<div class="mode calendar">
|
|
<i class="fa fa-calendar" aria-hidden="true"></i>
|
|
<h4 style="color:{{modeStatus 'calendar'}}">Calendar</h4>
|
|
</div>
|
|
<div id="functions">
|
|
<div class="function manageClass" onclick="window.location='/profile'">
|
|
<i class="fa fa-tasks" aria-hidden="true"></i>
|
|
<h4>Manage Classes</h4>
|
|
</div>
|
|
</div>
|
|
<div id="classListHolder">
|
|
<h3>Enrolled</h3>
|
|
{{#each myClasses}}
|
|
{{> sidebarClasses}}
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
<div id="optionsContainer" style="margin-right:{{optionsStatus}};background-color:{{divColor 'sidebar'}}">
|
|
</div>
|
|
<img id="bg" src={{bgSrc}}>
|
|
<div id="mainBody">
|
|
{{#if currMode 'classes'}}
|
|
<div id="classesMode">
|
|
{{#each myClasses}}
|
|
{{> classesMode}}
|
|
{{/each}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if currMode 'calendar'}}
|
|
<div id="calbg" style="{{calbg}}"></div>
|
|
<div id="calendar" style="{{calCenter}}">
|
|
{{> fullcalendar calendarOptions id="fullcalendar"}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
<div class="overlay">
|
|
<div class="overlayCont" style="{{overlayDim}};">
|
|
<p>Are you sure?</p>
|
|
<i class="fa fa-check-circle-o" aria-hidden="true"></i>
|
|
<i class="fa fa-times-circle-o" aria-hidden="true"></i>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="sidebarClasses">
|
|
<div class="sideClass">
|
|
<p class="sideClassName">{{name}}</p>
|
|
<p class="sideClassHour">{{hour}}</p>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="classesMode">
|
|
<div class="mainClass" style="background-color:{{divColor 'header'}}">
|
|
<div class="classInfo"> <!-- class color -->
|
|
<h3 class="mainClassName">{{name}}</h3>
|
|
<p class="mainClassHour">{{hour}}</p>
|
|
<p class="mainClassTeacher">{{teacher}}</p>
|
|
</div>
|
|
<div class="creWork">
|
|
<i class="fa fa-plus" aria-hidden="true"></i>
|
|
<h4>Add Work</h4>
|
|
</div>
|
|
<!-- {{#each myWork}}
|
|
{{> classModeWork}}
|
|
{{/each}} -->
|
|
</div>
|
|
</template> |