113 lines
3.7 KiB
HTML
113 lines
3.7 KiB
HTML
<template name="mobile">
|
|
<div class="noScroll">
|
|
<header id="mobileHeader" style="background-color:{{divColor 'mainColor'}}">
|
|
<div id="mSidebarToggle">
|
|
<i class="fa fa-bars" style="color:{{iconStatus}}" aria-hidden="true"></i>
|
|
</div>
|
|
<h2>{{schoolName}}</h2>
|
|
</header>
|
|
<div id="mobileBody">
|
|
{{#if showMode 'main'}}
|
|
<h4 class="minorHeader">Main</h4>
|
|
{{#each myWork}}
|
|
{{> mobileClass}}
|
|
{{/each}}
|
|
{{/if}}
|
|
{{#if showMode 'done'}}
|
|
<h4 class="minorHeader">Done</h4>
|
|
{{#each myWork "done"}}
|
|
{{> mobileClass}}
|
|
{{/each}}
|
|
{{/if}}
|
|
{{#if showMode 'addWork'}}
|
|
{{/if}}
|
|
</div>
|
|
<div id="mAddWork">
|
|
<i class="fa fa-pencil" aria-hidden="true"></i>
|
|
</div>
|
|
<div id="mOverlay"></div>
|
|
<div id="mSidebar" style="background-color:{{divColor 'sidebarColor'}}">
|
|
<div class="mSectionTitle downOffset">
|
|
<h3>Main</h3>
|
|
</div>
|
|
<div class="mSectionMode">
|
|
<div class="mStatus" style="background-color:{{modeStatus 'main'}}"></div>
|
|
<i class="fa fa-list-ul" aria-hidden="true"></i>
|
|
<h4>Main Work</h4>
|
|
</div>
|
|
<div class="mSectionMode">
|
|
<div class="mStatus" style="background-color:{{modeStatus 'done'}}"></div>
|
|
<i class="fa fa-check-square" aria-hidden="true"></i>
|
|
<h4>Done Work</h4>
|
|
</div>
|
|
<div id="mFilterHead" class="mSectionTitle mOpenable downOffset">
|
|
<h3>Filters</h3>
|
|
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
|
</div>
|
|
<div id="mFilterWrapper">
|
|
<div id="mTypeFilterWrapper" class="mSectionTitle mOpenable">
|
|
<h3>By Type</h3>
|
|
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
|
</div>
|
|
<div id="mClassFilterHolder">
|
|
{{#each types}}
|
|
{{> mSideTypeFilter}}
|
|
{{/each}}
|
|
</div>
|
|
<div id="mClassFilterWrapper" class="mSectionTitle mOpenable">
|
|
<h3>By Class</h3>
|
|
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
|
</div>
|
|
<div id="mClassListHolder">
|
|
{{#each myClasses}}
|
|
{{> mSidebarClasses}}
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
<div id="mSettings" class="mSectionTitle mSectionMode">
|
|
<i class="fa fa-cog" aria-hidden="true"></i>
|
|
<h3>Settings</h3>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<template name="mobileClass">
|
|
<div class="mClassContainer" workid="{{_id}}">
|
|
{{#if isDone}}
|
|
<h4 class="mUndoText" workid="{{_id}}">Unmarked as done!</h4>
|
|
{{else}}
|
|
<h4 class="mUndoText" workid="{{_id}}">Marked as done!</h4>
|
|
{{/if}}
|
|
<div class="mUndo" workid="{{_id}}">
|
|
<i class="fa fa-undo" aria-hidden="true"></i>
|
|
<p>Undo</p>
|
|
</div>
|
|
<div class="mobileClass" style="background-color:{{divColor 'secondaryColor'}}" workid="{{_id}}">
|
|
<div class="mobileType" style="background-color:{{typeColor}}"></div>
|
|
<div class="mobileClassContent">
|
|
<h4 class="mName">{{name}}</h4>
|
|
<h4 class="mDate">{{dueDate}}</h4>
|
|
<h4 class="mClass">{{class}}</h4>
|
|
<h4 class="mDesc">{{shortdesc}}</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="mSideTypeFilter">
|
|
<div class="mSideFilter" type="{{type}}">
|
|
<div class="mStatus" style="background-color:{{selected}}"></div>
|
|
<span class="mSideTypeName">{{typeName}}</span>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="mSidebarClasses">
|
|
<div class="mSideClass" classid="{{_id}}">
|
|
<div class="mStatus" style="background-color:{{selected}}"></div>
|
|
<span class="mSideClassName">{{name}}</span>
|
|
<span class="mSideClassHour">{{hour}}</span>
|
|
</div>
|
|
</template>
|