From 659a86eba44f4e3a886f9e7aa380e8afb2e6e4d6 Mon Sep 17 00:00:00 2001
From: poka <poka@p2p.legal>
Date: Thu, 7 Nov 2019 23:39:33 +0100
Subject: [PATCH] Add loading animation when searching pubkey

---
 public/css/style.css          |  32 ++++++++++++++++++++++++++++++++
 public/images/ajax-loader.gif | Bin 0 -> 673 bytes
 src/Account/views/signup.twig |   7 +++++++
 3 files changed, 39 insertions(+)
 create mode 100644 public/images/ajax-loader.gif

diff --git a/public/css/style.css b/public/css/style.css
index 47952b5..e273b67 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -103,6 +103,38 @@ header.header img {
   margin: 5px auto;
  text-align: center;
 }
+
+/******************************************************************/
+/*                           LOADING PUBKEY                       */
+/******************************************************************/
+
+/*.loadingPubkey {
+//    display:    none;
+    position:   fixed;
+    z-index:    1000;
+    top:        0;
+    left:       0;
+    height:     100%;
+    width:      100%;
+    background: rgba( 255, 255, 255, .8 ) 
+                url('http://i.stack.imgur.com/FhHRx.gif') 
+                50% 50% 
+                no-repeat;
+}*/
+
+.loadingPubkey {
+    display:    none;
+    height:     20px;
+    width:      20px;
+    content:url('../images/ajax-loader.gif')
+}
+
+body.loading .loadingPubkey {
+    overflow: hidden;   
+    display: block;
+}
+
+
 /******************************************************************/
 /*                            POUR MOBILES                        */
 /******************************************************************/
diff --git a/public/images/ajax-loader.gif b/public/images/ajax-loader.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5bf51937b6e0ede9d6447709e92126d135127ae1
GIT binary patch
literal 673
zcmZ?wbhEHb6krfw_{6|ay7QZYV|>D#i>3*!K!!u!46oYN0j*mV|8x7fh6Fo12DlpO
z889<4Ffb_olX5OfO)N=GQ7F$W$xuklO03AqPfXFv%uCB>Q2fcl$puuU1H?e11sE8Z
zjX8GR`Dbv-Gg~;B!-_+44!hrsG)~uzhKF{E%sjYFFX70c!V9|55|($Dv0F;;uzO`c
z_W;_0X^siV9KRk#1?d)^-5Z{DxfD7Dh9nqDDkS*0MoX=zk=a^$|81fKdxOGtiAQbD
zlABajw1lu3WX7?}NLl-o<B17priAIUwI<8(eUbG0=;@R=V|9Vd2d*=l_sSewq0JQe
zR{RfR^I?9Yl_^s5_p@L#3h1{aRqazoZ4=+j35##-UdGv~$irgj(w-<IxXP_*!$o=K
zq@dW(w(<rRI#T^7mK0g~VD+03$F3rEZLjAkA|E6^`!w>Xl^srqNeY?L+OktFBhpFp
z{3!<kX1SL(@`u&H<^)Z`Y7Edh3Wp|Gia#!SzUS6F1Ignu4;1yBw#_{izGjgj4;!~g
zapLX`rr)PBHX3Z;?A$#+SJMltIY8&!`S*cS@aCM**jbG4ZWR_xP3X9rIOnd(v{pyA
zqXr@q5@v5><YhVJATZmo;n1~n6LA{@jQQ26PFLn=UYFzGIIPfjypWH@&|u}M4eJ6V
c4gsSp?AB5yh0-L6rg_nV6Brn*K?w&80NyLoWdHyG

literal 0
HcmV?d00001

diff --git a/src/Account/views/signup.twig b/src/Account/views/signup.twig
index 5d13cbc..463c88c 100644
--- a/src/Account/views/signup.twig
+++ b/src/Account/views/signup.twig
@@ -6,6 +6,7 @@
     <form action="{{ path('account.signup') }}" method="post">
       {{ csrf_input() }}
       {{ field('username', user.username, "Pseudo") }}
+      <div class="loadingPubkey"></div>
       <div id="livesearch-pubkey"></div>
       <div id=cle_pub>{{ field('pubkey', user.pubkey, "Clé publique") }}</div>
       {{ field('firstname', user.firstname, "Prénom") }}  {{ field('lastname', user.lastname, "Nom") }}
@@ -22,6 +23,9 @@
 
 var textInput = document.getElementById('username');
 var timeout = null;
+$body = $("body");
+noPubKey("hide")
+
 textInput.onkeyup = function (e) {
     clearTimeout(timeout);
     timeout = setTimeout(function () {
@@ -38,12 +42,14 @@ textInput.onkeyup = function (e) {
                 (pubkeyIsNull) ? noPubKey("block") : noPubKey("hide");
             }
         }
+        $body.addClass("loading");
         xmlhttp.open("GET","/ajax/getG1PubKey.php?vendeur="+textInput.value,true);
         xmlhttp.send();
     }, 800);
 };
 
 function noPubKey(state) {
+  $body.removeClass("loading");
   var textMbr = document.getElementById("cle_pub");
   if (state == "hide"){
     textMbr.style.display = "none";
@@ -52,6 +58,7 @@ function noPubKey(state) {
   }
 }
 
+
 </script>
 
 {% endblock %}