More work on mobile UI, changed to network 10 start date
[bus.git] / busui / index.php
blob:a/busui/index.php -> blob:b/busui/index.php
<?php <?php
include('common.inc.php'); include('common.inc.php');
  include_header("bus.lambdacomplex.org",false)
?> ?>
<!doctype html> <div data-role="page" data-theme="b" id="jqm-home" class="ui-page ui-body-b ui-page-active">
<html> <div id="jqm-homeheader">
<head> <center><h1 id="jqm-logo"><img src="apple-touch-icon.png" alt="jQuery Mobile Framework" width="64" height="64" />
<meta charset="UTF-8" /> bus.lambdacomplex.org</h1></center>
<title>bus.lambdacomplex.org</title>  
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />  
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>  
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>  
<!-- <script src="jqtouch/extensions/jqt.location.js" type="application/x-javascript" charset="utf-8"></script> -->  
   
<!-- <script type="text/javascript" charset="utf-8">  
$(function(){  
function setDisplay(text) {  
$('.latlng').empty().append(text)  
}  
   
// We pass "updateLocation" a callback function,  
// to run once we have the coordinates.  
// We also set it to a variable, so we can know  
// right away if it's working or not  
var lookup = jQT.updateLocation(function(coords){  
if (coords) {  
setDisplay('Latitude: ' + coords.latitude + '<br />Longitude: ' + coords.longitude);  
$('.nearby').empty().append('<a href="list.php?lat=' + coords.latitude + '&lng=' + coords.longitude + '">Nearby List</a>');  
} else {  
setDisplay('Device not capable of geo-location.');  
}  
});  
   
if (lookup) {  
setDisplay('Looking up location&hellip;');  
}  
});  
</script> -->  
</head>  
<body>  
<div data-role="page" data-theme="b" id="jqm-home">  
<div id="jqm-homeheader">  
<p>bus.lambdacomplex.org</p>  
</div> </div>
<div data-role="content"> <div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"> <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Stops</li> <li data-role="list-divider">Stops</li>
<li><a href="stopList.php">All stops List</a></li> <li><a href="stopList.php">All stops List</a></li>
<li class="nearby"><a href="">Nearby List</a></li> <li class="nearby"><a href="stopList.php?nearby=yes">Nearby List</a></li>
<li><a href="stopList.php">Favourites List</a></li> <li><a href="stopList.php?favourites=yes">Favourites List</a></li>
</ul> </ul>
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"> <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li data-role="list-divider">Routes</li> <li data-role="list-divider">Routes</li>
<li><a href="routeList.php">All Routes List</a></li> <li><a href="routeList.php">All Routes List</a></li>
<li class="nearby"><a href="">Nearby List</a></li> <li class="nearby"><a href="routeList.php?nearby=yes">Nearby List</a></li>
<li><a href="routeList.php">Favourites List</a></li> <li><a href="routeList.php?favourites=yes">Favourites List</a></li>
</ul> </ul>
<div class="info"> <div class="ui-body ui-body-c info">
<p class="latlng"></p> <p class="latlng"></p>
Time: <?php echo date("H:m"); ?> <br> Time: <?php echo date("H:m"); ?> <br>
Service Period: <?php echo ucwords(service_period()); ?> Service Period: <?php echo ucwords(service_period()); ?>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>