anchor.diff:  </script>
   
   <input type="hidden" id="refreshed" value="no">
  - <script type="text/javascript">
  +<script type="text/javascript">
   //this will reload the page.  Kinda a hack, will implement ajax table loading when I have more time.
  - onload=function(){
  - var e=document.getElementById("refreshed");
  - if(e.value=="no")e.value="yes";
  - else{e.value="no";location.reload();}
  - }
  - </script>
  -
  -<style>
  -td.view_kata {
  -  background: url('<%= image_url('icons/icon_component.gif') %>') no-repeat center center;
  -  cursor: pointer;
  -}
  -td.markup {
  -  background: url('<%= image_url('icons/pencil.png') %>') no-repeat center center;
  -  cursor: pointer;
  -}
  -td.comparison {
  -  background: url('<%= image_url('icons/copy.gif') %>') no-repeat center center;
  -  cursor: pointer;
  -}
  -/*/comparison*/
  -
  -td.compile_count {
  -  text-align: center;
  -}
  -td.markup_length {
  -  text-align: center;
  -}
  -.ui-button{
  -  height:20px;
  -}
  -.ui-button-text{
  -  font-size: 10px;
  -}
  -</style>
  -
  -<h2>Manual Markup Assignments for <%= @researcher %></h3>
  -<b>Precision: </b><a id="PrecisionValue"></a>
  -<b>Recall: </b><a id="RecallValue"></a>
  -<BR><BR>
  -
  -
  -<table id="myTable" class="display" cellspacing="0" width="100%">
  -<thead>
  -<tr>
  -<th>Display<br>Cycles</th>
  -<th>Compile<br>Count</th>
  -<th>CyberDojo<br>ID</th>
  -<th>Avatar</th>
  -<th>Kata<br>Name</th>
  -<th>Lang/<br>Framework</th>
  -<th>Markups</th>
  -<th>Markup Agreement</th>
  -<th>Precision</th>
  -<th>Recall</th>
  -<th>InterRated</th>
  -<th>Markup</th>
  -<th>Comparison</th>
  -</tr>
  -</thead>
  -
  -<tfoot>
  -<tr>
  -<th>Display<br>Cycles</th>
  -<th>Compile<br>Count</th>
  -<th>CyberDojo<br>ID</th>
  -<th>Avatar</th>
  -<th>Kata<br>Name</th>
  -<th>Lang/<br>Framework</th>
  -<th>Markups</th>
  -<th>Markup Agreement</th>
  -<th>Precision</th>
  -<th>Recall</th>
  -<th>InterRated</th>
  -<th>Markup</th>
  -<th>Comparison</th>
  -</tr>
  -</tfoot>
  -
  -</table>
  +onload=function(){
  +  var e=document.getElementById("refreshed");
  +  if(e.value=="no")e.value="yes";
  +  else{e.value="no";location.reload();}
  +    }
  +    </script>
  +
  +    <style>
  +    td.view_kata {
  +      background: url('<%= image_url('icons/icon_component.gif') %>') no-repeat center center;
  +      cursor: pointer;
  +    }
  +    td.markup {
  +      background: url('<%= image_url('icons/pencil.png') %>') no-repeat center center;
  +      cursor: pointer;
  +    }
  +    td.comparison {
  +      background: url('<%= image_url('icons/copy.gif') %>') no-repeat center center;
  +      cursor: pointer;
  +    }
  +    /*/comparison*/
  +
  +    td.compile_count {
  +      text-align: center;
  +    }
  +    td.markup_length {
  +      text-align: center;
  +    }
  +    .ui-button{
  +      height:20px;
  +    }
  +    .ui-button-text{
  +      font-size: 10px;
  +    }
  +    </style>
  +
  +    <h2>Manual Markup Assignments for <%= @researcher %></h3>
  +    <b>Precision: </b><a id="PrecisionValue"></a>
  +    <b>Recall: </b><a id="RecallValue"></a>
  +    <b>InterRater: </b><a id="InterRater"></a>
  +    <BR><BR>
  +
  +
  +    <table id="myTable" class="display" cellspacing="0" width="100%">
  +    <thead>
  +    <tr>
  +    <th>Display<br>Cycles</th>
  +    <th>Compile<br>Count</th>
  +    <th>CyberDojo<br>ID</th>
  +    <th>Avatar</th>
  +    <th>Kata<br>Name</th>
  +    <th>Lang/<br>Framework</th>
  +    <th>Markups</th>
  +    <th>Markup Agreement</th>
  +    <th>Precision</th>
  +    <th>Recall</th>
  +    <th>InterRated</th>
  +    <th>InterRater Agreement</th>
  +    <th>Markup</th>
  +    <th>Comparison</th>
  +    </tr>
  +    </thead>
  +
  +    <tfoot>
  +    <tr>
  +    <th>Display<br>Cycles</th>
  +    <th>Compile<br>Count</th>
  +    <th>CyberDojo<br>ID</th>
  +    <th>Avatar</th>
  +    <th>Kata<br>Name</th>
  +    <th>Lang/<br>Framework</th>
  +    <th>Markups</th>
  +    <th>Markup Agreement</th>
  +    <th>Precision</th>
  +    <th>Recall</th>
  +    <th>InterRated</th>
  +    <th>InterRater Agreement</th>
  +    <th>Markup</th>
  +    <th>Comparison</th>
  +    </tr>
  +    </tfoot>
  +
  +    </table>
   
   <script>
   $(document).ready(function() {
  -      // console.log(gon);
  -
  +  // console.log(gon);
     gon.all_sessions_markup.forEach(
       function(element, index) {
         // console.log(element);
  
positive.code: });
  
  
  $("#PrecisionValue").html(gon.totalMarkedCompiles/gon.totalCompiles);
  $("#RecallValue").html(gon.totalNumCorrect/(gon.totalNumCorrect +gon.totalNumInCorrect ));
  
  </script>
  
negative.code:       "data": 'interRater',
        "width": '20px'
      }, {
        "className": 'inter_rated',
        "data": 'interaterAgreement',
        "width": '20px'
      }, {
        "className": 'markup',
        "orderable": false,
        "data": null,
  