{% extends "base.html" %} {% block head %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113317008-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];

  function gtag() {
    dataLayer.push(arguments);
  }
  gtag('js', new Date());
  gtag('config', 'UA-113317008-1');
</script>
{% endblock %} {% block css %}
<!-- Custom CSS for this module -->
<link rel='stylesheet' type='text/css' href='/codecov/static/css/codecov.css'>
<link rel='stylesheet' type='text/css' href='/dist/angular-material-data-table/dist/md-data-table.min.css'> {% endblock %} {% block content %}
<!-- Content for this module -->
<div>
  <div flex>
    <div ng-controller='InputController'>
      <br>
      <div flex layout="row" layout-sm="column" layout-md="column">
        <div flex ng-show="loading">
          <md-progress-circular md-mode="indeterminate"></md-progress-circular>
        </div>
        <div flex ng-show="!loading">
          {% raw %}
          <!-- <br><br><br>Team Coverage Current:
          <br><br><br>{{team_coverage_map_current}}
          <br><br><br># of Records: {{team_coverage_map_current_size}} -->
          <!-- <br><br><br>Team Coverage Compare:
          <br><br><br>{{team_coverage_map_comparison}}
          <br><br><br># of Records: {{team_coverage_map_comparison_size}}
          <br><br><br>Team Coverage Consolidated:
          <br><br><br>{{team_coverage_map_consolidated}}
          <br><br><br># of Records: {{team_coverage_map_consolidated_size}} -->
          <!-- <br><br><br>Repo Coverage Current:
          <br><br><br>{{repo_coverage_map_current}}
          <br><br><br># of Records: {{repo_coverage_map_current_size}}
          <br><br><br>Repo Coverage Comparision:
          <br><br><br>{{repo_coverage_map_comparison}}
          <br><br><br># of Records: {{repo_coverage_map_comparison_size}} -->
          <!-- <br><br><br>Test Field:
          <br><br><br>{{viewRepo}}
          <br><br><br> -->
          <div class="container errorMessage" ng-if="errorOnPage">
            <label>{{label_error}}</label>
          </div>
          <md-table-container style="max-width: 900px;" class="container">
            <table md-table>
              <tr>
                <th class="tableheadertext">{{table_header_teams_and_repos}}
                  <md-button aria-label="Toggle Repo Visibility" class='filterButtons' ng-click='toggleRepos()'>
                    <label>{{label_viewRepo}}</label>
                    <i style="padding: 0px;" class='fa fa-server'></i>
                    <md-tooltip class="tooltip" md-delay="1000" md-direction="bottom">Click to toggle visibility of repos</md-tooltip>
                  </md-button>
                </th>
                <th class="tableheadertext">Code Coverage
                  <md-button aria-label="Toggle Sort Order" class='filterButtons' ng-click='toggleSorting()'>
                    <label>{{label_sortOrder}}</label>
                    <i ng-if="!invertOrder" style="padding: 0px;" class='fa fa-chevron-up'></i>
                    <i ng-if="invertOrder" style="padding: 0px;" class='fa fa-chevron-down'></i>
                    <md-tooltip class="tooltip" md-delay="1000" md-direction="bottom">The current sorting-order for coverage, click to toggle</md-tooltip>
                  </md-button>
                </th>
              </tr>
              <tbody ng-repeat='teamRecord in team_coverage_map_current'>
                <tr>
                  <td>
                    <div ng-click="teamRecord.ShowRepo = !teamRecord.ShowRepo" ng-if="(teamRecord.Coverage * 100 < threshold_low)" class="cell_team_low">
                      {{teamRecord.Name}}
                      <i ng-if="teamRecord.ShowRepo" style="padding: 0px; padding-left: 10px;" class='fa fa-chevron-down'>
                        <md-tooltip class="tooltip" md-delay="1000" md-direction="bottom">Click to hide Repos for this Team</md-tooltip>
                      </i>
                      <i ng-if="!teamRecord.ShowRepo" style="padding: 0px; padding-left: 10px;" class='fa fa-chevron-right'>
                        <md-tooltip class="tooltip" md-delay="1000" md-direction="bottom">Click to show Repos for this Team</md-tooltip>
                      </i>
                    </div>
                    <div ng-click="teamRecord.ShowRepo = !teamRecord.ShowRepo" ng-if="(teamRecord.Coverage * 100 >= threshold_low) && (teamRecord.Coverage * 100 < threshold_high)" class="cell_team_mid">
                      {{teamRecord.Name}}
                      <i ng-if="teamRecord.ShowRepo" style="padding: 0px; padding-left: 10px;" class='fa fa-chevron-down'>
                        <md-tooltip class="tooltip" md-delay="1000" md-direction="bottom">Click to hide Repos for this Team</md-tooltip>
                      </i>
                      <i ng-if="!teamRecord.ShowRepo" style="padding: 0px; padding-left: 10px;" class='fa fa-chevron-right'>
                        <md-tooltip class="tooltip" md-delay="1000" md-direction="bottom">Click to show Repos for this Team</md-tooltip>
                      </i>
                    </div>
                    <div ng-click="teamRecord.ShowRepo = !teamRecord.ShowRepo" ng-if="(teamRecord.Coverage * 100 >= threshold_high)" class="cell_team_high">
                      {{teamRecord.Name}}
                      <i ng-if="teamRecord.ShowRepo" style="padding: 0px; padding-left: 10px;" class='fa fa-chevron-down'>
                        <md-tooltip class="tooltip" md-delay="1000" md-direction="bottom">Click to hide Repos for this Team</md-tooltip>
                      </i>
                      <i ng-if="!teamRecord.ShowRepo" style="padding: 0px; padding-left: 10px;" class='fa fa-chevron-right'>
                        <md-tooltip class="tooltip" md-delay="1000" md-direction="bottom">Click to show Repos for this Team</md-tooltip>
                      </i>
                    </div>
                  </td>
                  <td>
                    <div ng-if="(teamRecord.Coverage * 100 < threshold_low)" class="cell_team_low">
                      {{teamRecord.Coverage * 100 | number:2}} %
                    </div>
                    <div ng-if="(teamRecord.Coverage * 100 >= threshold_low) && (teamRecord.Coverage * 100 < threshold_high)" class="cell_team_mid">
                      {{teamRecord.Coverage * 100 | number:2}} %
                    </div>
                    <div ng-if="(teamRecord.Coverage * 100 >= threshold_high)" class="cell_team_high">
                      {{teamRecord.Coverage * 100 | number:2}} %
                    </div>
                  </td>
                </tr>
                <tr ng-repeat="repoRecord in repo_coverage_map_current">
                  <td ng-if="teamRecord.ShowRepo && repoRecord.TeamID == teamRecord.TeamID">
                    <div class="cell_repo">
                      {{repoRecord.Name}}
                    </div>
                  </td>
                  <td ng-if="teamRecord.ShowRepo && repoRecord.TeamID == teamRecord.TeamID">
                    <div class="cell_repo">
                      {{repoRecord.Coverage * 100 | number:2}} %
                    </div>
                  </td>
                  <!-- <td ng-if="teamRecord.ShowRepo && repoRecord.TeamID == teamRecord.TeamID">
                    <div class="cell_repo">
                      <a href="https://codecov.internal.justin.tv/ghe/{{repoRecord.Name}}">
                        <img src="https://codecov.internal.justin.tv/ghe/{{repoRecord.Name}}/branch/master/graph/badge.svg" alt="Codecov" />
                      </a>
                    </div>
                  </td> -->
                </tr>
              </tbody>
            </table>
          </md-table-container>
          <br>
          <div>
            <md-table-container style="max-width: 800px;" class="container">
              <table md-table>
                <tr>
                  <th>
                    Team Colors
                  </th>
                  <th>
                    What It Indicates
                  </th>
                </tr>
                <tr>
                  <td class="cell_team_low">
                    Red
                  </td>
                  <td>
                    Low code-coverage: less than {{threshold_low}}%
                    <img class="img-coverage" ng-src='{{imgSrcBiblethump}}' />
                  </td>
                </tr>
                <tr>
                  <td class="cell_team_mid">
                    Black
                  </td>
                  <td>
                    Moderate code-coverage: {{threshold_low}}% to {{threshold_high}}%
                  </td>
                </tr>
                <tr>
                  <td class="cell_team_high">
                    Purple
                  </td>
                  <td>
                    High code-coverage: greater than {{threshold_high}}%
                    <img class="img-coverage" ng-src='{{imgSrcBleedpurple}}' />
                  </td>
                </tr>
              </table>
            </md-table-container>
          </div>
          {% endraw %}
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %} {% block scripts %}
<!-- Custom JS for this module -->
<script src='/dist/dashboard/codecov/codecov.min.js'></script>
<script src='/dist/angular-material-data-table/dist/md-data-table.min.js'></script>
<script src='/dist/jquery.browser/dist/jquery.browser.js'></script>
<script src='/dist/jquery.bbq/jquery.ba-bbq.min.js'></script>
{% endblock %}