Initial commit for "New Location" feature.

css/global.css

@@ -167,9 +167,9 @@ div.input-group input {
 .one {
   opacity: 0;
   -webkit-animation: dot 1.3s infinite;
-  -webkit-animation-delay: 0.0s;
+  -webkit-animation-delay: 0s;
   animation: dot 1.3s infinite;
-  animation-delay: 0.0s; }
+  animation-delay: 0s; }
 
 .two {
   opacity: 0;
@@ -194,6 +194,7 @@ div.input-group input {
 
   100% {
     opacity: 1; } }
+
 @keyframes dot {
   0% {
     opacity: 0; }
@@ -203,6 +204,7 @@ div.input-group input {
 
   100% {
     opacity: 1; } }
+
 .panel-map {
   position: absolute;
   top: 50%;
@@ -270,3 +272,10 @@ input[type="text"]#search {
 
 button#select-location {
   width: 157px; }
+
+button#new-location {
+  position: absolute;
+  bottom: 0;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0; }

css/global.scss

@@ -355,4 +355,12 @@ input[type="text"]#search {
 
 button#select-location {
 	width: 157px;
+}
+
+button#new-location {
+	position: absolute;
+	bottom: 0;
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
 }

index.html

@@ -105,10 +105,12 @@ <h2></h2>
 				<span class="input-group-addon"><span class="glyphicon glyphicon-share"></span> Share link</span>
 				<input type="text" id="shareLink" class="form-control" value="">
 			</div>
-			<button type="submit" id="search" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> Search</button>
+			<button type="submit" id="settings-search" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> Search</button>
 		</div>
 	</div>
 
+	<button type="button" id="new-location" class="btn btn-primary blur"><span class="glyphicon glyphicon-globe"></span> New Location</button>
+
 	<canvas id="confetti-world"></canvas>
 	<button type="button" id="spin" class="btn btn-success blur"><span class="glyphicon glyphicon-repeat"></span> Spin</button>
 	<canvas id="wheel" class="blur" width="600" height="600"></canvas>

js/geolocation.js

@@ -1,11 +1,15 @@
-var crd;
-var rangeCounter = 0;
-var defaultRadius = 300;
-var radiusIncremental = 50;
-var defaultPlaceType = "restaurant";
-var defaultMaxPlaces = 12;
-var initialPlaces = 12;
-var params = getUrlParams();
+var crd, rangeCounter, defaultRadius, radiusIncremental, defaultPlaceType, defaultMaxPlaces, initialPlaces ,params;
+reset();
+
+function reset() {
+	rangeCounter = 0;
+	defaultRadius = 300;
+	radiusIncremental = 50;
+	defaultPlaceType = "restaurant";
+	defaultMaxPlaces = 12;
+	initialPlaces = 12;
+	params = getUrlParams();
+}
 
 function getPlacesAjax(latitude, longitude, radius, placeType, maxPlaces) {
 	restaurants = new Array(maxPlaces);
@@ -38,7 +42,7 @@ function getPlacesAjax(latitude, longitude, radius, placeType, maxPlaces) {
 			$('#radius').val(radius);
 			drawRouletteWheel();
 			proceed();
-			$('#search').html('<span class="glyphicon glyphicon-search"></span>  Search');
+			$('#settings-search').html('<span class="glyphicon glyphicon-search"></span>  Search');
 		}
 	});
 }
@@ -71,7 +75,7 @@ function positionError(err) {
 }
 
 function searchUserDefined() {
-	$('#search').html('<i class="fa fa-refresh fa-spin"></i>');
+	$('#settings-search').html('<i class="fa fa-refresh fa-spin"></i>');
 	getPlacesAjax(
 					$('#latitude').val(), 
 					$('#longitude').val(), 

js/init.js

@@ -47,6 +47,13 @@ $(document).ready(function() {
 	$('input#shareLink').click(function() {
 		$(this).select();
 	});
+	$('button#new-location').click(function() {
+		reset();
+		params.lat = undefined;
+		params.long = undefined;
+		blurBackground();
+		$('.select-localisation').show();
+	});
 });
 
 function proceed() {
@@ -55,6 +62,10 @@ function proceed() {
 	$('.panel-map').hide();
 	$('.result').hide();
 
+	//Clear google maps
+	$('#search').val('');
+	$('#select-location').text('Select Location');
+
 	//Clear confetti canvas
 	var confetti = document.getElementById('confetti-world');
 	confetti.width = confetti.width;