Add switch language

webapp/src/app/core/components/header/header.component.html

 <div class="container no-margins-container">
-    <div class="row header-logo">
-        <div class="col-sm-auto logo-header">
-          <a routerLink="/research">  <img class="logo-smart-data-grand-lyon" src="./assets/img/logo-smart-data-grand-lyon.png"></a>
-        </div>
-      </div>
-      <div class="row header-navbar">
-        <div class="col-sm">
-          <a routerLink="/research" routerLinkActive="active-link" i18n="@@header.home">
-            Home
-          </a>
-        </div>
-      </div>
-</div>
+  <div class="row justify-content-between align-items-center header-logo">
+    <div class="col-sm-4">
+      <a routerLink="/research">
+        <img class="logo-smart-data-grand-lyon" src="./assets/img/logo-smart-data-grand-lyon.png">
+      </a>
+    </div>
+    <div class="col-sm-1 offset-sm-3 text-right">
+        <img class="flag-logo" src="./assets/img/uk-flag.png" title="English" i18n-title="@@header.logoEnglish" (click)="changeLanguage('en')">
+        <img class="flag-logo" src="./assets/img/france-flag.png" title="French" i18n-title="@@header.logoFrench" (click)="changeLanguage('fr')">
+    </div>
+    <div class="col-sm-4 text-right">
+      <img class="logo-smart-data-grand-lyon" src="./assets/img/logo-grand-lyon.png">
+    </div>
+  </div>
+  <div class="row header-navbar">
+    <div class="col-sm">
+      <a routerLink="/research" routerLinkActive="active-link" i18n="@@header.home">
+        Home
+      </a>
+    </div>
+  </div>
+</div>
\ No newline at end of file

webapp/src/app/core/components/header/header.component.scss

@@ -9,5 +9,10 @@
 }
 
 .logo-smart-data-grand-lyon {
-  width: 200px;
+  height: 50px;
+}
+
+.flag-logo {
+  width: 20px;
+  cursor: pointer;
 }
\ No newline at end of file

webapp/src/app/core/components/header/header.component.ts

 import { Component, OnInit } from '@angular/core';
+import { environment } from '../../../../environments/environment';
 
 @Component({
   selector: 'app-header',
@@ -12,4 +13,8 @@ export class HeaderComponent implements OnInit {
   ngOnInit() {
   }
 
+  changeLanguage(lang: string) {
+    window.location.href = environment.angularAppHost[lang];
+  }
+
 }

webapp/src/environments/environment.ts

@@ -9,5 +9,10 @@ export const environment = {
   elasticsearchUrl: {
     full: 'http://localhost:8000/*.full',
     meta: 'http://localhost:8000/*.meta'
+  },
+
+  angularAppHost: {
+    fr: 'http://localhost:4000/fr',
+    en: 'http://localhost:4000/en'
   }
 };

webapp/src/locale/messages.en.xlf

@@ -21,6 +21,14 @@
       <trans-unit id="footer.contactus" datatype="html">
         <source>Contact Us</source>
         <target>Contact Us</target>
+      </trans-unit>
+            <trans-unit id="header.logoEnglish" datatype="html">
+        <source>English</source>
+        <target>English</target>
+      </trans-unit>
+            <trans-unit id="header.logoFrench" datatype="html">
+        <source>French</source>
+        <target>French</target>
       </trans-unit>
     </body>
   </file>

webapp/src/locale/messages.fr.xlf

@@ -21,6 +21,14 @@
             <trans-unit id="footer.contactus" datatype="html">
         <source>Contact Us</source>
         <target>Nous contacter</target>
+      </trans-unit>
+            <trans-unit id="header.logoEnglish" datatype="html">
+        <source>English</source>
+        <target>Anglais</target>
+      </trans-unit>
+      <trans-unit id="header.logoFrench" datatype="html">
+        <source>French</source>
+        <target>Français</target>
       </trans-unit>
     </body>
   </file>