output.html

<div class='output' ng-class="submit === false ? 'border-off':'border-on'">
  <div class="font14-reg val output-header">
    <div class='output-items'>
      Time: <span class='white'>{{time}}</span>
    </div>
    <div class='pass output-items'>
      Passed: <span class='white'>{{testPass}}</span>
    </div>
    <div class='fail output-items'>
      Failed: <span class='white'>{{testFail}}</span>
    </div>
  </div>
  <hr>
  <span class='font14-reg val'><u>Test Results:</u></span> <br><br>
  <span class="font14-reg-nw val fail" ng-class="error ? 'show' : 'hide'"><pre>{{error}}</pre></span>
  <div class="font14-reg-nw val" ng-repeat='val in answer' ng-class="val.passed != undefined ? (val.passed ? 'pass' : 'fail') : 'white'">
    {{val.value}}
    <div class='val1' ng-repeat='val1 in val.nest' ng-class="val1.passed != undefined ? (val1.passed ? 'pass' : 'fail') : 'white'">
      <span>{{val1.value}}</span>
      <div class='val2' ng-repeat='val2 in val1.nest'>
        <span ng-class="val2.passed != undefined ? (val2.passed ? 'pass' : 'fail') : 'white'">{{val2.value}}</span>
      </div>
    </div>
  </div>
  <div class='congrats font14-reg-nw' ng-class="submit === false ? 'hide':'show'">You have passed all tests! :)</div>
</div>