From 107f4689e92c9490a44213e1c1f3b57018f8ac5e Mon Sep 17 00:00:00 2001
From: Axel Wagner <mail@merovius.de>
Date: Mon, 25 Feb 2013 16:21:03 +0100
Subject: [PATCH] Replace gmaps-link by popup with qrcode and links

If you want to use your smartphone for navigation, you can now just scan
the qr-code and (if your scanner-app supports it) directly input the
locations to your navigation-app.
Additionally a link to the location in gapps and OSM will be displayed.
---
 code/boot.js                  | 4 +++-
 code/portal_detail_display.js | 4 ++--
 code/utils_misc.js            | 8 ++++++++
 style.css                     | 5 +++++
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/code/boot.js b/code/boot.js
index 4f231010..c1e1d515 100644
--- a/code/boot.js
+++ b/code/boot.js
@@ -297,6 +297,7 @@ function asyncLoadScript(a){return function(b,c){var d=document.createElement("s
 var LEAFLETGOOGLE = 'http://breunigs.github.com/ingress-intel-total-conversion/dist/leaflet_google.js';
 var JQUERY = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
 var JQUERYUI = 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js';
+var JQUERYQRCODE = 'http://jeromeetienne.github.com/jquery-qrcode/jquery.qrcode.min.js';
 var LEAFLET = 'http://cdn.leafletjs.com/leaflet-0.5/leaflet.js';
 var AUTOLINK = 'http://breunigs.github.com/ingress-intel-total-conversion/dist/autolink.js';
 var EMPTY = 'data:text/javascript;base64,';
@@ -305,12 +306,13 @@ var EMPTY = 'data:text/javascript;base64,';
 var ir = window && window.internalResources ? window.internalResources : [];
 if(ir.indexOf('jquery')        !== -1) JQUERY   = EMPTY;
 if(ir.indexOf('jqueryui')      !== -1) JQUERYUI = EMPTY;
+if(ir.indexOf('jqueryqrcode')  !== -1) JQUERYQRCODE = EMPTY;
 if(ir.indexOf('leaflet')       !== -1) LEAFLET  = EMPTY;
 if(ir.indexOf('autolink')      !== -1) AUTOLINK = EMPTY;
 if(ir.indexOf('leafletgoogle') !== -1) LEAFLETGOOGLE = EMPTY;
 
 
 // after all scripts have loaded, boot the actual app
-load(JQUERY, LEAFLET, AUTOLINK).then(LEAFLETGOOGLE, JQUERYUI).onError(function (err) {
+load(JQUERY, LEAFLET, AUTOLINK).then(LEAFLETGOOGLE, JQUERYUI, JQUERYQRCODE).onError(function (err) {
   alert('Could not all resources, the script likely won’t work.\n\nIf this happend the first time for you, it’s probably a temporary issue. Just wait a bit and try again.\n\nIf you installed the script for the first time and this happens:\n– try disabling NoScript if you have it installed\n– press CTRL+SHIFT+K in Firefox or CTRL+SHIFT+I in Chrome/Opera and reload the page. Additional info may be available in the console.\n– Open an issue at https://github.com/breunigs/ingress-intel-total-conversion/issues');
 }).thenRun(boot);
diff --git a/code/portal_detail_display.js b/code/portal_detail_display.js
index f930d5ca..7d02d424 100644
--- a/code/portal_detail_display.js
+++ b/code/portal_detail_display.js
@@ -50,7 +50,7 @@ window.renderPortalDetails = function(guid) {
   var lng = d.locationE6.lngE6;
   var perma = 'http://ingress.com/intel?latE6='+lat+'&lngE6='+lng+'&z=17&pguid='+guid;
   var imgTitle = 'title="'+getPortalDescriptionFromDetails(d)+'\n\nClick to show full image."';
-	var gmaps = 'https://maps.google.com/?q='+lat/1E6+','+lng/1E6;
+  var poslinks = 'window.showPortalPosLinks('+lat/1E6+','+lng/1E6+')';
   var postcard = 'Send in a postcard. Will put it online after receiving. Address:\\n\\nStefan Breunig\\nINF 305 – R045\\n69120 Heidelberg\\nGermany';
 
   $('#portaldetails')
@@ -66,7 +66,7 @@ window.renderPortalDetails = function(guid) {
       + randDetails
       + resoDetails
       + '<div class="linkdetails">'+ '<aside><a href="'+perma+'">portal link</a></aside>'
-      + '<aside><a href="'+gmaps+'" target="_blank">gmaps</a></aside>'
+      + '<aside><a onclick="'+poslinks+'">poslinks</a></aside>'
       + '<aside><a onclick="alert(\''+postcard+'\');">donate</a></aside>'
       + '<aside><a onclick="window.reportPortalIssue()">report issue</a></aside>'
       + '</div>'
diff --git a/code/utils_misc.js b/code/utils_misc.js
index 8600a0ed..ab139d08 100644
--- a/code/utils_misc.js
+++ b/code/utils_misc.js
@@ -96,6 +96,14 @@ window.rangeLinkClick = function() {
     window.smartphone.mapButton.click();
 }
 
+window.showPortalPosLinks = function(lat, lng) {
+  var qrcode = '<div id="qrcode"></div>';
+  var script = '<script>$("#qrcode").qrcode({text:"GEO:'+lat+','+lng+'"});</script>';
+  var gmaps = '<a href="https://maps.google.com/?q='+lat+','+lng+'">gmaps</a>';
+  var osm = '<a href="http://www.openstreetmap.org/?mlat='+lat+'&mlon='+lng+'&zoom=16">OSM</a>';
+  alert(qrcode + script + gmaps + " " + osm);
+}
+
 window.reportPortalIssue = function(info) {
   var t = 'Redirecting you to a Google Help Page. Once there, click on “Contact Us” in the upper right corner.\n\nThe text box contains all necessary information. Press CTRL+C to copy it.';
   var d = window.portals[window.selectedPortal].options.details;
diff --git a/style.css b/style.css
index 43bc610c..07b3688a 100644
--- a/style.css
+++ b/style.css
@@ -686,6 +686,11 @@ aside {
   overflow-x: hidden;
   max-height: 600px !important;
   max-width: 700px !important;
+  text-align: center;
+}
+
+.ui-dialog a {
+  color: #0000ca;
 }
 
 .ui-dialog-buttonpane {