add spinner autocomplete

members/static/css/admin/manage_attached.css

@@ -112,3 +112,7 @@
     text-align: center;
     font-size: 1.6rem;
 }
+
+.spinner {
+   height:40px;
+}

members/static/js/admin/manage_attached.js

@@ -228,6 +228,12 @@ $(document).ready(function() {
           )
         },
         minLength: 1,
+        search: function(event, ui) {
+          $('#spinner1').show();
+        },
+        response: function(event, ui) {
+          $('#spinner1').hide();
+        },
         select: function( event, ui ) {
           event.preventDefault();
           if (ui.item) {
@@ -273,6 +279,12 @@ $(document).ready(function() {
             )
           },
           minLength: 1,
+          search: function(event, ui) {
+            $('#spinner2').show();
+          },
+          response: function(event, ui) {
+            $('#spinner2').hide();
+          },
           select: function( event, ui ) {
             if (ui.item) {
               load_member_infos("childInfo", ui.item.value)

templates/members/admin/manage_attached_create_pair.html

@@ -32,6 +32,7 @@
                   <h4>Rechercher le.a coopérateur.ice titulaire</h4>
                   <form autocomplete="off" id="search_member_form" class="search_member_form" action="javascript:;" method="post">
                     <input name="searchParent" type="text" id="search_member_input" value="" placeholder="Nom ou numéro du coop..." required>
+                    <img id="spinner1" class="spinner" src="{% static 'img/Loading_2.gif' %}" alt="loading" style="display:none;">
                   </form>
               </div>
               <div id="parentInfo" style="display:none;">
@@ -68,6 +69,7 @@
                   <h4>Rechercher le.a coopérateur.ice suppléant.e</h4>
                   <form autocomplete="off" id="search_member_form_child" class="search_member_form" action="javascript:;" method="post">
                     <input name="searchChild" type="text" id="search_child_input" value="" placeholder="Nom ou numéro du coop..." required>
+                    <img id="spinner2" class="spinner" src="{% static 'img/Loading_2.gif' %}" alt="loading" style="display:none;">
                   </form>
               </div>
               <div id="childInfo" style="display:none;">