| <?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>'; |
| } | } |
| ?> | ?> |