#57 styling for flights list page

This commit is contained in:
Nabeel Shahzad
2017-08-02 23:22:51 -05:00
parent 1e19f463bd
commit edd19bb2c2
2 changed files with 33 additions and 24 deletions

View File

@@ -33,7 +33,7 @@ return [
/** /**
* Restrict showing flights from the user's current airport * Restrict showing flights from the user's current airport
*/ */
'only_flights_from_current' => true, 'only_flights_from_current' => false,
/** /**
* Misc Settings * Misc Settings

View File

@@ -2,33 +2,42 @@
<div class="card"> <div class="card">
<div class="card-block" style="min-height: 0px"> <div class="card-block" style="min-height: 0px">
<div class="row"> <div class="row">
<div class="col-sm-1"> <div class="col-sm-3">
<a href="{!! route('frontend.flights.show', [$flight->id]) !!}"> <h5>
{!! $flight->airline->code !!}{!! $flight->flight_number !!} <a class="text-c" href="{!! route('frontend.flights.show', [$flight->id]) !!}">
@if($flight->route_code) {!! $flight->airline->code !!}{!! $flight->flight_number !!}
(C: {!! $flight->route_code !!} L: {!! $flight->route_leg !!}) @if($flight->route_code)
@endif (C: {!! $flight->route_code !!} L: {!! $flight->route_leg !!})
</a> @endif
</a>
</h5>
</div>
<div class="col-sm-9 text-sm-right">
<!-- use for saved: btn-outline-primary -->
<button class="btn btn-outline-primary btn-icon btn-icon-mini btn-round" type="button">
<i class="now-ui-icons ui-2_favourite-28"></i>
</button>
</div> </div>
<div class="col-sm-11">
<div class="row">
<div class="col-sm-4">
<span class="title">DEP&nbsp;</span>
{!! $flight->dpt_airport->icao !!}&nbsp;
<span class="description">{!! $flight->dpt_time !!}</span>
</div>
<div class="col-sm-4">
<span class="title">ARR&nbsp;</span>
{!! $flight->arr_airport->icao !!}&nbsp;
<span class="description">{!! $flight->arr_time !!}</span>
@if($flight->alt_airport)
<span class="description">Alt: {!! $flight->alt_airport->icao !!} <div class="col-sm-3">
)</span> <div class="row">
@endif <div class="col-sm-6">
<span class="title">DEP&nbsp;</span>
{!! $flight->dpt_airport->icao !!}&nbsp;
<span class="title">ARR&nbsp;</span>
{!! $flight->arr_airport->icao !!}&nbsp;
</div> </div>
<div class="col-sm-4"> <div class="col-sm-6 text-right">
<span class="description">{!! $flight->dpt_time !!}</span>
<span class="description">{!! $flight->arr_time !!}</span>
</div> </div>
</div>
</div>
<div class="col-sm-9">
<div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<span class="description">ROUTE&nbsp;</span> <span class="description">ROUTE&nbsp;</span>
{!! $flight->route !!} {!! $flight->route !!}