From 6fd985ae7ef9800d5837af942d74ad6e7562c75d Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Sun, 7 Oct 2018 11:35:47 +0200
Subject: [PATCH] show close stations via geolocation

---
 index.pl                          | 32 +++++++++++++++++-
 public/static/js/geolocation.js   | 55 +++++++++++++++++++++++++++++++
 templates/landingpage.html.ep     |  4 +++
 templates/layouts/default.html.ep |  3 ++
 4 files changed, 93 insertions(+), 1 deletion(-)
 create mode 100644 public/static/js/geolocation.js

diff --git a/index.pl b/index.pl
index 1becd27..2f2e46f 100755
--- a/index.pl
+++ b/index.pl
@@ -577,7 +577,7 @@ helper 'navbar_class' => sub {
 
 get '/' => sub {
 	my ($self) = @_;
-	$self->render('landingpage');
+	$self->render( 'landingpage', with_geolocation => 1 );
 };
 
 post '/action' => sub {
@@ -640,6 +640,36 @@ post '/action' => sub {
 	}
 };
 
+post '/x/geolocation' => sub {
+	my ($self) = @_;
+
+	my $lon = $self->param('lon');
+	my $lat = $self->param('lat');
+
+	if ( not $lon or not $lat ) {
+		$self->render( json => { error => 'Invalid lon/lat received' } );
+	}
+	else {
+		my @candidates = map {
+			{
+				ds100    => $_->[0][0],
+				name     => $_->[0][1],
+				eva      => $_->[0][2],
+				lon      => $_->[0][3],
+				lat      => $_->[0][4],
+				distance => $_->[1],
+			}
+		} Travel::Status::DE::IRIS::Stations::get_station_by_location( $lon,
+			$lat, 5 );
+		$self->render(
+			json => {
+				candidates => [@candidates],
+			}
+		);
+	}
+
+};
+
 get '/*station' => sub {
 	my ($self) = @_;
 	my $station = $self->stash('station');
diff --git a/public/static/js/geolocation.js b/public/static/js/geolocation.js
new file mode 100644
index 0000000..1c881e2
--- /dev/null
+++ b/public/static/js/geolocation.js
@@ -0,0 +1,55 @@
+$(document).ready(function() {
+	var prePlaceholder = $('p.geolocationhint');
+	var placeholder = $('div.geolocation div.progress');
+	var showError = function(header, message, code) {
+		prePlaceholder.remove();
+		placeholder.remove();
+	};
+
+	var processResult = function(data) {
+		if (data.error) {
+			showError('Backend-Fehler:', data.error, null);
+		} else if (data.candidates.length == 0) {
+			showError('Keine Bahnhöfe in 70km Umkreis gefunden', '', null);
+		} else {
+			resultTable = $('<table><tbody></tbody></table>')
+			resultBody = resultTable.children();
+			$.each(data.candidates, function(i, candidate) {
+
+				var ds100 = candidate.ds100,
+					name = candidate.name,
+					distance = candidate.distance;
+				distance = distance.toFixed(1);
+
+				var stationlink = $(document.createElement('a'));
+				stationlink.attr('href', ds100);
+				stationlink.text(name);
+
+				resultBody.append('<tr><td><a href="/' + ds100 + '">' + name + '</a></td></tr>');
+			});
+			placeholder.replaceWith(resultTable);
+		}
+	};
+
+	var processLocation = function(loc) {
+		$.post('/x/geolocation', {lon: loc.coords.longitude, lat: loc.coords.latitude}, processResult);
+	};
+
+	var processError = function(error) {
+		if (error.code == error.PERMISSION_DENIED) {
+			showError('Standortanfrage nicht möglich.', 'Vermutlich fehlen die Rechte im Browser oder der Android Location Service ist deaktiviert.', 'geolocation.error.PERMISSION_DENIED');
+		} else if (error.code == error.POSITION_UNAVAILABLE) {
+			showError('Standort konnte nicht ermittelt werden', '(Service nicht verfügbar)', 'geolocation.error.POSITION_UNAVAILABLE');
+		} else if (error.code == error.TIMEOUT) {
+			showError('Standort konnte nicht ermittelt werden', '(Timeout)', 'geolocation.error.TIMEOUT');
+		} else {
+			showError('Standort konnte nicht ermittelt werden', '(unbekannter Fehler)', 'unknown geolocation.error code');
+		}
+	};
+
+	if (navigator.geolocation) {
+		navigator.geolocation.getCurrentPosition(processLocation, processError);
+	} else {
+		showError('Standortanfragen werden von diesem Browser nicht unterstützt', '', null);
+	}
+});
diff --git a/templates/landingpage.html.ep b/templates/landingpage.html.ep
index e25cd22..c7a28bd 100644
--- a/templates/landingpage.html.ep
+++ b/templates/landingpage.html.ep
@@ -25,6 +25,10 @@
 				<div class="card-content white-text">
 					<span class="card-title">Hallo, <%= $self->get_user_name %>!</span>
 					<p>Du bist gerade nicht eingecheckt.</p>
+					<p class="geolocationhint">Stationen in der Umgebung:</p>
+					<div class="geolocation">
+						<div class="progress"><div class="indeterminate"></div></div>
+					</div>
 				</div>
 			</div>
 		% }
diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep
index c3ddac7..b5714c6 100644
--- a/templates/layouts/default.html.ep
+++ b/templates/layouts/default.html.ep
@@ -10,6 +10,9 @@
 	%= javascript '/static/js/jquery-2.2.4.min.js'
 	%= javascript '/static/js/materialize.min.js'
 	%= javascript '/static/js/travelynx-actions.js'
+	% if (stash('with_geolocation')) {
+		%= javascript '/static/js/geolocation.js'
+	% }
 </head>
 <body>