53 lines
2.0 KiB
HTML
53 lines
2.0 KiB
HTML
<div class="row">
|
|
|
|
<div class="col-md-12">
|
|
<div class="page-header">
|
|
<h1>F.R.A.U.D.S. <small>{{name}}</small> <span *ngIf=!loading><span *ngIf="flight.endtime == null"><button class="btn btn-danger pull-right" (click)="endFlight()"><i class="fa fa-plane" aria-hidden="true"></i> End flight</button></span></span></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">
|
|
|
|
<b>Type:</b> {{flight.type}}<br>
|
|
<span *ngIf="flight.comment"><b>Comment:</b> {{flight.comment}}<br></span>
|
|
|
|
<h3><i class="fa fa-clock-o"></i> Time</h3>
|
|
<i class="fa fa-fw fa-caret-up"></i> <b>Takeoff: </b> {{flight.starttime | date:'yyyy-MM-dd HH:mm:ss'}}<br>
|
|
<i class="fa fa-fw fa-caret-down"></i> <b>Touchdown:</b> {{flight.endtime | date:'yyyy-MM-dd HH:mm:ss'}}<br>
|
|
|
|
|
|
<h3><i class="fa fa-plane"></i> Plane</h3>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 col-sm-6 col-xs-12 plane">
|
|
<div class="well well-sm" (click)="onClickPlane(flight.plane)">
|
|
<h4><i class="fa fa-fw fa-plane"></i> {{flight.plane.name}}</h4>
|
|
<i class="fa fa-fw fa-file-text"></i> {{flight.plane.registration}}<br>
|
|
<i class="fa fa-fw fa-tag"></i> {{flight.plane.model}}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<h3><i class="fa fa-user"></i> Users</h3>
|
|
|
|
<div class="row">
|
|
|
|
<div *ngFor="let user of flight.users" class="col-md-4 col-sm-6 col-xs-12 user">
|
|
<div class="well well-sm" (click)="onClick(user)">
|
|
<h4>{{user.name}}</h4>
|
|
<i class="fa fa-fw fa-tag"></i> {{user.role}}<br>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|