<!doctype html> <html class="no-js" lang="en" ng-app="vatawareApp" ng-controller="BaseController" scroll resize ng-cloak> <head> <meta charset="utf-8"> <title ng-bind="Page.title()">Vataware</title> <meta name="description" content="Vataware provides state of the art tracking of flights, pilots, and controllers on the global VATSIM network for everyone in the community."> <meta name="viewport" content="width=device-width"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <link rel="dns-prefetch" href="//maps.google.com"> <link rel="dns-prefetch" href="//maps.googleapis.com"> <base href="/"> <link rel="stylesheet" href="styles/vendor.e54cbce0.css"> <link rel="stylesheet" href="styles/vataware.e12e1b26.css"> <link type="text/css" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/css/jasny-bootstrap.min.css"> <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" type="text/css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic|Ubuntu+Mono" rel="stylesheet" type="text/css"> <body> <div id="primary"> <div id="topnav" class="navbar navbar-inverse navbar-fixed-top" headroom> <div class="container"> <div class="navbar-header"> <button type="button" class="btn btn-success navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-userbox" ng-init="isCollapsed = true" ng-click="isCollapsed = !isCollapsed"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" ng-href="/">Vataware</a> </div> <div class="navbar-collapse" ng-class="{collapse: isCollapsed}" id="nav-userbox"> <form class="navbar-form navbar-right visible-xs" role="search"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search..."> <span class="input-group-btn"> <a href="#" class="btn btn-default"><i class="fa fa-search"></i></a> </span> </div> </form> <ul class="nav navbar-nav navbar-right"> <li><a href="flight">Flights</a></li> <li class="hidden-xs" id="search"><a href="#" ng-click="toggleSearch()" class="toggle-search"><i class="fa fa-search"></i></a></li> </ul> </div> </div> <form class="navbar-form hidden-xs" id="search-form" style=""> <div class="container"> <div class="form-group" style="display:inline; width: auto"> <div class="input-group"> <input type="text" searchfield class="form-control input-lg" placeholder="&#xf002; Search for pilots, flights, citypairs, airports, and more..."> </div> </div> </div> </form> </div> <header id="header" ng-show="Page.header()"> <div class="container"> <h1><span ng-bind-html="Page.header()"></span> <small ng-show="Page.subtitle()" ng-bind-html="Page.subtitle()"></small></h1> </div> </header> <div id="content" class="wrapper" scroll-spy> <div id="spinningLoader"></div> <div class="sidemenu hidden-xs hidden-sm"> <ul class="nav" ng-include="Page.sidebar()"></ul> </div> <div class="container"> <div ng-view></div> </div> </div>  <div style="height: 68px" id="footer-spacer"></div> </div> <footer id="footer" class="navbar navbar-inverse"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#footer-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse" id="footer-collapse"> <ul class="nav navbar-nav"> <li><a href="/">&copy; <span ng-bind="date | date:'yyyy'"></span> <strong>Vataware</strong></a></li> <li><a href="http://www.comayers.com">Hosting by <strong>Comayers</strong></a></li> <li><a href="/documents">Documents</a></li> <li><a href="http://kb.comayers.com/browse/VAT">Knowledge Base</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="http://kb.comayers.com/browse/VAT-3" tooltip="Change Log" tooltip-placement="left" tooltip-append-to-body="true">v1.4.2</a></li> </ul> </div> </div> </footer> <div id="search-results" style="display: none"> <div class="container" style="padding-top: 15px"> <p class="lead" ng-hide="searchQuery"><i class="fa fa-keyboard-o"></i> Please type at least 3 characters to search for flights or pilots.</p> <ul class="media-list col-md-6" ng-show="searchQuery"> <li class="media search-flight" ng-repeat="flight in searchResults.activeFlights"> <a href="flight/{{ flight.id }}"> <div class="media-left media-middle search-icon" style="font-size: 36px; border-right: 3px solid #CCC; width: 60px; text-align: center; color: #0F0"> <i class="fa fa-plane"></i> </div> <div class="media-body media-middle" style="padding-left: 12px"> <p class="lead" style="margin-bottom: 5px"><strong>{{ flight.callsign }}</strong> <small ng-show="flight.pilot"><em>by {{ flight.pilot.name }} ({{ flight.pilot.id }})</em></small><small ng-hide="flight.pilot"><em>by Anonymous</em></small></p> <p style="margin-bottom: 5px"><img ng-src="/assets/images/flags/{{ searchResults.support.airports[flight.departure].country }}.png"> <strong>{{ flight.departure }}</strong> <span ng-show="searchResults.support.airports[flight.departure]">{{ searchResults.support.airports[flight.departure].city }}, {{ searchResults.support.airports[flight.departure].country | uppercase }}</span> &mdash; <img ng-src="/assets/images/flags/{{ searchResults.support.airports[flight.arrival].country }}.png"> <strong>{{ flight.arrival }}</strong> <span ng-show="searchResults.support.airports[flight.arrival]">{{ searchResults.support.airports[flight.arrival].city }}, {{ searchResults.support.airports[flight.arrival].country | uppercase }}</span></p> <p style="margin-bottom: 0"><i class="fa fa-calendar"></i>&nbsp;&nbsp;{{ flight.date }}</p> </div> </a> </li> <li class="media search-pilot" ng-repeat="pilot in searchResults.pilots"> <a href="pilot/{{ pilot.id }}"> <div class="media-left media-middle search-icon" style="font-size: 36px; border-right: 3px solid #CCC; width: 60px; text-align: center; color: white"> <i class="fa fa-user"></i> </div> <div class="media-body media-middle" style="padding-left: 12px"> <p class="lead" style="margin-bottom: 0">{{ pilot.name }} <small>/ {{ pilot.id }}</small></p> </div> </a> </li> <li class="media search-flight" ng-repeat="flight in searchResults.flights"> <a href="flight/{{ flight.id }}"> <div class="media-left media-middle search-icon" style="font-size: 36px; border-right: 3px solid #CCC; width: 60px; text-align: center; color: white"> <i class="fa fa-plane"></i> </div> <div class="media-body media-middle" style="padding-left: 12px"> <p class="lead" style="margin-bottom: 5px"><strong>{{ flight.callsign }}</strong> <small ng-show="flight.pilot"><em>by {{ flight.pilot.name }} ({{ flight.pilot.id }})</em></small><small ng-hide="flight.pilot"><em>by Anonymous</em></small></p> <p style="margin-bottom: 5px"><img ng-src="/assets/images/flags/{{ searchResults.support.airports[flight.departure].country }}.png"> <strong>{{ flight.departure }}</strong> <span ng-show="searchResults.support.airports[flight.departure]">{{ searchResults.support.airports[flight.departure].city }}, {{ searchResults.support.airports[flight.departure].country | uppercase }}</span> &mdash; <img ng-src="/assets/images/flags/{{ searchResults.support.airports[flight.arrival].country }}.png"> <strong>{{ flight.arrival }}</strong> <span ng-show="searchResults.support.airports[flight.arrival]">{{ searchResults.support.airports[flight.arrival].city }}, {{ searchResults.support.airports[flight.arrival].country | uppercase }}</span></p> <p style="margin-bottom: 0"><i class="fa fa-calendar"></i>&nbsp;&nbsp;{{ flight.date }}</p> </div> </a> </li> </ul> </div> </div> <!--[if lt IE 9]>
		<script src="scripts/oldieshim.d41d8cd9.js"></script>
		<![endif]--> <script src="scripts/vendor.f78da688.js"></script> <script src="scripts/config/config.d7102106a.js"></script> <script src="scripts/vataware.bf1b5770.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js"></script> <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

			ga('create', 'UA-49973764-1', 'vataware.com');
			ga('require', 'linkid', 'linkid.js');
			ga('require', 'displayfeatures');</script>
