<?php |
<?php |
function include_header($pageTitle, $pageType, $opendiv = true, $geolocate = false) |
function include_header($pageTitle, $pageType, $opendiv = true, $geolocate = false) |
{ |
{ |
echo ' |
echo ' |
<!DOCTYPE html> |
<!DOCTYPE html> |
<html> |
<html> |
<head> |
<head> |
<title>' . $pageTitle . '</title>'; |
<title>' . $pageTitle . '</title>'; |
if (isDebugServer()) echo '<link rel="stylesheet" href="css/jquery-mobile-1.0a3.css" /> |
if (isDebugServer()) echo '<link rel="stylesheet" href="css/jquery-mobile-1.0a3.css" /> |
<script type="text/javascript" src="js/jquery-1.5.js"></script> |
<script type="text/javascript" src="js/jquery-1.5.js"></script> |
<script type="text/javascript" src="js/jquery-mobile-1.0a3.js"></script>'; |
<script type="text/javascript" src="js/jquery-mobile-1.0a3.js"></script>'; |
else echo '<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.css" /> |
else echo '<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.css" /> |
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.js"></script> |
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.js"></script> |
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.js"></script>'; |
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.js"></script>'; |
echo ' |
echo ' |
<link rel="stylesheet" href="css/jquery.ui.datepicker.mobile.css" /> |
<link rel="stylesheet" href="css/jquery.ui.datepicker.mobile.css" /> |
<script> |
<script> |
//reset type=date inputs to text |
//reset type=date inputs to text |
$( document ).bind( "mobileinit", function(){ |
$( document ).bind( "mobileinit", function(){ |
$.mobile.page.prototype.options.degradeInputs.date = true; |
$.mobile.page.prototype.options.degradeInputs.date = true; |
}); |
}); |
</script> |
</script> |
<script src="js/jQuery.ui.datepicker.js"></script> |
<script src="js/jQuery.ui.datepicker.js"></script> |
<script src="js/jquery.ui.datepicker.mobile.js"></script> |
<script src="js/jquery.ui.datepicker.mobile.js"></script> |
<style type="text/css"> |
<style type="text/css"> |
.ui-navbar { |
.ui-navbar { |
width: 100%; |
width: 100%; |
} |
} |
.ui-btn-inner { |
.ui-btn-inner { |
white-space: normal !important; |
white-space: normal !important; |
} |
} |
.ui-li-heading { |
.ui-li-heading { |
white-space: normal !important; |
white-space: normal !important; |
} |
} |
.ui-listview-filter { |
.ui-listview-filter { |
margin: 0 !important; |
margin: 0 !important; |
} |
} |
.ui-icon-navigation { |
.ui-icon-navigation { |
background-image: url(css/images/113-navigation.png); |
background-image: url(css/images/113-navigation.png); |
background-position: 1px 0; |
background-position: 1px 0; |
} |
} |
#footer { |
#footer { |
text-size: 0.75em; |
text-size: 0.75em; |
text-align: center; |
text-align: center; |
} |
} |
body { |
body { |
background-color: #F0F0F0; |
background-color: #F0F0F0; |
} |
} |
</style> |
</style> |
<meta name="apple-mobile-web-app-capable" content="yes" /> |
<meta name="apple-mobile-web-app-capable" content="yes" /> |
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> |
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> |
<link rel="apple-touch-startup-image" href="startup.png" /> |
<link rel="apple-touch-startup-image" href="startup.png" /> |
<link rel="apple-touch-icon" href="apple-touch-icon.png" />'; |
<link rel="apple-touch-icon" href="apple-touch-icon.png" />'; |
if ($geolocate) { |
if ($geolocate) { |
echo "<script> |
echo "<script> |
|
|
function success(position) { |
function success(position) { |
$('#geolocate').val(position.coords.latitude+','+position.coords.longitude); |
$('#geolocate').val(position.coords.latitude+','+position.coords.longitude); |
$.ajax({ url: \"common.inc.php?geolocate=yes&lat=\"+position.coords.latitude+\"&lon=\"+position.coords.longitude }); |
$.ajax({ url: \"common.inc.php?geolocate=yes&lat=\"+position.coords.latitude+\"&lon=\"+position.coords.longitude }); |
$('#here').click(function(event) { $('#geolocate').val(doAJAXrequestForGeolocSessionHere()); return false;}); |
$('#here').click(function(event) { $('#geolocate').val(doAJAXrequestForGeolocSessionHere()); return false;}); |
$('#here').show(); |
$('#here').show(); |
} |
} |
function error(msg) { |
function error(msg) { |
console.log(msg); |
console.log(msg); |
} |
} |
|
|
if (navigator.geolocation) { |
if (navigator.geolocation) { |
navigator.geolocation.getCurrentPosition(success, error); |
navigator.geolocation.getCurrentPosition(success, error); |
} |
} |
|
|
</script> "; |
</script> "; |
} |
} |
echo '</head> |
echo '</head> |
<body> |
<body> |
'; |
'; |
if (isMetricsOn()) { |
if (isMetricsOn()) { |
require_once ('owa/owa_env.php'); |
require_once ('owa/owa_env.php'); |
require_once (OWA_DIR . 'owa_php.php'); |
require_once (OWA_DIR . 'owa_php.php'); |
$owa = new owa_php(); |
$owa = new owa_php(); |
global $owaSiteID; |
global $owaSiteID; |
$owa->setSiteId($owaSiteID); |
$owa->setSiteId($owaSiteID); |
$owa->setPageTitle($pageTitle); |
$owa->setPageTitle($pageTitle); |
$owa->setPageType($pageType); |
$owa->setPageType($pageType); |
$owa->trackPageView(); |
$owa->trackPageView(); |
$owa->placeHelperPageTags(); |
$owa->placeHelperPageTags(); |
} |
} |
if ($opendiv) { |
if ($opendiv) { |
echo '<div data-role="page"> |
echo '<div data-role="page"> |
<script> |
<script> |
$(document).ready(function () |
$(document).ready(function () |
{ |
{ |
document.title = "' . $pageTitle . '"; |
document.title = "' . $pageTitle . '"; |
}); |
}); |
</script> |
</script> |
<div data-role="header"> |
<div data-role="header"> |
<h1>' . $pageTitle . '</h1> |
<h1>' . $pageTitle . '</h1> |
</div><!-- /header --> |
</div><!-- /header --> |
<div data-role="content"> '; |
<div data-role="content"> '; |
} |
} |
} |
} |
function include_footer() |
function include_footer() |
{ |
{ |
if ($geolocate && isset($_SESSION['lat'])) { |
if ($geolocate && isset($_SESSION['lat'])) { |
echo "<script> |
echo "<script> |
$('#here').click(function(event) { $('#geolocate').val(doAJAXrequestForGeolocSessionHere()); return false;}); |
$('#here').click(function(event) { $('#geolocate').val(doAJAXrequestForGeolocSessionHere()); return false;}); |
$('#here').show(); |
$('#here').show(); |
</script>"; |
</script>"; |
} |
} |
echo '<div id="footer"><a href="about.php">About/Contact Us</a> <a href="feedback.php">Feedback/Bug Report</a></a>'; |
echo '<div id="footer"><a href="about.php">About/Contact Us</a> <a href="feedback.php">Feedback/Bug Report</a></a>'; |
echo '</div>'; |
echo '</div>'; |
} |
} |
function timePlaceSettings($geolocate = false) |
function timePlaceSettings($geolocate = false) |
{ |
{ |
global $service_periods; |
global $service_periods; |
$geoerror = false; |
$geoerror = false; |
if ($geolocate == true) { |
if ($geolocate == true) { |
$geoerror = !isset($_SESSION['lat']) || !isset($_SESSION['lat']) || $_SESSION['lat'] == "" || $_SESSION['lon'] == ""; |
$geoerror = !isset($_SESSION['lat']) || !isset($_SESSION['lat']) || $_SESSION['lat'] == "" || $_SESSION['lon'] == ""; |
} |
} |
if ($geoerror) { |
if ($geoerror) { |
echo '<div class="error">Sorry, but your location could not currently be detected. |
echo '<div class="error">Sorry, but your location could not currently be detected. |
Please allow location permission, wait for your location to be detected, |
Please allow location permission, wait for your location to be detected, |
or enter an address/co-ordinates in the box below.</div>'; |
or enter an address/co-ordinates in the box below.</div>'; |
} |
} |
echo '<div data-role="collapsible" data-collapsed="' . !$geoerror . '"> |
echo '<div data-role="collapsible" data-collapsed="' . !$geoerror . '"> |
<h3>Change Time/Place (' . $_SESSION['time'] . ' '.ucwords(service_period()).')...</h3> |
<h3>Change Time/Place (' . (isset($_SESSION['time']) ? $_SESSION['time'] : "Current Time,") . ' '.ucwords(service_period()).')...</h3> |
<form action="" method="post"> |
<form action="" method="post"> |
<div class="ui-body"> |
<div class="ui-body"> |
<div data-role="fieldcontain"> |
<div data-role="fieldcontain"> |
<label for="geolocate"> Current Location: </label> |
<label for="geolocate"> Current Location: </label> |
<input type="text" id="geolocate" name="geolocate" value="' . (isset($_SESSION['lat']) && isset($_SESSION['lon']) ? $_SESSION['lat'] . "," . $_SESSION['lon'] : "Enter co-ordinates or address here") . '"/> <a href="#" style="display:none" name="here" id="here"/>Here?</a> |
<input type="text" id="geolocate" name="geolocate" value="' . (isset($_SESSION['lat']) && isset($_SESSION['lon']) ? $_SESSION['lat'] . "," . $_SESSION['lon'] : "Enter co-ordinates or address here") . '"/> <a href="#" style="display:none" name="here" id="here"/>Here?</a> |
</div> |
</div> |
<div data-role="fieldcontain"> |
<div data-role="fieldcontain"> |
<label for="time"> Time: </label> |
<label for="time"> Time: </label> |
<input type="time" name="time" id="time" value="' . (isset($_SESSION['time']) ? $_SESSION['time'] : date("H:i")) . '"/> <a href="#" name="currentTime" id="currentTime"/>Current Time?</a> |
<input type="time" name="time" id="time" value="' . (isset($_SESSION['time']) ? $_SESSION['time'] : date("H:i")) . '"/> <a href="#" name="currentTime" id="currentTime"/>Current Time?</a> |
</div> |
</div> |
<div data-role="fieldcontain"> |
<div data-role="fieldcontain"> |
<label for="service_period"> Service Period: </label> |
<label for="service_period"> Service Period: </label> |
<select name="service_period">'; |
<select name="service_period">'; |
foreach ($service_periods as $service_period) { |
foreach ($service_periods as $service_period) { |
echo "<option value=\"$service_period\"" . (service_period() === $service_period ? "SELECTED" : "") . '>' . ucwords($service_period) . '</option>'; |
echo "<option value=\"$service_period\"" . (service_period() === $service_period ? "SELECTED" : "") . '>' . ucwords($service_period) . '</option>'; |
} |
} |
echo '</select> |
echo '</select> |
<a href="#" style="display:none" name="currentPeriod" id="currentPeriod"/>Current Period?</a> |
<a href="#" style="display:none" name="currentPeriod" id="currentPeriod"/>Current Period?</a> |
</div> |
</div> |
|
|
<input type="submit" value="Update"/> |
<input type="submit" value="Update"/> |
</form> |
</form> |
</div></div>'; |
</div></div>'; |
} |
} |
?> |
?> |