| <?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 (isDebug()) 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...</h3> |
<h3>Change Time/Place...</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>'; |
| } |
} |
| ?> |
?> |