phpvms/resources/views/layouts/default/widgets/live_map.blade.php

66 lines
2.3 KiB
PHP
Raw Normal View History

2018-01-10 02:48:24 +08:00
<div class="row">
<div class="col-md-12">
<div class="box-body">
2018-05-03 04:14:18 +08:00
<div id="map" style="width: {{ $config['width'] }}; height: {{ $config['height'] }}">
<div id="map-info-bar"
style="display: none;
position: absolute;
bottom: 0;
padding: 20px;
height: 100px;
z-index: 9999;
background-color:rgba(232, 232, 232, 0.9);
width: {{ $config['width'] }};">
<div style="float: left; margin-right: 30px; width: 50%;">
<h3 style="margin: 0" id="map_flight_id"></h3>
<p id="map_flight_info"></p>
</div>
<div style="float: left; margin-right: 30px;">
<p id="map_flight_stats_middle"></p>
</div>
<div style="float: left;">
<p id="map_flight_stats_right"></p>
</div>
</div>
</div>
2018-01-10 02:48:24 +08:00
</div>
</div>
</div>
<div class="clearfix" style="padding-top: 25px"></div>
2018-05-03 04:28:57 +08:00
{{--<div id="flights_table" class="row">
2018-01-10 02:48:24 +08:00
<div class="col-md-12">
@if(!filled($pireps))
<div class="jumbotron text-center">There are no flights</div>
2018-01-10 02:48:24 +08:00
@endif
<table class="table">
@foreach($pireps as $pirep)
<tr>
2018-05-02 09:58:05 +08:00
<td>{{ $pirep->airline->code }}{{ $pirep->ident }}</td>
<td>{{ $pirep->dpt_airport_id }}</td>
<td>{{ $pirep->arr_airport_id }}</td>
2018-05-02 09:58:05 +08:00
<td>{{ $pirep->aircraft->name }}</td>
2018-01-10 02:48:24 +08:00
<td>
{{ PirepStatus::label($pirep->status) }}
2018-01-10 02:48:24 +08:00
</td>
</tr>
@endforeach
</table>
</div>
2018-05-03 04:28:57 +08:00
</div>--}}
2018-01-10 02:48:24 +08:00
@section('scripts')
<script>
phpvms.map.render_live_map({
'update_uri': '{!! url('/api/acars') !!}',
2018-05-03 04:14:18 +08:00
'pirep_uri': '{!! url('/api/pireps/{id}') !!}',
2018-05-03 04:28:57 +08:00
'pirep_link_uri': '{!! url('/pireps/{id}') !!}',
'aircraft_icon': '{!! public_asset('/assets/img/acars/aircraft.png') !!}',
2018-05-03 04:14:18 +08:00
'units': '{{ setting('units.distance') }}',
});
2018-01-10 02:48:24 +08:00
</script>
@endsection