diff --git a/app/assets/javascripts/index/directions.js b/app/assets/javascripts/index/directions.js index 1a3e0d4ec..7fda7f7f0 100644 --- a/app/assets/javascripts/index/directions.js +++ b/app/assets/javascripts/index/directions.js @@ -53,6 +53,10 @@ OSM.Directions = function (map) { } }); + input.on("keydown", function() { + input.removeClass("highlight_error"); + }); + input.on("change", function (e) { awaitingGeocode = true; @@ -86,7 +90,8 @@ OSM.Directions = function (map) { endpoint.awaitingGeocode = false; endpoint.hasGeocode = true; if (json.length === 0) { - alert(I18n.t('javascripts.directions.errors.no_place')); + alert(I18n.t('javascripts.directions.errors.no_place', {place: endpoint.value})); + input.addClass("highlight_error"); return; } diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index 4353e5e65..462cc50a7 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -938,6 +938,10 @@ header .search_forms, border-radius: 0 2px 2px 0; } + input.highlight_error { + background-color: rgba(255, 0, 0, 0.5); + } + select { /* this next line is to polyfill the vertical alignment of text within a select element, * which is different between firefox and chrome. */ diff --git a/config/locales/en.yml b/config/locales/en.yml index 2aca45255..8a12d10a1 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -2325,7 +2325,7 @@ en: distance: "Distance" errors: no_route: "Couldn't find a route between those two places." - no_place: "Sorry - couldn't find that place." + no_place: "Sorry - couldn't locate '%{place}'." instructions: continue_without_exit: Continue on %{name} slight_right_without_exit: Slight right onto %{name}