30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<div class="page-header">
|
|
<h1>F.R.A.U.D.S. <small>Flights</small></h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngIf=loading class="col-md-12">
|
|
<span *ngIf=!error><i class="fa fa-circle-o-notch fa-spin fa-fw"></i> Loading....</span>
|
|
<span *ngIf=error><i class="fa fa-cross fa-fw"></i> Error....</span>
|
|
</div>
|
|
|
|
<div *ngIf=!loading class="col-md-12">
|
|
<div class="row">
|
|
|
|
<div *ngFor="let flight of flights" class="col-md-4 col-sm-6 col-xs-12 flight">
|
|
<div class="well well-sm bit" [class.inair]="flight.endtime == null" (click)="onClick(flight)">
|
|
<h4><i class="fa fa-fw fa-hashtag"></i> {{flight.id}}</h4>
|
|
<i class="fa fa-fw fa-plane"></i> {{flight.plane.model}}, {{flight.plane.registration}} <br>
|
|
<span *ngFor="let user of flight.users"><i class="fa fa-fw fa-user"></i> {{user.name}}<br></span><br>
|
|
<i class="fa fa-fw fa-caret-up"></i> {{flight.starttime | date:'yyyy-MM-dd HH:mm:ss'}}<br>
|
|
<i class="fa fa-fw fa-caret-down"></i> {{flight.endtime | date:'yyyy-MM-dd HH:mm:ss'}}<br>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div> |