<!DOCTYPE html>
<html>
  <head>
    <title>Coverage</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <% include script %>
    <% include style %>
  </head>
  <body>
    <div id="coverage">
      <div id="menu">
        <li onclick="loading(this, 'overview.js');" file="overview.js"><span class="cov">L</span><span class="cov" style="right: 40px">B</span><h3>overview</h3></li>
        <% cov.files.forEach(function (file) { %>
        <li onclick="loading(this, '<%= file.filename %>')" file="<%= file.filename %>">
          <span class="cov <%= coverageClass(file.lineCoverage) %>">
            <%- Math.floor(file.lineCoverage * 100) %>
          </span>
          <span class="cov <%= coverageClass(file.branchCoverage) %>" style="right: 40px">
            <%- Math.floor(file.branchCoverage * 100) %>
          </span>
          <span>
            <%
              var segments = file.filename.split('/');
              var basename = segments.pop();
              if (segments.length) { %>
              <span class="dirname"><%= segments.join('/') + '/' %></span>
            <% } %>
            <span class="basename"><%= basename %></span>
          </span>
        </li>
        <% }); %>
      </div>
      <div class="main"></div>
    </div>
    <script type="text/javascript">
      var currNode = null;
      function loading(node, file) {
        if (currNode !== null) {
          currNode.className = '';
        }
        node.className = 'selected';
        currNode = node;
        var script = document.createElement('script');
        script.setAttribute('id', 'loading_script');
        document.getElementsByTagName('HEAD')[0].appendChild(script);
        script.src = file;
        location.hash = '#' + file;
      }
      function displayFile(str) {
        var node = document.getElementsByClassName('main')[0];
        node.innerHTML = str;
        var script = document.getElementById('loading_script');
        script.parentNode.removeChild(script);
      }
      function init() {
        var start = 'overview.js';
        if (location.hash) {
          start = location.hash.replace(/#/g, '')
        }
        loading(
          document.querySelector('#menu li[file="' + start + '"]'),
          location.hash.replace('#', '')
        );
      }
      init();
    </script>
  </body>
</html>
