From 94effc4dccf453936df005b3a6c5182612430bc2 Mon Sep 17 00:00:00 2001
From: Eduard Frankford <e.frankford@student.uibk.ac.at>
Date: Mon, 22 Feb 2021 19:04:41 +0100
Subject: [PATCH] added hover over and hover out for help

---
 .../webapp/app/search-input/search-input.component.html   | 8 ++++++--
 .../webapp/app/search-input/search-input.component.ts     | 2 ++
 src/main/webapp/i18n/de/exercise.json                     | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/main/webapp/app/search-input/search-input.component.html b/src/main/webapp/app/search-input/search-input.component.html
index ec025e30c..44ea8cd11 100644
--- a/src/main/webapp/app/search-input/search-input.component.html
+++ b/src/main/webapp/app/search-input/search-input.component.html
@@ -3,8 +3,10 @@
     <div style="width: 100%; margin-bottom: 20px;">
         <button type="button"
                 class="btn btn-outline-secondary"
-                (click)="showSearchUsage = !showSearchUsage"
-        >{{ (showSearchUsage ? 'search.hideUsage' : 'search.showUsage') | translate}}</button>
+                (mouseover)= "showSearchUsage = true"
+                (mouseout)= "showSearchUsage = false"
+        ><!-- <fa-icon [icon]="questionIcon"></fa-icon> -->
+        {{ (showSearchUsage ? 'search.hideUsage' : 'search.showUsage') | translate}}</button>
     </div>
 
     <span *ngIf="showSearchUsage" jhiTranslate="search.usage">The search mask allows you to search for full texts in the sharing platform based on various search criteria (e.g., full-text search, programming languages, keywords, etc.). Boolean operators can be used in the search mask for full texts. Apart from the full-text search, no further fields are to be specified.</span>&nbsp;
@@ -55,3 +57,5 @@
         </div>
     </ng-container>
 </div>
+
+
diff --git a/src/main/webapp/app/search-input/search-input.component.ts b/src/main/webapp/app/search-input/search-input.component.ts
index e06668de4..5491632ea 100644
--- a/src/main/webapp/app/search-input/search-input.component.ts
+++ b/src/main/webapp/app/search-input/search-input.component.ts
@@ -4,6 +4,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { QueryParam, QueryParamBuilder, QueryParamGroup } from '@ngqp/core';
 import { takeUntil } from 'rxjs/operators';
 import { SearchInput } from 'app/shared/model/search/search-input.model';
+import { faQuestion } from '@fortawesome/free-solid-svg-icons';
 
 // import { SearchService } from 'app/search/service/search-service';
 // import { SearchResultsDTO } from 'app/shared/model/search/search-results-dto.model';
@@ -19,6 +20,7 @@ export class SearchInputComponent implements OnInit, OnDestroy {
   @Output() searchInputEvent = new EventEmitter<SearchInput>();
   public pageSize = 4;
 
+  questionIcon = faQuestion;
   public paramGroup: QueryParamGroup;
   private componentDestroyed$ = new Subject<void>();
 
diff --git a/src/main/webapp/i18n/de/exercise.json b/src/main/webapp/i18n/de/exercise.json
index e58b1c64e..abc0d21b8 100644
--- a/src/main/webapp/i18n/de/exercise.json
+++ b/src/main/webapp/i18n/de/exercise.json
@@ -23,7 +23,7 @@
       "collectionContent": "Samlungsinhalt",
       "deprecated": "Veraltet",
       "difficulty": "Schwierigkeit",
-      "educationLevel": "Bildungsnivequ",
+      "educationLevel": "Bildungsniveau",
       "keywords": "Schlüsselwörter",
       "format": "Format",
       "status": "Status",
-- 
GitLab