acarsmap.tpl

<style>
#innerwrapper{
background:none;
border:none;
padding:0px;
}
</style>
<h3>Live Flight Information</h3>
<div class="box" style="padding:0px;width:100%;">
<?php
/**
 * These are some options for the ACARS map, you can change here
 *
 * By default, the zoom level and center are ignored, and the map
 * will try to fit the all the flights in. If you want to manually set
 * the zoom level and center, set "autozoom" to false.
 *
 * You can use these MapTypeId's:
 * http://code.google.com/apis/maps/documentation/v3/reference.html#MapTypeId
 *
 * Change the "TERRAIN" to the "Constant" listed there - they are case-sensitive
 *
 * Also, how to style the acars pilot list table. You can use these style selectors:
 *
 * table.acarsmap { }
 * table.acarsmap thead { }
 * table.acarsmap tbody { }
 * table.acarsmap tbody tr.even { }
 * table.acarsmap tbody tr.odd { }
 */
?>
<script type="text/javascript">
<?php
/* These are the settings for the Google map. You can see the
	Google API reference if you want to add more options.

	There's two options I've added:

	autozoom: This will automatically center in on/zoom
	  so all your current flights are visible. If false,
	  then the zoom and center you specify will be used instead

	refreshTime: Time, in seconds * 1000 to refresh the map.
	  The default is 10000 (10 seconds)
*/
?>
var acars_map_defaults = {
	autozoom: true,
	zoom: 4,
    center: new google.maps.LatLng("<?php echo Config::Get('MAP_CENTER_LAT'); ?>", "<?php echo Config::Get('MAP_CENTER_LNG'); ?>"),
    mapTypeId: google.maps.MapTypeId.TERRAIN,
    refreshTime: 10000
};
</script>
<div class="mapcenter" align="center">
	<div id="acarsmap" style="width:970px; height: 500px"></div>
</div>
<?php
/* See below for details and columns you can use in this table */
?>
</div>
<div class="box">
<table border = "1" class="table table-striped" width="100%" class="acarsmap">
<thead>
	<tr>
		<td width="25%"><center><b>Pilot</b></center></td>
		<td width="9%"><center><b>Flight #</b></center></td>
		<td width="8%"><center><b>Dep</b></center></td>
		<td width="8%"><center><b>Arr</b></center></td>
		<td width="9%"><center><b>Status</b></center></td>
		<td width="8%"><center><b>Altitude</b></center></td>
		<td width="11%"><center><b>Ground Speed</b></center></td>
		<td width="12%"><center><b>Dist/Time</b></center></td>
		<td width="10%"><center><b>% Complete</b></center></td>
	</tr>
</thead>
<tbody id="pilotlist"></tbody>
</table>
<script type="text/javascript" src="<?php echo fileurl('/lib/js/acarsmap.js');?>"></script>
<?php
/* This is the template which is used in the table above, for each row.
	Be careful modifying it. You can simply add/remove columns, combine
	columns too. Keep each "section" (<%=...%>) intact

	Variables you can use (what they are is pretty obvious)

	Variable:							Notes:
	<%=flight.pilotid%>
	<%=flight.firstname%>
	<%=flight.lastname%>
	<%=flight.pilotname%>				First and last combined
	<%=flight.flightnum%>
	<%=flight.depapt%>					Gives the airport name
	<%=flight.depicao%>
	<%=flight.arrapt%>					Gives the airport name
	<%=flight.arricao%>
	<%=flight.phasedetail%>
	<%=flight.heading%>
	<%=flight.alt%>
	<%=flight.gs%>
	<%=flight.disremaining%>
	<%=flight.timeremaning%>
	<%=flight.aircraft%>				Gives the registration
	<%=flight.aircraftname%>			Gives the full name
	<%=flight.client%>					FSACARS/Xacars/FSFK, etc
	<%=flight.trclass%>					"even" or "odd"

	You can also use logic in the templating, if you so choose:
	http://ejohn.org/blog/javascript-micro-templating/
*/
?>
<script type="text/html" id="acars_map_row">
<tr class="<%=flight.trclass%>">
<td><center><a href="<?php echo url('/profile/view');?>/<%=flight.pilotid%>"><%=flight.pilotname%> - <%=flight.pilotid%></a></center></td>
<td><center><%=flight.flightnum%></center></td>
<td><center><%=flight.depicao%></center></td>
<td><center><%=flight.arricao%></center></td>
<td><center><%=flight.phasedetail%></center></td>
<td><center><%=flight.alt% Feet></center></td>
<td><center><%=flight.gs% Knots></center></td>
<td><center><%=flight.distremaining%> <?php echo Config::Get('UNITS');?> / <%=flight.timeremaining%></center></td>
<td><center>><$otaldistance = round(SchedulesData::distanceBetweenPoints($flight->deplat, $flight->deplng, $flight->arrlat, $flight->arrlng));
$percomplete = ABS(number_format(((($totaldistance - $flight->distremain) / $totaldistance) * 100), 2));
$c['percomplete'] = $percomplete;></center></td>
</tr>
</script>
</script>

<?php
/*	This is the template for the little map bubble which pops up when you click on a flight
	Same principle as above, keep the <%=...%> tags intact. The same variables are available
	to use here as are available above.
*/
?>
<script type="text/html" id="acars_map_bubble">
<span style="font-size: 10px; text-align:left; width: 100%" align="left">
<a href="<?php echo url('/profile/view');?>/<%=flight.pilotid%>"><%=flight.pilotid%> - <%=flight.pilotname%></a><br />
<strong>Flight <%=flight.flightnum%></strong> (<%=flight.depicao%> to <%=flight.arricao%>)<br />
<strong>Status: </strong><%=flight.phasedetail%><br />
<strong>Dist/Time Remain: </strong><%=flight.distremaining%> <?php echo Config::Get('UNITS');?> / <%=flight.timeremaining%><br />
</span>
</script>

<?php
/*	This is a small template for information about a navpoint popup

	Variables available:

	<%=nav.title%>
	<%=nav.name%>
	<%=nav.freq%>
	<%=nav.lat%>
	<%=nav.lng%>
	<%=nav.type%>	2=NDB 3=VOR 4=DME 5=FIX 6=TRACK
 */
?>
<script type="text/html" id="navpoint_bubble">
<span style="font-size: 10px; text-align:left; width: 100%" align="left">
<strong>Name: </strong><%=nav.title%> (<%=nav.name%>)<br />
<strong>Type: </strong>
<?php	/* Show the type of point */ ?>
<% if(nav.type == 2) { %> NDB <% } %>
<% if(nav.type == 3) { %> VOR <% } %>
<% if(nav.type == 4) { %> DME <% } %>
<% if(nav.type == 5) { %> FIX <% } %>
<% if(nav.type == 6) { %> TRACK <% } %>
<br />
<?php	/* Only show frequency if it's not a 0*/ ?>
<% if(nav.freq != 0) { %>
<strong>Frequency: </strong><%=nav.freq%>
<% } %>
</span>
</script>
</div>