Fixing some styling on the frontend
This commit is contained in:
Nabeel Shahzad
@@ -31,6 +31,7 @@
|
||||
@import "now-ui-kit/progress";
|
||||
@import "now-ui-kit/badges";
|
||||
@import "now-ui-kit/pagination";
|
||||
@import "now-ui-kit/tables";
|
||||
@import "now-ui-kit/typography";
|
||||
@import "now-ui-kit/misc";
|
||||
@import "now-ui-kit/pills";
|
||||
|
||||
@@ -37,14 +37,14 @@
|
||||
}
|
||||
|
||||
.page-item.active > .page-link{
|
||||
color: $light-gray;
|
||||
color: $brand-primary;
|
||||
box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
|
||||
|
||||
&,
|
||||
&:focus,
|
||||
&:hover{
|
||||
background-color: $default-color;
|
||||
border-color: $default-color;
|
||||
background-color: $brand-primary;
|
||||
border-color: $brand-primary;
|
||||
color: $white-color;
|
||||
}
|
||||
}
|
||||
@@ -61,8 +61,8 @@
|
||||
&,
|
||||
&:focus,
|
||||
&:hover{
|
||||
background-color: $brand-info;
|
||||
border-color: $brand-info;
|
||||
background-color: $brand-primary;
|
||||
border-color: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -72,8 +72,8 @@
|
||||
&,
|
||||
&:focus,
|
||||
&:hover{
|
||||
background-color: $brand-success;
|
||||
border-color: $brand-success;
|
||||
background-color: $brand-primary;
|
||||
border-color: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
11
resources/sass/now-ui/now-ui-kit/_tables.scss
Normal file
11
resources/sass/now-ui/now-ui-kit/_tables.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
|
||||
.table-condensed > tbody > tr > td,
|
||||
.table-condensed > tbody > tr > th,
|
||||
.table-condensed > tfoot > tr > td,
|
||||
.table-condensed > tfoot > tr > th,
|
||||
.table-condensed > thead > tr > td,
|
||||
.table-condensed > thead > tr > th {
|
||||
padding: 5px;
|
||||
/*text-align: center;*/
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -69,7 +69,7 @@ $danger-color-opacity: rgba(255, 54, 54, .3) !default;
|
||||
$danger-color-alert: rgba(255, 54, 54, .8) !default;
|
||||
|
||||
/* brand Colors */
|
||||
$brand-primary: $primary-color !default;
|
||||
$brand-primary: #067ec1 !default;
|
||||
$brand-info: $info-color !default;
|
||||
$brand-success: $success-color !default;
|
||||
$brand-warning: $warning-color !default;
|
||||
|
||||
@@ -123,17 +123,6 @@
|
||||
color: $primary-color;
|
||||
}
|
||||
|
||||
.table-condensed > tbody > tr > td,
|
||||
.table-condensed > tbody > tr > th,
|
||||
.table-condensed > tfoot > tr > td,
|
||||
.table-condensed > tfoot > tr > th,
|
||||
.table-condensed > thead > tr > td,
|
||||
.table-condensed > thead > tr > th{
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.table-striped .datepicker table tr td,
|
||||
.table-striped .datepicker table tr th {
|
||||
background-color: transparent;
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
@section('content')
|
||||
<div class="row" style="margin-bottom: 30px;">
|
||||
<div class="col-12">
|
||||
<h2 class="description">{{ $airport->full_name }}</h2>
|
||||
<h2>{{ $airport->full_name }}</h2>
|
||||
</div>
|
||||
|
||||
{{-- Show the weather widget in one column --}}
|
||||
@@ -24,32 +24,84 @@
|
||||
]) }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="margin-bottom: 30px;">
|
||||
<div class="row">
|
||||
{{-- There are files uploaded and a user is logged in--}}
|
||||
@if($airport->files && Auth::check())
|
||||
@if(count($airport->files) > 0 && Auth::check())
|
||||
<div class="col-12">
|
||||
<h3 class="description">Downloads</h3>
|
||||
<h3>Downloads</h3>
|
||||
@include('downloads.table', ['files' => $airport->files])
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3 class="description">Inbound Flights</h3>
|
||||
<div class="col-6">
|
||||
<h5>Inbound Flights</h5>
|
||||
@if(!$inbound_flights)
|
||||
<div class="jumbotron text-center">
|
||||
no flights found
|
||||
</div>
|
||||
@else
|
||||
@each('airports.table', $inbound_flights, 'flight')
|
||||
<table class="table table-striped table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-left">Ident</th>
|
||||
<th class="text-left">From</th>
|
||||
<th>Departure</th>
|
||||
<th>Arrival</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@foreach($inbound_flights as $flight)
|
||||
<tr>
|
||||
<td class="text-left">
|
||||
<a href="{{ route('frontend.flights.show', [$flight->id]) }}">
|
||||
{{ $flight->ident }}
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-left">{{ $flight->dpt_airport->name }}
|
||||
(<a href="{{route('frontend.airports.show',
|
||||
['id'=>$flight->dpt_airport->icao])}}">{{$flight->dpt_airport->icao}}</a>)
|
||||
</td>
|
||||
<td>{{ $flight->dpt_time }}</td>
|
||||
<td>{{ $flight->arr_time }}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</table>
|
||||
@endif
|
||||
<h3 class="description">Outbound Flights</h3>
|
||||
</div>
|
||||
|
||||
<div class="col-6">
|
||||
<h5>Outbound Flights</h5>
|
||||
@if(!$outbound_flights)
|
||||
<div class="jumbotron text-center">
|
||||
no flights found
|
||||
</div>
|
||||
@else
|
||||
@each('airports.table', $outbound_flights, 'flight')
|
||||
<table class="table table-striped table-condensed">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-left">Ident</th>
|
||||
<th class="text-left">To</th>
|
||||
<th>Departure</th>
|
||||
<th>Arrival</th>
|
||||
</tr>
|
||||
</thead>
|
||||
@foreach($outbound_flights as $flight)
|
||||
<tr>
|
||||
<td class="text-left">
|
||||
<a href="{{ route('frontend.flights.show', [$flight->id]) }}">
|
||||
{{ $flight->ident }}
|
||||
</a>
|
||||
</td>
|
||||
<td class="text-left">{{ $flight->arr_airport->name }}
|
||||
(<a href="{{route('frontend.airports.show',
|
||||
['id'=>$flight->arr_airport->icao])}}">{{$flight->arr_airport->icao}}</a>)
|
||||
</td>
|
||||
<td>{{ $flight->dpt_time }}</td>
|
||||
<td>{{ $flight->arr_time }}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</table>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,19 +0,0 @@
|
||||
<table class="table">
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{{ route('frontend.flights.show', [$flight->id]) }}">
|
||||
{{ $flight->ident }}
|
||||
</a>
|
||||
</td>
|
||||
<td>{{ $flight->dpt_airport->icao }}</td>
|
||||
<td>
|
||||
{{ $flight->arr_airport->icao }}
|
||||
@if($flight->alt_airport)
|
||||
(Alt: {{ $flight->alt_airport->icao }})
|
||||
@endif
|
||||
</td>
|
||||
{{--<td>{{ $flight->route }}</td>--}}
|
||||
<td>{{ $flight->dpt_time }}</td>
|
||||
<td>{{ $flight->arr_time }}</td>
|
||||
<td>{{ $flight->notes }}</td>
|
||||
</table>
|
||||
@@ -31,13 +31,20 @@
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-5">
|
||||
{{--<table class="table-condensed"></table>--}}
|
||||
<span class="title">DEP </span>
|
||||
<a href="{{route('frontend.airports.show', ['id'=>$flight->dpt_airport_id])}}">
|
||||
{{ $flight->dpt_airport->icao }}</a>@if($flight->dpt_time), {{ $flight->dpt_time }}@endif
|
||||
{{ $flight->dpt_airport->name }}
|
||||
(<a href="{{route('frontend.airports.show', [
|
||||
'id' => $flight->dpt_airport->icao
|
||||
])}}">{{$flight->dpt_airport->icao}}</a>)
|
||||
@if($flight->dpt_time), {{ $flight->dpt_time }}@endif
|
||||
<br />
|
||||
<span class="title">ARR </span>
|
||||
<a href="{{route('frontend.airports.show', ['id'=>$flight->arr_airport_id])}}">
|
||||
{{ $flight->arr_airport->icao }}</a>@if($flight->arr_time), {{ $flight->arr_time }}@endif
|
||||
{{ $flight->arr_airport->name }}
|
||||
(<a href="{{route('frontend.airports.show', [
|
||||
'id' => $flight->arr_airport->icao
|
||||
])}}">{{$flight->arr_airport->icao}}</a>)
|
||||
@if($flight->arr_time), {{ $flight->arr_time }}@endif
|
||||
<br />
|
||||
@if($flight->distance)
|
||||
<span class="title">DISTANCE </span>
|
||||
|
||||
@@ -1,34 +1,46 @@
|
||||
<ul class="pagination">
|
||||
<!-- Previous Page Link -->
|
||||
@if ($paginator->onFirstPage())
|
||||
<li class="disabled"><span>«</span></li>
|
||||
@else
|
||||
<li><a href="{{ $paginator->previousPageUrl() }}" rel="prev">«</a></li>
|
||||
@endif
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<ul class="pagination text-center" style="justify-content: center; display:flex;">
|
||||
<!-- Previous Page Link -->
|
||||
@if ($paginator->onFirstPage())
|
||||
<li class="page-item disabled"><span class="page-link">«</span></li>
|
||||
@else
|
||||
<li class="page-item"><a class="page-link"
|
||||
href="{{ $paginator->previousPageUrl() }}"
|
||||
rel="prev">«</a></li>
|
||||
@endif
|
||||
|
||||
<!-- Pagination Elements -->
|
||||
@foreach ($elements as $element)
|
||||
<!-- "Three Dots" Separator -->
|
||||
@if (is_string($element))
|
||||
<li class="disabled"><span>{{ $element }}</span></li>
|
||||
@endif
|
||||
<!-- Pagination Elements -->
|
||||
@foreach ($elements as $element)
|
||||
<!-- "Three Dots" Separator -->
|
||||
@if (is_string($element))
|
||||
<li class="page-item disabled"><span class="page-link">{{ $element }}</span>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
<!-- Array Of Links -->
|
||||
@if (is_array($element))
|
||||
@foreach ($element as $page => $url)
|
||||
@if ($page == $paginator->currentPage())
|
||||
<li class="active"><span>{{ $page }}</span></li>
|
||||
@else
|
||||
<li><a href="{{ $url }}">{{ $page }}</a></li>
|
||||
<!-- Array Of Links -->
|
||||
@if (is_array($element))
|
||||
@foreach ($element as $page => $url)
|
||||
@if ($page == $paginator->currentPage())
|
||||
<li class="page-item active"><span
|
||||
class="page-link">{{ $page }}</span></li>
|
||||
@else
|
||||
<li class="page-item"><a class="page-link"
|
||||
href="{{ $url }}">{{ $page }}</a>
|
||||
</li>
|
||||
@endif
|
||||
@endforeach
|
||||
@endif
|
||||
@endforeach
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
<!-- Next Page Link -->
|
||||
@if ($paginator->hasMorePages())
|
||||
<li><a href="{{ $paginator->nextPageUrl() }}" rel="next">»</a></li>
|
||||
@else
|
||||
<li class="disabled"><span>»</span></li>
|
||||
@endif
|
||||
</ul>
|
||||
<!-- Next Page Link -->
|
||||
@if ($paginator->hasMorePages())
|
||||
<li class="page-item"><a class="page-link"
|
||||
href="{{ $paginator->nextPageUrl() }}"
|
||||
rel="next">»</a></li>
|
||||
@else
|
||||
<li class="page-item disabled"><span class="page-link">»</span></li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -11,12 +11,12 @@
|
||||
</div>
|
||||
<h2 class="description">pilot reports</h2>
|
||||
@include('flash::message')
|
||||
@include("pireps.table")
|
||||
@include('pireps.table')
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
{{ $pireps->links("pagination.default") }}
|
||||
{{ $pireps->links('pagination.default') }}
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h4 class="description">flight map</h4>
|
||||
<h5>flight map</h5>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="box-body">
|
||||
|
||||
@@ -7,13 +7,15 @@
|
||||
{{ $pirep->ident }}
|
||||
</a>
|
||||
-
|
||||
<a href="{{route('frontend.airports.show', ['id' => $pirep->dpt_airport_id])}}">
|
||||
{{ $pirep->dpt_airport_id }}</a>
|
||||
|
||||
<span class="description"> to </span>
|
||||
|
||||
<a href="{{route('frontend.airports.show', ['id' => $pirep->arr_airport_id])}}">
|
||||
{{ $pirep->arr_airport_id }}</a>
|
||||
{{ $pirep->dpt_airport->name }}
|
||||
(<a href="{{route('frontend.airports.show', [
|
||||
'id' => $pirep->dpt_airport->icao
|
||||
])}}">{{$pirep->dpt_airport->icao}}</a>)
|
||||
<span class="description">to</span>
|
||||
{{ $pirep->arr_airport->name }}
|
||||
(<a href="{{route('frontend.airports.show', [
|
||||
'id' => $pirep->arr_airport->icao
|
||||
])}}">{{$pirep->arr_airport->icao}}</a>)
|
||||
</h5>
|
||||
</div>
|
||||
<div class="col-sm-2 text-center">
|
||||
@@ -33,7 +35,7 @@
|
||||
<div class="col-sm-10">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<table width="100%">
|
||||
<table class="table-condensed" width="100%">
|
||||
<tr>
|
||||
<td nowrap><span class="title">Flight Time </span></td>
|
||||
<td>{{ Utils::minutesToTimeString($pirep->flight_time) }}</td>
|
||||
|
||||
@@ -4,14 +4,14 @@
|
||||
@section('content')
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h2 class="description">{{ $pirep->ident }}</h2>
|
||||
<h2>{{ $pirep->ident }}</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-8">
|
||||
<h4 class="description">flight info</h4>
|
||||
<table class="table table-hover">
|
||||
<h5>flight info</h5>
|
||||
<table class="table table-hover table-condensed">
|
||||
<tr>
|
||||
<td>Status</td>
|
||||
<td>
|
||||
@@ -35,11 +35,15 @@
|
||||
<tr>
|
||||
<td>Departure/Arrival</td>
|
||||
<td>
|
||||
<a href="{{route('frontend.airports.show', ['id' => $pirep->dpt_airport_id])}}">
|
||||
{{ $pirep->dpt_airport->full_name }}</a>
|
||||
{{ $pirep->dpt_airport->name }}
|
||||
(<a href="{{route('frontend.airports.show', [
|
||||
'id' => $pirep->dpt_airport->icao
|
||||
])}}">{{$pirep->dpt_airport->icao}}</a>)
|
||||
<span class="description">to</span>
|
||||
<a href="{{route('frontend.airports.show', ['id' => $pirep->arr_airport_id])}}">
|
||||
{{ $pirep->arr_airport->full_name }}</a>
|
||||
{{ $pirep->arr_airport->name }}
|
||||
(<a href="{{route('frontend.airports.show', [
|
||||
'id' => $pirep->arr_airport->icao
|
||||
])}}">{{$pirep->arr_airport->icao}}</a>)
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
@@ -85,8 +89,8 @@
|
||||
--}}
|
||||
|
||||
@if(count($pirep->fields) > 0)
|
||||
<h4 class="description">fields</h4>
|
||||
<table class="table table-hover">
|
||||
<h5>fields</h5>
|
||||
<table class="table table-hover table-condensed">
|
||||
<thead>
|
||||
<th>Name</th>
|
||||
<th>Value</th>
|
||||
@@ -101,45 +105,45 @@
|
||||
</tbody>
|
||||
</table>
|
||||
@endif
|
||||
|
||||
{{--
|
||||
Show the fares that have been entered
|
||||
--}}
|
||||
@if(count($pirep->fares) > 0)
|
||||
<div class="separator"></div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h5>fares</h5>
|
||||
<table class="table table-hover table-condensed">
|
||||
<thead>
|
||||
<th>Class</th>
|
||||
<th>Count</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($pirep->fares as $fare)
|
||||
<tr>
|
||||
<td>{{ $fare->fare->name }} ({{ $fare->fare->code }})</td>
|
||||
<td>{{ $fare->count }}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{--
|
||||
Show the fares that have been entered
|
||||
--}}
|
||||
|
||||
@if(count($pirep->fares) > 0)
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h4 class="description">fares</h4>
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<th>Class</th>
|
||||
<th>Count</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($pirep->fares as $fare)
|
||||
<tr>
|
||||
<td>{{ $fare->fare->name }} ({{ $fare->fare->code }})</td>
|
||||
<td>{{ $fare->count }}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@include('pireps.map')
|
||||
|
||||
@if(count($pirep->acars_logs) > 0)
|
||||
<br /><br />
|
||||
<div class="row clear">
|
||||
<div class="separator"></div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="description">flight log</h3>
|
||||
<h5>flight log</h5>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<table class="table table-hover" id="users-table">
|
||||
<table class="table table-hover table-condensed" id="users-table">
|
||||
<tbody>
|
||||
@foreach($pirep->acars_logs as $log)
|
||||
<tr>
|
||||
|
||||
@@ -7,7 +7,7 @@ https://api.checkwx.com/#metar-decoded
|
||||
@if(!$metar)
|
||||
<p>METAR/TAF data could not be retrieved</p>
|
||||
@else
|
||||
<table class="table">
|
||||
<table class="table table-striped">
|
||||
<tr>
|
||||
<td>Conditions</td>
|
||||
<td>
|
||||
|
||||
Reference in New Issue
Block a user