[Maposmatic-dev] [PATCH 2/3] maposmatic/newmap: show a nice loading icon in the administrative city input box

[Thomas Petazzoni]

Signed-off-by: Thomas Petazzoni <address@hidden>
---
 www/media/css/newmap.css |    3 +++
 www/media/js/newmap.js   |    6 ++++++
 www/media/loading.gif    |  Bin 0 -> 1108 bytes
 3 files changed, 9 insertions(+), 0 deletions(-)
 create mode 100644 www/media/loading.gif

diff --git a/www/media/css/newmap.css b/www/media/css/newmap.css
index 7ba4641..d6783bb 100644
--- a/www/media/css/newmap.css
+++ b/www/media/css/newmap.css
@@ -127,6 +127,9 @@ td.step {
   width: 80%;
   max-width: 600px;
   font-size: 13pt;
+  background: white right no-repeat;
+  background-position: 99%;
+  padding-right: 19px;
 }
 
 /* Auto-suggest box */
diff --git a/www/media/js/newmap.js b/www/media/js/newmap.js
index 68cd7b1..3d5f44c 100644
--- a/www/media/js/newmap.js
+++ b/www/media/js/newmap.js
@@ -403,6 +403,9 @@ function suggest(input, results, osm_id, options) {
     $(input).css('cursor', 'text');
     closeSuggest(false);
 
+    /* Hide the nice loading icon since loading is finished */
+    $('#id_administrative_city').css("background-image", "");
+
     if (!entries.length) {
       $results.append('<li class="info">' + $('#noresultsinfo').html() + 
'</li>');
       return;
@@ -444,6 +447,9 @@ function suggest(input, results, osm_id, options) {
     }
     $(input).css('cursor', 'wait');
 
+    /* Show a nice loading icon */
+    $('#id_administrative_city').css("background-image", 
"url(/smedia/loading.gif)");
+
     if (ajaxSuggestQuery != null)
       ajaxSuggestQuery.abort();
 
diff --git a/www/media/loading.gif b/www/media/loading.gif
new file mode 100644
index 
0000000000000000000000000000000000000000..aed0ea41f5fd0048cebfc47c93c8c4c18066fd07
GIT binary patch
literal 1108
zcmZ?wbhEHb6k-r!I3mSRSy{er-I}9E4_8)}O_?%z>eMNV7cW}Be%-NShnFl_ynFY~
zrAwFY+_}A?qO7B%?b4<5ZEY>nrcFC`?8wE7=QeCuKV{0KMT-{h+O^~2#q;g$t^fc3
zXFvst|GE8KLxP<h16+;t444^#vWh=hSh*Oa7<51?LC#=c&03(=my$W{bkRD`*=v+t
zGu?7C0!!rnEQ}QMO^h&L?PC;5^t6!mo!aHOupv{X?_z3oWa>Ui!R^&d?XEm+qD+RK
zDryW5T2?4~6z%jpAf6$|FU8!<tX?A}(J3Lt%Ny3w)vqEfJZYMgB9irt42%o{K*+$F
z0<>Prb)rV)8h0zLF0nI>+jL$mjW3$}hx1aOxse2~2Agu~#tAAy*ENJLDy-wkOpF$&
zU=3=TvEZYZ>r}3nA3ZE(G<sy5Pu(zHVkygT;m${(Wl}XYQUU_$%-ziCD!jaU*ey;4
zT0Cpf1dYnI;Z|Ogj%^cZRkB!Q*i-h0eNuvk0?^-A3`$jO<<address@hidden;n7_@
z3C(Fnon1O&address@hidden|5!A5d8H)VB&9?})address@hidden
zER~5GoohU-?E2NtG%eH6Se9H=`&S(3WhOSy$(~&Y6&M-T3AQe(v|HT%Ch>r*3-g19
zWfwcT4yd#%Z;e=B^npjy(SO3DPaZDGFQfwm1f*D7Sf#|o(pb7#(address@hidden
zG&<KtSTQvm+cv4?&;address@hidden|address@hidden|_MMMrmS6X#_S
z5;address@hidden;address@hidden)(6F4fG(l%aT`NyasDk{a<address@hidden;(a!{#(lEHg~d
z$ei`^g~cre{#&0HM9$0fU7YB^<GEd$wN-^f#dPKbrHR)(lrD;_W7SORR;b_%YK&O0
zGGvL8Vdh2;O_3EXHjcY)=&Ll}Td**|q`U%XnG}0FyA%&k24f#%hDx6<_IL(|_Tvc}
zGuK91xlKH_jiEuTVxi-Nu<I&K6C9)@*jIR|Ud@;w#(n+8#|tX!I5pF{4J&w~)*VZl
z*rg^c)H-RBM?m|JMo{{0tZ`TzkipWxq){m)-X>n(6a<Q99v&Qi28DK%$V83EHLg~A
z-EL=Eo>^opQjZGFoSD#;address@hidden(?pPa*<o}
sl7J<0{8v)z6cgV`2<_FInDL=fg@;Fqqm4sKSU7{JmnlP~7i6<F0O6u|H2?qr

literal 0
HcmV?d00001

-- 
1.7.4.1