From 512d1401df4224e6da6316e0d9550b22d83da9b4 Mon Sep 17 00:00:00 2001
From: argirok <argirokokogiannaki@gmail.com>
Date: Thu, 9 Jun 2022 17:30:51 +0300
Subject: [PATCH] minor changes in autocomplete

---
 .../entitiesAutoComplete.component.ts                     | 8 ++++----
 utils/staticAutoComplete/staticAutoComplete.component.ts  | 6 ++++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/utils/entitiesAutoComplete/entitiesAutoComplete.component.ts b/utils/entitiesAutoComplete/entitiesAutoComplete.component.ts
index 81032b0d..b28eb483 100644
--- a/utils/entitiesAutoComplete/entitiesAutoComplete.component.ts
+++ b/utils/entitiesAutoComplete/entitiesAutoComplete.component.ts
@@ -32,15 +32,15 @@ import {StringUtils} from "../string-utils.class";
           <div *ngIf="focus && showInput" class="uk-dropdown" aria-expanded="true" style="display:block" >
                 <ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results" >
                       <li>
-                          <span *ngIf="!_search.ready" class="uk-alert uk-alert-primary" data-uk-alert=""> <i class="uk-icon-spinner"></i> Loading..... </span>
-                          <span *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" data-uk-alert="">{{warningMessage}}</span>
+                          <span *ngIf="!_search.ready" class="uk-padding-small"> Loading..... </span>
+                          <span *ngIf="warningMessage.length > 0" class="uk-padding-small uk-text-warning">{{warningMessage}}</span>
                           <!--<span *ngIf="results > 0"  >  {{results | number}} results found:</span>-->
                           <!--span *ngIf="results == 0 && !showLoading" class="uk-alert uk-alert-primary" data-uk-alert=""> No results found</span-->
                       </li>
                        <li      *ngFor=" let item of filtered | async">
                         <a *ngIf= "item.id !=-1 && item.id !=-2" (click)="select(item)" [title]="showItem(item)"  style="text-overflow: ellipsis; ">{{showItem(item)}}</a>
-                          <span *ngIf= "item.id ==-1"  class="uk-alert uk-alert-primary" data-uk-alert=""> No results found</span>
-                          <span *ngIf= "item.id ==-2"  class="uk-alert uk-alert-warning" data-uk-alert=""> An error occured</span>
+                          <span *ngIf= "item.id ==-1"  class="uk-padding-small"> No results found</span>
+                          <span *ngIf= "item.id ==-2"  class="uk-padding-small uk-text-warning"> An error occured</span>
                      </li>
                 </ul>
 
diff --git a/utils/staticAutoComplete/staticAutoComplete.component.ts b/utils/staticAutoComplete/staticAutoComplete.component.ts
index 8f63c572..0c3527ed 100644
--- a/utils/staticAutoComplete/staticAutoComplete.component.ts
+++ b/utils/staticAutoComplete/staticAutoComplete.component.ts
@@ -27,9 +27,9 @@ import{EnvProperties} from '../../utils/properties/env-properties';
             <div  *ngIf="focus && showInput"  class="uk-dropdown" aria-expanded="true" style="display:block" >
                   <ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results" >
                       <li>
-                      <span [style.display]="showLoading ? 'inline' : 'none'" class="uk-alert uk-alert-primary" data-uk-alert=""> <i class="uk-icon-spinner"></i> Loading... </span>
+                      <span [style.display]="showLoading ? 'inline' : 'none'" class="uk-padding-small"> <i class="uk-icon-spinner"></i> Loading... </span>
                       <!--<span *ngIf="filtered.length > 0"  >  {{results | number}} results found:</span>-->
-                      <span *ngIf="filtered.length == 0" class="uk-alert uk-alert-primary" data-uk-alert=""> No results found</span>
+                      <span *ngIf="filtered.length == 0 && !showLoading" class="  uk-padding-small"  > No results found</span>
                       </li>
                       <li    *ngFor=" let item of filtered">
                           <a (click)="select(item)"  [title]="showItem(item)" style="text-overflow: ellipsis; ">{{showItem(item)}}</a>
@@ -106,6 +106,7 @@ export class StaticAutoCompleteComponent implements OnChanges{
               } else {
                 this.handleError("Error getting vocabulary with id: "+this.vocabularyId+" for "+this.entityName);
                 this.warningMessage = "An Error occurred..."
+                this.showLoading = false;
               }
             }
         );
@@ -120,6 +121,7 @@ export class StaticAutoCompleteComponent implements OnChanges{
                 //console.log(err);
                 this.handleError("Error getting results for refine field: "+this.fieldName+" for "+this.entityName, err);
                 this.warningMessage = "An Error occured..."
+              this.showLoading = false;
             }
         );
       }else{