<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>Land Registry Service Test Dashboard - CodePen</title>

  <link rel='stylesheet prefetch' href='http://fonts.googleapis.com/css?family=Audiowide'>

    <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

</head>

<body>

  <div ng-app='serviceTestDashApp' ng-controller='ReportCtrl'>

  <div class='stats fail' ng-show='fail > 0'>{{fail}} ✘</div>
  <div class='stats pass'>{{pass}} ✔</div>

  <div
        ng-repeat="scenario in scenarios"
        title='{{scenario.featureName}} -- {{scenario.name}}'
        class='both masonry-brick'
        style="width:{{width}}px; height:{{height}}px;"
        ng-class="summarise(scenario.steps)"
        ng-init="showInfo = false"
        ng-click="showInfo = !showInfo">
        <span ng-show="showInfo">{{scenario.featureName}} -- {{scenario.name}}</span>
  </div>
</div>

  <script src='http://codepen.io/assets/libs/fullpage/angular.js'></script>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js'></script>

  <script src="js/index.js"></script>

</body>

</html>
