visits-list.component.html

<div id="page">
  <!--ul class="tabs">
    <li [ngClass]="{active: !passed}" (click)="passed = false">
      Sorties à venir
    </li>
    <li [ngClass]="{active: passed}"(click)="passed = true">
      Sorties passées
    </li>
  </ul>
  <div *ngIf="visits; else loading">
    <ul id="visits" *ngIf="displayedVisits && displayedVisits.length > 0; else empty">
      <li *ngFor="let visit of displayedVisits">
        <visit-card [visit]="visit" [participant$]="userParticipant(visit)"></visit-card>
      </li>
    </ul>
    <ng-template #empty>
      <p class="text-center">Pas de sorties à afficher ici.</p>
    </ng-template>
  </div>
  <ng-template #loading>
    <app-load-spinner></app-load-spinner>
  </ng-template-->
<h2>On y travaille…</h2>
<p>Nos tuteurs t'informeront lors des premières inscriptions aux sorties !</p>
</div>