From 327e8f90dbc67d0f1582f22b8c1bb50bed894c54 Mon Sep 17 00:00:00 2001
From: Tom MacWright <tom@macwright.org>
Date: Wed, 13 Mar 2013 12:39:08 -0400
Subject: [PATCH] Search progress indicator

Source: https://gist.github.com/tmcw/5153896
---
 css/app.css          |   5 +++++
 img/loader_bg.gif    | Bin 0 -> 606 bytes
 js/id/ui/geocoder.js |   2 ++
 3 files changed, 7 insertions(+)
 create mode 100644 img/loader_bg.gif

diff --git a/css/app.css b/css/app.css
index d25b31f48..9b576ec15 100644
--- a/css/app.css
+++ b/css/app.css
@@ -298,6 +298,11 @@ form.hide {
 .margin1 {margin: 10px;}
 .margin2 {margin: 20px;}
 
+.loading {
+    background: url(../img/loader_bg.gif);
+    background-size:5px 5px;
+}
+
 /* Buttons */
 
 button {
diff --git a/img/loader_bg.gif b/img/loader_bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..3d88f3d12085dfae6b9e65cb7bdada62bfcaae72
GIT binary patch
literal 606
zcmZ?wbhEHb<YM4r_{_j?^z^w?=P#Z*f9dpvOV@7Ry8qz8gNF|vJ$iKQ#w`YHK=D7f
zpKD04vtxj(k)8oFBT$XvPZpqA{~2^Z>OsabFe`8bmHl(t`ut2lt6Z|<iKy?Hw@usB
zJUZK6i8Q)TFqnW%6N|DyW8#^e*LyNQuAF@#RY9RD(jsYA<bwE!J#mUNn9k-gFy0o#
zVi}9v2L**wJAd$Geb$VATAMh%@lHqBvrvvH6?rdtl(Sf{X;Jtf!{RdW$CSYQX>-12
zE}Wh_S5wqUbzaQ(+_&ALIt@Ko?UDcB0n`-HSM^zQHqf4niLC*hk{ktcD>kk0Uaa-V
z6`Mu!A5JtkXc+T%f7ZNx)weYvR*s|KWx}G!g@+0)CaF!rp~s`s0jMXsK#x%&=4N0{
zOl8}X@@22C)ouFD$zX^>&k3NO)Kfxlu3ln@m>I@%H+`N;#fDXy$An{M$tq#jvtf>>
zAcx~6%L7+K3|a1%i6mt%n^{@*maF;U8!?q47cBl^me)uvt7Bm}c+b%JOp^XQ-|wso
UO{bl|8O!XjZj}Us3loDi0R8#I;s5{u

literal 0
HcmV?d00001

diff --git a/js/id/ui/geocoder.js b/js/id/ui/geocoder.js
index f11b026e4..d73c19dce 100644
--- a/js/id/ui/geocoder.js
+++ b/js/id/ui/geocoder.js
@@ -16,8 +16,10 @@ iD.ui.Geocoder = function(context) {
             if (d3.event.keyCode !== 13) return;
             d3.event.preventDefault();
             var searchVal = this.value;
+            inputNode.classed('loading', true);
             d3.json('http://nominatim.openstreetmap.org/search/' +
                 encodeURIComponent(searchVal) + '?limit=10&format=json', function(err, resp) {
+                    inputNode.classed('loading', false);
                     if (err) return hide();
                     if (!resp.length) {
                         return iD.ui.flash(context.container())