ConversionChart.html

<div class="modal-header">
  <h1 class="modal-title">Conversion chart for {{selectedUniversity.name}}</h1>
  <div ng-click="close()" class='close-icon'><span class="icon ion-close-round"></span></div>
</div>
<div class="modal-body">
  <p>The following is the specific conversion chart for  {{selectedUniversity.name}}. This is what the calculator uses in it's conversions.</p>

  <p>See a mistake or bug? <a href="https://github.com/sergei1152/WhatsMyGPA/issues">Report it here</a></p>

  <table class="table table-striped">
    <thead>
      <tr>
        <th ng-repeat="gradeConversion in gradeConversions">{{gradeConversion.name}}</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="values in gradeConversions[0].values">
        <td ng-repeat="gradeConversion in gradeConversions">{{gradeConversion.values[$parent.$index]}}</td>
      </tr>
    </tbody>
  </table>
  
  <div ng-if="selectedUniversity.sources.length>0">
    <p>The sources for the following information can be found here:</p>
    <ul>
      <li ng-repeat="source in selectedUniversity.sources"><a href="{{source}}">{{source}}</a></li>
    </ul>
  </div>
</div>
<div class="modal-footer">
  <button class="btn btn-primary btn-large" type="button" ng-click="close()">OK</button>
</div>