From 7f0a1e78d74e1e2498183a317a50fce4fcb5cace Mon Sep 17 00:00:00 2001
From: Joachim Nielandt <joachim.nielandt@ugent.be>
Date: Sun, 25 Mar 2018 16:31:12 +0200
Subject: [PATCH] Updated the button texts.

---
 src/app/components/root/root.component.html | 15 ++++++++++-----
 src/app/components/root/root.component.ts   | 15 ++++++++++++++-
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/app/components/root/root.component.html b/src/app/components/root/root.component.html
index 1ab0348..070d7ef 100644
--- a/src/app/components/root/root.component.html
+++ b/src/app/components/root/root.component.html
@@ -18,14 +18,19 @@
       <div id="topmenubuttons">
         <div class="btn-group mx-auto" role="group">
           <!--removed this from the <i: tooltip="Huis" placement="bottom"-->
-          <a routerLink="home" (mouseout)="mouseOut('home')" (mouseover)="mouseOver('home')"><i class="fa fa-home fa-fw fa-2x" aria-hidden="true"></i></a>
-          <a routerLink="posts" (mouseout)="mouseOut('posts')" (mouseover)="mouseOver('posts')"><i class="fa fa-sticky-note fa-fw  fa-2x" aria-hidden="true"></i></a>
-          <a routerLink="cv" (mouseout)="mouseOut('cv')" (mouseover)="mouseOver('cv')"><i class="fa fa-id-badge fa-fw fa-2x" aria-hidden="true"></i></a>
-          <a (click)="toggleLanguage()" (mouseout)="mouseOut('language setting')" (mouseover)="mouseOver('language setting')"><i class="fa fa-language fa-fw fa-2x" aria-hidden="true"></i></a>
+          <a routerLink="home" (mouseout)="mouseOut('home')" (mouseover)="mouseOver('home')"><i
+            class="fa fa-home fa-fw fa-2x" aria-hidden="true"></i></a>
+          <a routerLink="posts" (mouseout)="mouseOut('posts')" (mouseover)="mouseOver('posts')"><i
+            class="fa fa-sticky-note fa-fw  fa-2x" aria-hidden="true"></i></a>
+          <a routerLink="cv" (mouseout)="mouseOut('cv')" (mouseover)="mouseOver('cv')"><i
+            class="fa fa-id-badge fa-fw fa-2x" aria-hidden="true"></i></a>
+          <a (click)="toggleLanguage()" (mouseout)="mouseOut('lang')"
+             (mouseover)="mouseOver('lang')"><i class="fa fa-language fa-fw fa-2x"
+                                                            aria-hidden="true"></i></a>
         </div>
       </div>
     </div>
-  <!--row-->
+    <!--row-->
   </div>
 
   <div class="row">
diff --git a/src/app/components/root/root.component.ts b/src/app/components/root/root.component.ts
index b2cba27..bbe6634 100644
--- a/src/app/components/root/root.component.ts
+++ b/src/app/components/root/root.component.ts
@@ -78,7 +78,20 @@ export class RootComponent implements OnInit {
 
   mouseOver(s: string) {
     // console.log('mouseover!' + s);
-    this.mousingOver = s;
+    // do some translation
+    let language = this.stateService.getLanguage();
+    if (s === 'lang') {
+      if (language == 'nl') {
+        this.mousingOver = 'Taal: Nederlands';
+      } else if (language = 'en') {
+        this.mousingOver = 'Language: English';
+      } else {
+        this.mousingOver = 'Language: Yaaarrrr matey!';
+      }
+    } else {
+      // default: use the passed string
+      this.mousingOver = s;
+    }
   }
 
   mouseOut(s: string) {