1<head> 2 <title>Address & Hours</title> 3</head> 4<div id="addressPage" data-role="page"> 5
5<script> 6 if(window.appSettings === undefined) { for(var i=0, c=0; i < window.location.href.length; i++){ if(window.location.href.charAt(i) == '/') { c++; if(c==3) { var extra = ''; if (typeof offDesktopMode !== 'undefined') { window.location = window.location.href.substr(0,i) + '/' + window.location.href.substr(i).split ('/')[1] + '?desktop_mode=false#' + window.location.href.substr(i); } else { window.location = window.location.href.substr(0,i) + '/' + window.location.href.substr(i).split ('/')[1] + '/#' + window.location.href.substr(i); } } } } } $('#addressPage').on('pageshow', function( event, ui ) { var pageObj = $(':mobile-pagecontainer').pagecontainer('getActivePage')[0]; $(pageObj).find ('.tabs').removeClass ('ui-corner-all'); $(pageObj).find ('.addressAddressLink').unbind ().click (function () { $('#addressPage').find('.addressAddress').show (); $('#addressPage').find('.addressDirections').hide (); $('#addressPage').find ('.addressMap').hide (); $('#addressPage .addressAddressLink').addClass ('ui-btn-active'); $('#addressPage .addressMapLink').removeClass ('ui-btn-active'); $('#addressPage .addressDirectionsLink').removeClass ('ui-btn-active'); }); $(pageObj).find ('.addressMapLink').unbind ().click (function () { $('#addressPage').find('.addressAddress').hide (); $('#addressPage').find('.addressDirections').hide (); $('#addressPage').find ('.addressMap').show (function () { if (!$('#addressPage .addressMap').hasClass ('heightAlreadySet')) { var height = parseInt ($('#addressPage .addressMap').css ('min-height')) - $('#addressPage .tabs .ui-navbar').outerHeight(); $('#addressPage .addressMap').css ('min-height', height + 'px'); $('#addressPage .addressMap').css ('height', height + 'px'); $('#addressPage .addressMap').addClass ('heightAlreadySet'); } setTimeout ("loadGoogleMap ();", 300); }); $('#addressPage .addressAddressLink').removeClass ('ui-btn-active'); $('#addressPage .addressMapLink').addClass ('ui-btn-active'); $('#addressPage .addressDirectionsLink').removeClass ('ui-btn-active'); }); $(pageObj).find ('.addressDirectionsLink').unbind ().click (function () { $('#addressPage').find('.addressAddress').hide (); $('#addressPage').find('.addressDirections').show (); $('#addressPage').find ('.addressMap').hide (); $('#addressPage .addressAddressLink').removeClass ('ui-btn-active'); $('#addressPage .addressMapLink').removeClass ('ui-btn-active'); $('#addressPage .addressDirectionsLink').addClass ('ui-btn-active'); setTimeout ("loadGoogleMap ();", 300); }); $(pageObj).find ('.tabs ul li a:first').click (); if (!window.appSettings.scripts.googleMap) { $.mobile.loading('show'); var script = document.createElement("script"); script.type = "text/javascript"; script.src = "//maps.googleapis.com/maps/api/js?key=AIzaSyDxGsJN4xWMyMe1piFgHsMOWG61NBbsOhA&callback=googleScriptLoaded"; document.head.appendChild(script); } }); function googleScriptLoaded () { $.mobile.loading('hide'); window.appSettings.scripts.googleMap = true; } function loadGoogleMap () { var pageObj = $(':mobile-pagecontainer').pagecontainer('getActivePage')[0]; var markers = new Array (); var businessPos; var mapOptions; var map; businessPos = new google.maps.LatLng($(pageObj).find('#ypos').val (), $(pageObj).find('#xpos').val ()); mapOptions = {zoom: 13, center: businessPos,mapTypeId: google.maps.MapTypeId.HYBRID}; map = new google.maps.Map(document.getElementById('addressMapContent'), mapOptions); markers.push(new google.maps.Marker({ position: businessPos, map: map, icon: "//maps.google.com/mapfiles/marker" + String.fromCharCode(65) + ".png" })); return; if (window.appSettings.usersLocation) loadUserLocation (); else navigator.geolocation.getCurrentPosition( function(position) { window.appSettings.usersLocation = position; loadUserLocation (); }); } function loadUserLocation () { position = window.appSettings.usersLocation; var pageObj = $(':mobile-pagecontainer').pagecontainer('getActivePage')[0]; var markers = new Array (); var businessPos; var mapOptions; var map; businessPos = new google.maps.LatLng($(pageObj).find('#ypos').val (), $(pageObj).find('#xpos').val ()); mapOptions = {zoom: 13, center: businessPos,mapTypeId: google.maps.MapTypeId.HYBRID}; map = new google.maps.Map(document.getElementById('addressMapContent'), mapOptions); markers.push(new google.maps.Marker({ position: businessPos, map: map, icon: "//maps.google.com/mapfiles/marker" + String.fromCharCode(65) + ".png" })); markers[0].setMap(null); var myPos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var mode = google.maps.DirectionsTravelMode.DRIVING; var waypoints = [];
6 var request = { origin: myPos, destination: businessPos, waypoints: waypoints, travelMode: mode }; var directionsDisplay = new google.maps.DirectionsRenderer({suppressMarkers : true}); var myLocationMarker = new google.maps.Marker({ position: myPos, map: map, title: 'My Location' }); var myLocationInfoWindow = new google.maps.InfoWindow({ content: 'My Location' }); google.maps.event.addListener(myLocationMarker, 'click', function() { myLocationInfoWindow.open(map,myLocationMarker); }); var businessLocationMarker = new google.maps.Marker({ position: businessPos, map: map }); var businessLocationInfoWindow = new google.maps.InfoWindow({ content: $('#addressMapText').html () }); google.maps.event.addListener(businessLocationMarker, 'click', function() { businessLocationInfoWindow.open(map,businessLocationMarker); }); directionsDisplay.setMap(map); var directionsService = new google.maps.DirectionsService(); directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { $('#addressDirections').html (''); directionsDisplay.setPanel(document.getElementById("addressDirections")); directionsDisplay.setDirections(response); } }); } 7 </script>
7 8 <div role="main" class="ui-content"> <div class="tabs"> <div data-role="navbar"> <ul> <li><a class="addressAddressLink ui-btn-active" href="#">Address</a></li> <li><a class="addressMapLink" href="#">Map</a></li> <li><a target="_parent" rel="external" class="addressNativeAppLink" href="https://maps.google.com/?q=Aldo%27s+Pizzarama,10201 Bustleton Ave,Philadelphia,PA,19116&ll=-75.02545049999998,40.1080998&z=10">GPS</a></li> </ul> </div> <div id="addressAddress" class="addressAddress"> <div class="bodyTextContent"> <p> <b>Aldo's Pizzarama</b><br /> 10201 Bustleton Ave<br /> Philadelphia PA 19116<br /> </p> <p> <b>Phone:</b> <a href="tel:215-698-8110">215-698-8110</a> </p> <p> <b>Hours:</b><br />Open 7 Days!<br />Sunday-Thursday 11-11<br />Friday-Saturday 11-12 </p> </div> </div> <div id="addressMap" class="hide addressMap ui-body-a ui-page-active" style="height: 0px;"> <div id="addressMapContent" style="width: 100%;height: 100%;"></div> </div> <div id="addressDirections" class="hide addressDirections"> <div class="bodyTextContent"> <p> You have not allowed this web page to gain access to your GPS or GPS is turned off. </p> </div> </div> </div> <div id="addressMapText" class="hide">Aldo's Pizzarama<br />10201 Bustleton Ave<br /> Philadelphia PA 19116<br />215-698-8110</div> <input type="hidden" id="xpos" value="-75.02545049999998" /> <input type="hidden" id="ypos" value="40.1080998" /> </div> 9</div>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.