2016-08-09 01:33:14 -04:00
< head >
2016-08-11 03:10:32 -04:00
< title > Hourglass< / title >
2016-09-05 15:06:00 -04:00
< link rel = "icon" href = "/favicon.ico?v=2" >
2017-02-26 19:27:50 -05:00
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" / >
2016-08-09 01:33:14 -04:00
< / head >
< template name = "main" >
2016-10-28 23:47:26 -04:00
{{> sAlert}}
2016-09-10 19:08:32 -04:00
< div class = "noScroll" >
2016-10-23 22:11:27 -04:00
< img id = "bg" src = {{bgSrc}} style = "min-width:{{screen}}" >
< div id = "divLeftBar" >
< div id = "menuBar" style = "background-color:{{divColor 'sidebarColor'}}" >
2017-03-09 04:55:05 -05:00
< i class = "barIco fa fa-bars" style = "color:{{iconStatus 'menu'}}" aria-hidden = "true" > < / i >
< i class = "barIco fa fa-cog" style = "color:{{iconStatus 'option'}}" aria-hidden = "true" > < / i >
< i class = "barIco fa fa-question" style = "color:{{iconStatus 'requests'}}" aria-hidden = "true" > < / i >
2016-08-11 03:10:32 -04:00
< / div >
2016-10-23 22:11:27 -04:00
< div id = "menuContainer" style = "background-color:{{divColor 'sidebarColor'}};" >
2016-11-01 00:13:00 -04:00
< div class = "menuWrapper" >
{{#if sidebarStatus 'menu'}}
{{> sidebarMenuPlate}}
{{/if}}
{{#if sidebarStatus 'option'}}
{{> sidebarOptionPlate}}
{{/if}}
{{#if sidebarStatus 'requests'}}
{{> sidebarRequestPlate}}
{{/if}}
2016-11-01 22:34:11 -04:00
{{#if sidebarStatus 'create'}}
{{> sidebarCreatePlate}}
{{/if}}
2016-08-22 23:44:48 -04:00
< / div >
2016-10-23 22:11:27 -04:00
< / div >
< / div >
< div id = "divCenter" >
2017-01-19 01:11:17 -05:00
< header id = "mainHeader" style = "background-color:{{divColor 'mainColor'}}" >
2016-10-23 22:11:27 -04:00
< h1 > Hourglass< / h1 > < h2 > {{schoolName}}< / h2 >
< div id = "dropdown" >
< img src = "{{avatar}}" >
< h4 > {{username}}< / h4 >
2016-08-22 23:44:48 -04:00
< / div >
2016-10-23 22:11:27 -04:00
< / header >
< div id = "mainBody{{highlight}}" >
{{#if currMode 'classes'}}
< div id = "classesMode" >
{{#each myClasses}}
{{> classesMode}}
2016-10-09 22:57:04 -04:00
{{/each}}
2016-09-10 19:08:32 -04:00
< / div >
2016-10-23 22:11:27 -04:00
{{/if}}
{{#if currMode 'calendar'}}
< div id = "calendar" >
{{> fullcalendar calendarOptions}}
2016-09-16 09:10:56 -04:00
< / div >
2016-10-23 22:11:27 -04:00
{{/if}}
2016-11-03 17:36:07 -04:00
2016-11-03 23:12:57 -04:00
{{#if currSettingMode 'manageClass'}}
{{> manageClass}}
{{/if}}
2016-11-07 02:51:06 -05:00
{{#if currSettingMode 'addClass'}}
{{> joinClass}}
{{/if}}
2016-11-07 21:22:51 -05:00
2016-11-08 20:19:22 -05:00
{{#if currSettingMode 'createClass'}}
2016-11-07 21:22:51 -05:00
{{> createClass}}
{{/if}}
2016-08-27 00:54:12 -04:00
< / div >
2016-09-10 19:08:32 -04:00
< / div >
2016-10-09 22:57:04 -04:00
2016-09-10 19:08:32 -04:00
< div class = "overlay" >
2017-03-01 11:39:47 -05:00
< div id = "editWork" >
2017-02-09 09:01:18 -05:00
< div id = "editWorkCont" style = "background-color:{{divColor 'mainColor'}};border-top:10px solid {{work 'typeColor'}};" >
2016-09-10 19:08:32 -04:00
< div id = "workInfoContainer" >
2016-10-16 02:15:47 -04:00
{{#if inRole}}
{{> workDisplayEdit}}
{{else}}
{{> workDisplay}}
{{/if}}
2016-10-18 14:14:59 -04:00
{{#unless newWork}}
< div id = "workInfo2" >
2016-09-10 19:08:32 -04:00
< div id = "workComments" >
< h3 > Comments< / h3 >
< div >
2017-01-19 01:11:17 -05:00
< textarea id = "workComment" class = "restrict" rows = "4" cols = "50" maxlength = "200" style = "color:{{divColor 'textColor'}}" > < / textarea > < br >
2016-09-10 19:08:32 -04:00
< div >
2016-10-16 02:15:47 -04:00
< span class = "resText" > {{restrict 'workComment'}}< / span >
2016-09-10 19:08:32 -04:00
< div id = "commentSubmit" > Submit< / div >
< / div >
< / div >
< div id = "comment" >
{{#each work 'comments'}}
{{> comment}}
{{/each}}
< / div >
2016-10-19 21:20:49 -04:00
< / div >
2016-10-18 14:14:59 -04:00
< / div >
{{/unless}}
2016-09-10 19:08:32 -04:00
< / div >
{{#unless newWork}}
< div id = "workToggle" >
2016-10-09 22:57:04 -04:00
< div id = "doneUsers" >
2016-09-10 19:08:32 -04:00
{{#each work 'done'}}
{{> doneUsers}}
{{/each}}
2016-08-28 23:25:43 -04:00
< / div >
2016-09-10 19:08:32 -04:00
< div id = "toggleButtons" >
< div id = "markDone" style = "background-color:{{work 'doneCol'}}" >
2016-10-19 21:20:49 -04:00
< i class = "fa {{work 'doneIcon'}}" aria-hidden = "true" > < / i >
2016-09-10 19:08:32 -04:00
< p > {{work 'doneText'}}< / p >
< / div >
< div id = "markConfirm" style = "color:{{work 'userConfirm'}}" >
< i class = "fa fa-thumbs-up" aria-hidden = "true" > < / i >
< p > {{work 'confirmations'}}< / p >
< / div >
< div id = "markReport" style = "color:{{work 'userReport'}}" >
2016-10-19 21:12:04 -04:00
< i class = "fa fa-exclamation-triangle" aria-hidden = "true" > < / i >
2016-09-10 19:08:32 -04:00
< p > {{work 'reports'}}< / p >
< / div >
2017-02-03 03:43:21 -05:00
< div class = "workCreator doneUser" >
2017-04-19 01:45:46 -04:00
< div >
< img src = "{{work 'avatar'}}" >
2016-09-10 19:08:32 -04:00
< / div >
2017-04-19 01:45:46 -04:00
< div >
2017-04-15 23:46:35 -04:00
< span > {{work 'creator'}}< / span >
2016-09-10 19:08:32 -04:00
< / div >
< / div >
2016-09-10 13:39:46 -04:00
< / div >
2016-08-28 18:41:35 -04:00
< / div >
2016-09-10 19:08:32 -04:00
{{/unless}}
{{#if inRole}}
{{#if newWork}}
< div id = "workSubmit" > Save< / div >
{{else}}
< div id = "workDelete" > Delete< / div >
{{/if}}
2016-08-13 18:58:54 -04:00
{{/if}}
2016-09-10 19:08:32 -04:00
< / div >
2016-08-12 23:10:27 -04:00
< / div >
2016-08-11 03:10:32 -04:00
< / div >
2016-09-07 15:33:13 -04:00
2016-11-08 20:19:22 -05:00
< div id = "confirmOverlay" >
< div class = "overlayCont" style = "background-color:{{divColor 'mainColor'}}" >
< p > {{confirmText}}< / p >
< div id = "faCont" >
< 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 >
2016-09-27 12:04:40 -04:00
< div id = "userDropdown" style = "background-color:{{divColor 'userDropdownColor'}}" >
< div id = "userTab" style = "border-bottom: 3vh solid {{divColor 'userDropdownColor'}}" > < / div >
< div id = "userDropdownAvatar" style = "background-color:{{divColor 'userDropdownColor'}}" >
2016-09-10 19:08:32 -04:00
< img src = "{{avatar}}" >
< p > {{username}}< / p >
2016-09-07 15:33:13 -04:00
< / div >
2016-09-27 12:04:40 -04:00
< div id = "userFunctions" style = "background-color:{{divColor 'userDropdownColor'}}" >
2016-09-10 19:08:32 -04:00
{{#if admin}}
2017-04-15 22:28:43 -04:00
< div class = "userFunction" onclick = "window.location='/admin';" >
2016-09-10 19:08:32 -04:00
< i class = "fa fa-cogs" aria-hidden = "true" > < / i >
< p > Admin Panel< / p >
< / div >
{{/if}}
< / div >
2016-09-27 12:04:40 -04:00
< div style = "background-color:{{divColor 'userDropdownColor'}}" >
2017-04-15 22:28:43 -04:00
< div id = "signout" class = "userFunction" >
2016-09-10 19:08:32 -04:00
< i class = "fa fa-sign-out" aria-hidden = "true" > < / i >
< p > Sign out< / p >
2016-09-07 15:33:13 -04:00
< / div >
2016-09-07 20:04:51 -04:00
< / div >
2016-09-07 15:33:13 -04:00
< / div >
2016-11-01 00:13:00 -04:00
{{> loginButtons}}
< / div >
< / template >
2016-09-08 16:51:22 -04:00
2016-08-12 18:18:08 -04:00
< template name = "sidebarClasses" >
2016-08-20 15:58:31 -04:00
< div class = "sideClass" classid = "{{_id}}" >
2016-11-01 22:34:11 -04:00
< div class = "status" style = "background-color:{{selected}}" > < / div >
2016-10-23 22:11:27 -04:00
< span class = "sideClassName" > {{name}}< / span >
< span class = "sideClassHour" > {{hour}}< / span >
< / div >
< / template >
< template name = "sideTypeFilter" >
< div class = "sideFilter" type = "{{type}}" >
< div class = "status" style = "background-color:{{selected}}" > < / div >
< span class = "sideTypeName" > {{typeName}}< / span >
2016-08-12 18:18:08 -04:00
< / div >
2016-08-12 19:46:40 -04:00
< / template >
< template name = "classesMode" >
2017-04-25 10:43:42 -04:00
< div class = "classWrapper" > <!-- class color -->
< div class = "mainClass" style = "background-color:{{divColor 'classCardColor'}}" >
{{#if status}}
< div class = "classInfo" >
< h3 class = "mainClassName" > {{name}}< / h3 >
< p class = "mainClassHour" > {{hour}}< / p >
< p class = "mainClassTeacher" > {{teacher}}< / p >
< / div >
{{else}}
< div class = "classInfo" style = "border-top:1vh solid #E64F4F;padding-top:2vh" >
< h3 class = "mainClassName" > {{name}}< / h3 >
< p class = "mainClassHour" > {{hour}}< / p >
< p class = "mainClassTeacher" > {{teacher}}< / p >
< p class = "mainClassStatus" > Unapproved< / p >
< / div >
{{/if}}
2016-09-11 23:22:50 -04:00
< div class = "creWork" classid = "{{_id}}" >
< i class = "fa fa-plus" aria-hidden = "true" > < / i >
< h4 > Add Work< / h4 >
< / div >
< div class = "workHolder" >
{{#each thisClassWork}}
{{> classModeWork}}
{{/each}}
< / div >
2016-08-13 18:58:54 -04:00
< / div >
< / div >
< / template >
< template name = "classModeWork" >
2016-09-15 10:25:10 -04:00
< div class = "workCard" workid = "{{_id}}" classid = "{{classid}}" type = "{{type}}" >
2016-08-13 18:58:54 -04:00
< div class = "cWorkType" style = "background-color:{{typeColor}}" > < / div >
2016-08-25 23:34:14 -04:00
< div class = "cWorkCont" >
2016-09-10 14:13:00 -04:00
< div class = "cWorkTop" >
2016-09-11 23:33:38 -04:00
< h3 class = "cWorkName" > {{name}}< / h3 >
2017-04-12 23:16:45 -04:00
< span class = "cWorkCreator" > {{creatorname}}< / span >
2016-09-10 14:13:00 -04:00
< / div >
2016-09-15 09:40:45 -04:00
< div class = "cWorkBottom" >
2017-04-21 02:59:56 -04:00
< span class = "cWorkDate" style = "font-weight:{{cardDate}}" > {{dateWord}}< / span >
2016-09-15 13:37:13 -04:00
< div style = "color:{{doneRatio}}" >
2017-04-27 03:13:10 -04:00
< i class = "fa fa-thumbs-up" aria-hidden = "true" style = "color:{{confirmed}}" > < / i >
2017-04-27 08:40:25 -04:00
< span > {{confirmationLength}}< / span >
2017-04-27 03:13:10 -04:00
< i class = "fa fa-exclamation-triangle" aria-hidden = "true" style = "color:{{reported}}" > < / i >
2017-04-27 08:40:25 -04:00
< span > {{reportLength}}< / span >
2016-09-15 09:40:45 -04:00
< / div >
2016-08-31 01:53:18 -04:00
< / div >
2016-08-31 01:28:37 -04:00
< / div >
2016-08-12 19:46:40 -04:00
< / div >
2016-08-20 20:56:05 -04:00
< / template >
2016-08-27 19:29:51 -04:00
< template name = "comment" >
< div class = "commentBox" >
2016-09-05 16:41:22 -04:00
< div class = "commentAvatarCont" >
< img class = "commentAvatar" src = '{{avatar}}' onclick = "window.location='/user/{{email}}'" >
< / div >
< div class = "commentInfo" >
< span class = "commentComment" > {{comment}}< / span > < br >
2017-02-03 03:43:21 -05:00
< span class = "commentUser" > {{user}}< / span >
2016-09-05 16:41:22 -04:00
< span class = "commentDate" > {{date}}< / span >
< / div >
2016-08-27 19:29:51 -04:00
< / div >
< / template >
2016-08-28 18:55:10 -04:00
< template name = "doneUsers" >
2017-02-03 03:43:21 -05:00
< div class = "doneUser" >
2017-04-21 02:59:56 -04:00
< div >
< img src = '{{avatar}}' >
2016-09-10 19:08:32 -04:00
< / div >
2017-04-21 02:59:56 -04:00
< div >
2016-09-10 19:08:32 -04:00
< span > {{user}}< / span >
< / div >
2016-09-05 16:41:22 -04:00
< / div >
2016-09-15 08:30:24 -04:00
< / template >
2016-10-09 22:57:04 -04:00
< template name = "option" >
2016-11-08 20:19:22 -05:00
< p class = "optionText" style = "background-color:{{divColor 'mainColor'}};" onmouseover = "$(this).css('box-shadow','inset 0 0 0 99999px rgba(0,0,0,0.2)');" onmouseleave = "$(this).css('box-shadow','');" > {{alias}}< / p >
2016-10-09 22:57:04 -04:00
< / template >
2016-10-16 02:15:47 -04:00
< template name = "workDisplay" >
< div id = "workNameDiv" >
< span id = "wName" class = "info" > {{work 'name'}}< / span >
< / div >
< div id = "workInfo1" >
2017-04-17 03:48:17 -04:00
< div >
< span class = "workTitle" > Class:< / span > < span style = "font-size:2.2vh" > {{work 'class'}}< / span >
< / div >
2016-10-16 02:15:47 -04:00
< div >
< span class = "workTitle" > Due Date:< / span > < br >
< span id = "wDescription" class = "info" > {{work 'dueDate'}}< / span >
< / div >
< div >
< span class = "workTitle" > Description:< / span > < br >
2016-11-01 00:13:00 -04:00
< span id = "wDueDate" class = "info form-control" > {{work 'description'}}< / span >
2016-10-16 02:15:47 -04:00
< / div >
< div >
< span class = "workTitle" > Type:< / span >
< span id = "wType" class = "info" > {{work 'type'}}< / span >
< / div >
<!-- <div id="workAttach">Attach other files</div>
< div id = "workAttachmentHolder" >
{{#each work 'attachments'}}
< a href = {{link}} > {{filename}}< / a >
{{/each}}
< / div > -->
< / div >
< / template >
< template name = "workDisplayEdit" >
< div id = "workNameDiv" >
2017-04-25 02:46:06 -04:00
< input id = "wName" class = "clickModify restrict" style = "color:{{divColor 'textColor'}}" value = "{{work 'name'}}" placeholder = "Name | Click here to edit..." tabindex = "10" maxLength = "50" >
2016-10-16 02:15:47 -04:00
< span class = "resText" > {{restrict 'wName'}}< / span >
< / div >
< div id = "workInfo1" >
2017-04-17 03:48:17 -04:00
< div >
< span class = "workTitle" > Class:< / span > < span style = "font-size:2.2vh" > {{work 'class'}}< / span >
< / div >
2016-10-16 02:15:47 -04:00
< div >
< span class = "workTitle" > Due Date:< / span > < br >
2017-04-25 02:46:06 -04:00
< input id = "wDueDate" class = "clickModify form-control" style = "color:{{divColor 'textColor'}}" value = "{{work 'dueDate'}}" tabindex = "11" readonly = "readonly" >
2016-10-16 02:15:47 -04:00
< / div >
< div >
< span class = "workTitle" > Description:< / span > < br >
2017-04-25 02:46:06 -04:00
< textarea id = "wDescription" class = "clickModify restrict" style = "color:{{divColor 'textColor'}}" placeholder = "Click here to edit..." value = "{{work 'description'}}" rows = "5" tabindex = "12" maxLength = "300" > < / textarea >
2016-10-16 02:15:47 -04:00
< span style = "opacity:0" > .< / span >
< span class = "resText" > {{restrict 'wDescription'}}< / span >
< / div >
< div >
< span class = "workTitle" > Type:< / span >
< div id = "typeWrapper" >
< div id = "wType" class = "clickModify dropdown" tabindex = "13" >
< span > {{work 'type'}}< / span >
2016-10-23 22:11:27 -04:00
< i class = "fa fa-angle-down" aria-hidden = "true" > < / i >
2016-10-16 02:15:47 -04:00
< / div >
< div class = "optionHolder type" >
{{#each selectOptions 'type'}}
{{> option}}
{{/each}}
< / div >
< / div >
< / div >
<!-- <div id="workAttach">Attach other files</div>
< div id = "workAttachmentHolder" >
{{#each work 'attachments'}}
< a href = {{link}} > {{filename}}< / a >
{{/each}}
< / div > -->
< / div >
< / template >
2016-11-01 00:13:00 -04:00
< template name = "selectOptionMenu" >
< div class = "optionHolder" >
{{#each selectOptions optionName}}
{{> option}}
{{/each}}
< / div >
< / template >
