<header class="blue">
  <span class="title">
    <img style="width:2em; height:2em; margin-bottom:-0.5em"
         src="dart_192.svg" alt="Dart" title="Dart">
    Results Feed</span>
  <span
      class="button"
      (click)="toggleLogin()">
    {{loginMessage}}
  </span>
</header>
<header class="blue">
  <results-filter></results-filter>
</header>
<header class="shadow">
  <filter-row></filter-row>
</header>

<div class="results-feed-body">
  <dart-commit
      *ngFor="let changeGroup of changeGroups.values"
      [changeGroup]="changeGroup"
      [filter]="filterService.filter"></dart-commit>
  <div style="text-align: center">
    <span *ngIf="fetchDate != null">
      Fetched results back to {{formattedFetchDate}}<br></span>
    <span *ngIf="infiniteScrollEnabled" #infiniteScroll>
      fetching results ...</span>
    <material-button raised *ngIf="!infiniteScrollEnabled" (trigger)="fetchData()">
      Fetch more results
    </material-button>
  </div>
</div>