Show a message when no features are found
authorTom Hughes <tom@compton.nu>
Sun, 9 Mar 2014 13:11:35 +0000 (13:11 +0000)
committerTom Hughes <tom@compton.nu>
Sun, 16 Mar 2014 16:18:13 +0000 (16:18 +0000)
app/assets/javascripts/index/query.js
app/assets/stylesheets/common.css.scss
config/locales/en.yml

index 6b64ee8ee1d74bc214b03c628d5d999eb6a46f73..e264dcf31cb71995bab0d697bf58c48289e2a7d2 100644 (file)
@@ -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);
+        }
       }
     });
   }
index ab94b5dc7ba6d8ac206f152c1eb725d8263f5a1d..628096b9f58a8c9e26d68aeb3eba3cd73cdded4b 100644 (file)
@@ -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;
index 4db668b38d3542daa0df25c9438226eb7e74945b..a4049f9e0824ff458dd0064d827d82a267e3eb0d 100644 (file)
@@ -2125,6 +2125,7 @@ en:
       node: Node
       way: Way
       relation: Relation
+      nothing_found: No features found
   redaction:
     edit:
       description: "Description"