From ac3d4137396af6a4026169a7fba5e20a805db9c4 Mon Sep 17 00:00:00 2001
From: "holger.trampe" <htrampe@gmail.com>
Date: Mon, 9 Nov 2020 21:09:19 +0100
Subject: [PATCH] Agenturweite Suche Iconaenderung

---
 users/templates/users/base.html | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/users/templates/users/base.html b/users/templates/users/base.html
index 4d51eef..1d27881 100644
--- a/users/templates/users/base.html
+++ b/users/templates/users/base.html
@@ -378,8 +378,11 @@
               <input type="text" onkeyup="javascript:startSearch(this.value)" class="form-control bg-light border-0 small" placeholder="Suche..." aria-label="Suche" aria-describedby="basic-addon2" id="searchfield">
               -->
               <div class="input-group-append">
-                <button class="btn btn-primary" type="button" onclick="javascript:clearSF()">
-                  <i class="fas fa-times fa-sm"></i>
+                <button class="btn btn-primary" type="button" onclick="javascript:clearSF()" id="agencysearch_button" disabled="">
+                  <span id="agencysearch_icon">
+                    <i class="fas fa-search"></i>
+                    <!--<i class="fas fa-times fa-sm"></i>-->
+                  </span>
                 </button>
               </div>
             </div>
@@ -621,10 +624,16 @@ function clearSF(){
   $("#searchcontent").hide();
   $("#maincontent").show();
   $("#search_string").val("");
+  $("#agencysearch_icon").html('<i class="fas fa-search fa-sm"></i>');
+  $("#agencysearch_button").prop("disabled", true);
 }
 
   function startSearch(searchstring){
     if(searchstring.length > 2){
+
+      $("#agencysearch_button").prop("disabled", false);
+      $("#agencysearch_icon").html('<i class="fas fa-times fa-sm"></i>');
+
       $.ajax(
       {
           type: "GET",
@@ -640,6 +649,8 @@ function clearSF(){
           }
        });
     } else {
+      $("#agencysearch_icon").html('<i class="fas fa-search fa-sm"></i>');
+      $("#agencysearch_button").prop("disabled", true);
       $("#searchcontent").empty();
       $("#searchcontent").hide();
       $("#maincontent").show();