From cc78717786d2c37ed59ea84959a1a254bb8787e5 Mon Sep 17 00:00:00 2001
From: Philipp Schaefer <trashzopf@gmail.com>
Date: Thu, 12 Sep 2013 14:36:24 +0200
Subject: [PATCH] let farm_level_select work on mobile (fix for #548)

---
 code/panes.js                    |  2 ++
 plugins/layer-farms-find.user.js | 46 ++++++++++++++++++++++----------
 2 files changed, 34 insertions(+), 14 deletions(-)

diff --git a/code/panes.js b/code/panes.js
index cea82b51..8ab4610e 100644
--- a/code/panes.js
+++ b/code/panes.js
@@ -24,6 +24,7 @@ window.show = function(id) {
                 case 'map':
                         window.smartphone.mapButton.click();
                         $('#portal_highlight_select').show();
+                        $('#farm_level_select').show();
                         break;
                 case 'info':
                         window.smartphone.sideButton.click();
@@ -36,5 +37,6 @@ window.show = function(id) {
 
 window.hideall = function() {
     $('#chatcontrols, #chat, #chatinput, #sidebartoggle, #scrollwrapper, #updatestatus, #portal_highlight_select').hide();
+    $('#farm_level_select').hide();
     $('#map').css('visibility', 'hidden');
 }
diff --git a/plugins/layer-farms-find.user.js b/plugins/layer-farms-find.user.js
index 3de7a111..4d544846 100644
--- a/plugins/layer-farms-find.user.js
+++ b/plugins/layer-farms-find.user.js
@@ -291,19 +291,26 @@ window.plugin.farmFind.drawCircle = function(farm)
 };
     
     window.plugin.farmFind.setupCSS = function() {
-		$("<style>").prop("type", "text/css").html(
-				""	 
-					 + "#farm_level_select {"
-            + " position: absolute;"
-            + "	top: 5px;"
-            + " left:180px;"
-            + " z-index: 2500;"
-            + " font-size:11px;"
-					 + ' font-family: "coda",arial,helvetica,sans-serif;'
-            + " background-color:#0E3C46;"
-            + " color:#ffce00;"
-					 + "}\n").appendTo("head");
+        $('<style>').prop('type', 'text/css').html(''
+            + '#farm_level_select {'
+            + ' position: absolute;'
+            + ' top: 5px;'
+            + ' left:180px;'
+            + ' z-index: 2500;'
+            + ' font-size:11px;'
+            + ' font-family: "coda",arial,helvetica,sans-serif;'
+            + ' background-color:#0E3C46;'
+            + ' color:#ffce00;'
+            + '}\n').appendTo('head');
 	};
+
+    window.plugin.farmFind.setupSmartCSS = function() {
+        $('<style>').prop('type', 'text/css').html(''
+            + '#farm_level_select {'
+            + ' top: 0px !important;'
+            + '}\n').appendTo('head');
+    };
+
 window.plugin.farmFind.changeLevel = function()
 {
     var myselect = document.getElementById("farm_level_select");
@@ -315,14 +322,25 @@ window.plugin.farmFind.changeLevel = function()
     
 };
 
-var setup =  function() {window.plugin.farmFind.minLevel = 7;
+var setup =  function() {
+    window.plugin.farmFind.minLevel = 7;
     window.plugin.farmFind.minNearby = 5;
     window.plugin.farmFind.setupCSS();
+    if (window.isSmartphone()) {
+        window.plugin.farmFind.setupSmartCSS();
+    }
     window.plugin.farmFind.Radius = 500;
     $('#toolbox').append(' <a onclick="window.plugin.farmFind.checkPortals()" id="findFarmClick" title="Check portals in view for L' + window.plugin.farmFind.minLevel + ' farms">L' + window.plugin.farmFind.minLevel + ' Farms</a>');
     possibleFarmPortals = [];
     window.plugin.farmFind.levelLayerGroup = new L.LayerGroup();
-	$('#dashboard').append('<select onchange="window.plugin.farmFind.changeLevel()" id="farm_level_select"><option value=1>Farm level 1</option><option value=2>Farm level 2</option><option value=3>Farm level 3</option><option value=4>Farm level 4</option><option value=5>Farm level 5</option><option value=6>Farm level 6</option><option value=7>Farm level 7</option><option value=8>Farm level 8</option></select>');
+	$('body').append('<select onchange="window.plugin.farmFind.changeLevel()" id="farm_level_select"><option value=1>Farm level 1</option><option value=2>Farm level 2</option><option value=3>Farm level 3</option><option value=4>Farm level 4</option><option value=5>Farm level 5</option><option value=6>Farm level 6</option><option value=7>Farm level 7</option><option value=8>Farm level 8</option></select>');
+    // notify android that the select spinner is enabled.
+    // this disables javascript injection on android side.
+    // if android is not notified, the spinner closes on the next JS call
+    if (typeof android !== 'undefined' && android && android.spinnerEnabled) {
+      $("#farm_level_select").click(function(){ android.spinnerEnabled(true);});
+      $("#farm_level_select").focus(function(){ android.spinnerEnabled(false);});
+    }
     var myselect = document.getElementById("farm_level_select");
     myselect.options.selectedIndex = 6;
     window.addLayerGroup('Farms', window.plugin.farmFind.levelLayerGroup, true);