Show a message when no features are found

diff --git a/app/assets/javascripts/index/query.js b/app/assets/javascripts/index/query.js
index 6b64ee8ee1d74bc214b03c628d5d999eb6a46f73..e264dcf31cb71995bab0d697bf58c48289e2a7d2 100644 (file)
--- a/app/assets/javascripts/index/query.js
+++ b/app/assets/javascripts/index/query.js
@@ -20,17 +20,17 @@ OSM.Query = function(map) {
   });
 
   $("#sidebar_content")
-    .on("mouseover", ".query-results li", function () {
+    .on("mouseover", ".query-results li.query-result", function () {
       var geometry = $(this).data("geometry")
       if (geometry) map.addLayer(geometry);
       $(this).addClass("selected");
     })
-    .on("mouseout", ".query-results li", function () {
+    .on("mouseout", ".query-results li.query-result", function () {
       var geometry = $(this).data("geometry")
       if (geometry) map.removeLayer(geometry);
       $(this).removeClass("selected");
     })
-    .on("click", ".query-results li", function (e) {
+    .on("click", ".query-results li.query-result", function (e) {
       if (!$(e.target).is('a')) {
         $(this).find("a").simulate("click", e);
       }
@@ -163,6 +163,7 @@ OSM.Query = function(map) {
 
           if (interestingFeature(element, latlng)) {
             var $li = $("<li>")
+              .addClass("query-result")
               .data("geometry", featureGeometry(element, nodes))
               .appendTo($ul);
             var $p = $("<p>")
@@ -175,6 +176,12 @@ OSM.Query = function(map) {
               .appendTo($p);
           }
         }
+
+        if ($ul.find("li").length == 0) {
+          $("<li>")
+            .text(I18n.t("javascripts.query.nothing_found"))
+            .appendTo($ul);
+        }
       }
     });
   }

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index ab94b5dc7ba6d8ac206f152c1eb725d8263f5a1d..628096b9f58a8c9e26d68aeb3eba3cd73cdded4b 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1140,7 +1140,10 @@ header .search_form {
       li {
         padding: 15px 20px;
         border-bottom: 1px solid #ddd;
-        cursor: pointer;
+
+        &.query-result {
+          cursor: pointer;
+        }
 
         &.selected {
           background: #FFFFE6;

diff --git a/config/locales/en.yml b/config/locales/en.yml
index 4db668b38d3542daa0df25c9438226eb7e74945b..a4049f9e0824ff458dd0064d827d82a267e3eb0d 100644 (file)
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2125,6 +2125,7 @@ en:
       node: Node
       way: Way
       relation: Relation
+      nothing_found: No features found
   redaction:
     edit:
       description: "Description"