Difference between revisions of "Team:Waterloo/Notebook"

Line 75: Line 75:
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<script type="text/javascript" src="https://2017.igem.org/Team:Waterloo/notebook_tasks?action=raw&amp;ctype=text/javascript">
 
</script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:Waterloo/days?action=raw&amp;ctype=text/javascript">
 
</script>
 
  
 
<div>
 
<div>
<br>
+
   <embed class="pdfobject" src="https://static.igem.org/mediawiki/2018/9/95/T--Waterloo--Notebook-Lab-Notebook.pdf" type="application/pdf" style="overflow: auto; width: 100%; height: 100%;">
<br>
+
   <div id="cal-heatmap"></div>
+
 
+
    <p style="text-align:center;">Click on a day to view the work.</p>
+
    <script type="text/javascript">
+
      var month = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+
      var cal = new CalHeatMap();
+
      cal.init({
+
              start: new Date(2017, 4),
+
          data:days,
+
          dataType: "json",
+
          domain : "month",
+
          subDomain : "day",
+
          range : 6,
+
          cellSize: 24,
+
              subDomainTextFormat: "%d",
+
              displayLegend: false,
+
              onClick: function(date, nb) {
+
              $("#onClick-placeholder").html(date.toDateString());
+
              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>
+
 
+
<div class="content-main">
+
  <h2 id="onClick-placeholder"></h2>
+
  <ul id="notes-table"></ul>
+
 
</div>
 
</div>
  

Revision as of 02:01, 15 October 2018

Notebook