Add acars map page and show in-progress flights

This commit is contained in:
Nabeel Shahzad
2017-12-27 16:47:22 -06:00
parent a2e2a2a6a7
commit edca0644ff
103 changed files with 12380 additions and 827 deletions

View File

@@ -0,0 +1,9 @@
@extends('layouts.default.app')
@section('title', 'live map')
@section('content')
@include('layouts.default.acars.map')
<div class="clearfix" style="padding-top: 25px"></div>
@include('layouts.default.acars.table')
@endsection

View File

@@ -0,0 +1,19 @@
<div class="row">
<div class="col-md-12">
<h3 class="description">flight map</h3>
</div>
<div class="col-12">
<div class="box-body">
<div id="map" style="width: 100%; height: 800px"></div>
</div>
</div>
</div>
@section('scripts')
<script type="text/javascript">
phpvms.render_live_map({
'update_uri': '{!! url('/api/acars') !!}',
'aircraft_icon': '{!! public_asset('/assets/img/acars/aircraft.png') !!}',
});
</script>
@endsection

View File

@@ -0,0 +1,17 @@
<div id="flights_table" class="row">
<div class="col-md-12">
<h3 class="description">flights</h3>
<table class="table">
@foreach($pireps as $pirep)
<tr>
<td>{!! $pirep->ident !!}</td>
<td>{!! $pirep->dpt_airport_id !!}</td>
<td>{!! $pirep->arr_airport_id !!}</td>
<td>
{!! PirepStatus::label($pirep->status); !!}
</td>
</tr>
@endforeach
</table>
</div>
</div>

View File

@@ -183,7 +183,8 @@
<script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js"
integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log=="
crossorigin=""></script>
<script src="{!! public_asset('/assets/vendor/leaflet/leaflet.geodesic.js') !!}?v={!! time() !!}"></script>
<script src="{!! public_asset('/assets/vendor/leaflet-plugins/leaflet.geodesic.js') !!}?v={!! time() !!}"></script>
<script src="{!! public_asset('/assets/vendor/leaflet-plugins/leaflet.rotatedMarker.js') !!}?v={!! time() !!}"></script>
<script src="{!! public_asset('/assets/vendor/leaflet-ajax/dist/leaflet.ajax.min.js') !!}?v={!! time() !!}"></script>
<script src="{!! public_asset('/assets/system/js/system.js') !!}?v={!! time() !!}"></script>