Difference between revisions of "Team:Waterloo/Notebook"

Line 1: Line 1:
 
{{Waterloo}}
 
{{Waterloo}}
 
<html>
 
<html>
 +
<script src="https://2015.igem.org/wiki/index.php?title=Template:Waterloo/JS/d3&action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/wiki/index.php?title=Template:Waterloo/JS/cal-heatmap&action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/wiki/index.php?title=Template:Waterloo/JS/days&action=raw&ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/wiki/index.php?title=Template:Waterloo/JS/notes&action=raw&ctype=text/javascript"></script>
 +
<script>
 +
var month = new Array();
 +
month[0] = "Jan";
 +
month[1] = "Feb";
 +
month[2] = "Mar";
 +
month[3] = "Apr";
 +
month[4] = "May";
 +
month[5] = "Jun";
 +
month[6] = "Jul";
 +
month[7] = "Aug";
 +
month[8] = "Sep";
 +
month[9] = "Oct";
 +
month[10] = "Nov";
 +
month[11] = "Dec";
 +
</script>
 +
<link rel="stylesheet" href="https://2015.igem.org/wiki/index.php?title=Template:Waterloo/CSS/cal-heatmap&action=raw&ctype=text/css"></link>
 +
 
<div id ="mainContainer">
 
<div id ="mainContainer">
 
<div id ="contentContainer">
 
<div id ="contentContainer">
Line 6: Line 27:
 
   <h1>Notebook</h1>
 
   <h1>Notebook</h1>
  
 +
    <div id="cal-heatmap"></div>
 +
<div>
 +
<h1 id="onClick-placeholder"></h1>
 +
<ul id="notes-table"></ul>
 +
</div>
 +
<script type="text/javascript">
 +
var cal = new CalHeatMap();
 +
cal.init({
 +
start: new Date(2015, 4),
 +
    data:days,
 +
    dataType: "json",
 +
    domain : "month",
 +
    subDomain : "day",
 +
    range : 5,
 +
    cellSize: 32,
 +
subDomainTextFormat: "%d",
 +
displayLegend: false,
 +
onClick: function(date, nb) {
 +
$("#onClick-placeholder").html("<b>" +
 +
date.toDateString() + "</b>"
 +
);
 +
var message = ""
 +
var key = month[date.getMonth()]+(date.getDate())
 +
if (key in notes){
 +
$.each(notes[key], function( index, value ) {
 +
message += "<li>"+value+"</li>";
 +
});}
 +
$("#notes-table").html(message
 +
);
 +
}
 +
});
 +
 +
</script>
 
     <div class="prevHighlightBox">
 
     <div class="prevHighlightBox">
 
         <p> Document the dates you worked on your project.</p>
 
         <p> Document the dates you worked on your project.</p>

Revision as of 00:01, 14 September 2015

Notebook

    Document the dates you worked on your project.

    What should this page have?
    • Chronological notes of what your team is doing.
    • Brief descriptions of daily important events.
    • Pictures of your progress.
    • Mention who participated in what task.

    Inspiration

    You can see what others teams have done to organize their notes:

    Top