diff --git a/hourglass/client/main/main.css b/hourglass/client/main/main.css index 39a48a9..34ef675 100644 --- a/hourglass/client/main/main.css +++ b/hourglass/client/main/main.css @@ -727,13 +727,6 @@ input, textarea { #calCreWork { margin-left: 0 !important; color: #fff; - display: none; - opacity: 0; - - -webkit-transition: opacity 0.4s ease; - -moz-transition: opacity 0.4s ease; - -ms-transition: opacity 0.4s ease; - transition: opacity 0.4s ease; -webkit-animation: neonglow 1.5s ease-in-out infinite alternate; -moz-animation: neonglow 1.5s ease-in-out infinite alternate; @@ -765,6 +758,22 @@ input, textarea { } } +#disableFilter { + font-size: 90%; + margin: 0 0 0 23% !important; + padding: 4%; + background-color: rgba(255,255,255,0.2); + + -webkit-transition: background-color 0.4s ease; + -moz-transition: background-color 0.4s ease; + -ms-transition: background-color 0.4s ease; + transition: background-color 0.4s ease; +} + +#disableFilter:hover { + background-color: rgba(255,255,255,0.1); +} + .fc-day:not(.fc-past) { box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.1); diff --git a/hourglass/client/main/main.html b/hourglass/client/main/main.html index b381708..a0e7492 100644 --- a/hourglass/client/main/main.html +++ b/hourglass/client/main/main.html @@ -35,7 +35,14 @@
{{#if myClasses}} -

Enrolled

-- Pick a class{{calCreWork}}

+

Enrolled

+ {{#if calCreWork}} +

-- Pick a class

+ {{else}} + {{#if filterOn}} +

Disable All

+ {{/if}} + {{/if}} {{#each myClasses}} {{> sidebarClasses}} {{/each}} diff --git a/hourglass/client/main/main.js b/hourglass/client/main/main.js index ca6bf3f..394d305 100644 --- a/hourglass/client/main/main.js +++ b/hourglass/client/main/main.js @@ -303,20 +303,12 @@ Template.main.helpers({ return "width:" + width.toString() + "px;height:" + height.toString() + "px;margin-left:" + (0.5 * window.innerWidth - 0.5 * width).toString() + "px;margin-top:" + (0.47 * window.innerHeight - 0.5 * height).toString() + "px"; }, calCreWork() { // Display instructions for creating a work. - if(Session.get("calCreWork")) { - var div = document.getElementById("calCreWork"); - div.style.setProperty("display","inline-block","important"); - div.style.setProperty("opacity","0","important"); - setTimeout(function() { - div.style.setProperty("opacity","1","important"); - }, 100); - return; - } else { - try { - closeDivFade(document.getElementById("calCreWork")); - } catch(err) {} - return; - } + if(Session.get("calCreWork")) return true; + return false; + }, + filterOn() { + if(Session.get("classDisp").length !== 0) return true; + return false; }, highlight() { // Calendar highlight/scale option. var hoverHighlight = Session.get("classDispHover"); @@ -758,9 +750,11 @@ Template.main.events({ array.push(classid); } Session.set("classDisp",array); - $("#fullcalendar").fullCalendar( 'refetchEvents' ); // Update calendar events. } }, + 'click #disableFilter' () { + Session.set("classDisp",[]); + }, 'mouseover .sideClass' (event) { // Highlight/scale filter on-hover. if(event.target.className !== "sideClass") { var div = event.target.parentNode; diff --git a/hourglass/client/profile/profile.html b/hourglass/client/profile/profile.html index f3d8726..9e31294 100644 --- a/hourglass/client/profile/profile.html +++ b/hourglass/client/profile/profile.html @@ -267,10 +267,10 @@
-