kjao/archive
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added hover for type filters

Browse Source
This commit is contained in:
Kenneth Jao 2016-09-15 10:25:10 -04:00
parent 463a4bd3c4
commit a2f796ad60
2 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
hourglass/client/main/main.html
View File

@ -296,7 +296,7 @@
</template> </template>
<template name="classModeWork"> <template name="classModeWork">
<div class="workCard" workid="{{_id}}" classid="{{classid}}"> <div class="workCard" workid="{{_id}}" classid="{{classid}}" type="{{type}}">
<div class="cWorkType" style="background-color:{{typeColor}}"></div> <div class="cWorkType" style="background-color:{{typeColor}}"></div>
<div class="cWorkCont"> <div class="cWorkCont">
<div class="cWorkTop"> <div class="cWorkTop">

29
hourglass/client/main/main.js
View File

@ -50,15 +50,15 @@ Session.set("calendarClasses", []); // Stores calendar classes.
Session.set("sidebar", null); // Status of sidebar. Session.set("sidebar", null); // Status of sidebar.
Session.set("requests",false); // Status of requests. Session.set("requests",false); // Status of requests.
Session.set("newWork", null); // If user creating new work. Session.set("newWork", null); // If user creating new work.
Session.set("currentWork", null); // Stores current selected work info. Session.set("currentWorkId",null); // Stores current work Id.
Session.set("currentWorkId",null);
Session.set("currentReadableWork", null); // Stores readable selected work info. Session.set("currentReadableWork", null); // Stores readable selected work info.
Session.set("modifying", null); // Stores current open input. Session.set("modifying", null); // Stores current open input.
Session.set("noclass", null); // If user does not have classes. Session.set("noclass", null); // If user does not have classes.
Session.set("calCreWork", null); // If user is creating a work from calendar. Session.set("calCreWork", null); // If user is creating a work from calendar.
Session.set("classDisp", []); // Stores current filter for classes. Session.set("classDisp", []); // Stores current filter for classes.
Session.set("typeFilter", []); // Stores type filters for classes. Session.set("typeFilter", []); // Stores type filters for classes.
Session.set("classDispHover", null); // Stores current hovered filter. Session.set("typeFilterHover",null); // Stores current hovered type filter.
Session.set("classDispHover", null); // Stores current hovered class filter.
Session.set("refetchEvents", null); // Stores whether to get calendar events again. Session.set("refetchEvents", null); // Stores whether to get calendar events again.
Session.set("commentRestrict", ""); // Stores text for comment character restriction. Session.set("commentRestrict", ""); // Stores text for comment character restriction.
@ -315,7 +315,7 @@ Template.main.helpers({
backgroundColor: workColors[work.type], backgroundColor: workColors[work.type],
borderColor: "#444", borderColor: "#444",
startEditable: inRole, startEditable: inRole,
className: "workevent " + work.class className: work.type + " workevent " + work.class
}); });
} }
} }
@ -368,15 +368,18 @@ Template.main.helpers({
}, },
highlight() { // Calendar highlight/scale option. highlight() { // Calendar highlight/scale option.
var hoverHighlight = Session.get("classDispHover"); var hoverHighlight = Session.get("classDispHover");
var typeHighlight = Session.get("typeFilterHover");
if(Session.equals("mode","classes")) { if(Session.equals("mode","classes")) {
$(".workCard").toggleClass("scaled",false); $(".workCard").toggleClass("scaled",false);
try { try {
$(".workCard[classid=\'"+hoverHighlight+"\']").toggleClass("scaled",true); $(".workCard[classid=\'"+hoverHighlight+"\']").toggleClass("scaled",true);
$(".workCard[type=\'"+typeHighlight+"\']").toggleClass("scaled",true);
} catch(err) {} } catch(err) {}
} else { } else {
$(".workevent").toggleClass("scaled",false); $(".workevent").toggleClass("scaled",false);
try { try {
$("."+hoverHighlight).toggleClass("scaled",true); $("."+hoverHighlight).toggleClass("scaled",true);
$("."+typeHighlight).toggleClass("scaled",true);
} catch(err) {} } catch(err) {}
} }
return; return;
@ -860,6 +863,24 @@ Template.main.events({
if (div.contains(event.target)) return; if (div.contains(event.target)) return;
} }
Session.set("classDispHover", null); Session.set("classDispHover", null);
},
'mouseover .sideFilter' (event) {
var div;
if (event.target.className !== "sideFilter") {
div = event.target.parentNode;
} else {
div = event.target;
}
while (div.getAttribute("type") === null) div = div.parentNode;
var type = div.getAttribute("type");
Session.set("typeFilterHover", type);
},
'mouseleave .sideFilter' (event) {
if (event.target.className !== "sideFilter") {
var div = event.target.parentNode;
if (div.contains(event.target)) return;
}
Session.set("typeFilterHover", null);
} }
}); });