From a4e3d431fa384d5450d73e9b385bf5afab113028 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Fri, 28 May 2021 16:24:37 +0100
Subject: [PATCH] Add logout

---
 .../profile/profile.page.html                 | 38 +++++++++++--------
 .../header-no-search/profile/profile.page.ts  |  8 +++-
 2 files changed, 30 insertions(+), 16 deletions(-)

diff --git a/src/app/shared/headers/header-no-search/profile/profile.page.html b/src/app/shared/headers/header-no-search/profile/profile.page.html
index f962248d5..9f824bf2d 100644
--- a/src/app/shared/headers/header-no-search/profile/profile.page.html
+++ b/src/app/shared/headers/header-no-search/profile/profile.page.html
@@ -1,16 +1,14 @@
-
-
 <ion-content class=" bg-blue">
 
   <div class="profile-content">
     
     <div class="d-flex justify-space-between align-center">
       <div class="go-back d-flex align-center"  (click)="close()">
-          <ion-icon class="icon" src="assets/images/icons-calendar-arrow-left.svg"></ion-icon> <div>Perfil</div>
+        <ion-icon class="icon" src="assets/images/icons-calendar-arrow-left.svg"></ion-icon> <div>Perfil</div>
       </div>
       
       <div class="d-flex " (click)="close()">
-          <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
+        <ion-icon class="icon" src="assets/images/icons-search-close.svg"></ion-icon>
       </div>
     </div>
 
@@ -55,18 +53,28 @@
 
 
 <ion-footer class=" footer-container ion-no-border bg-blue">
-  <div class="d-flex justify-space-between">
-      <ion-buttons slot="start" (click)="close()">
-          <ion-button class="btn-cancel" fill="clear" color="#061b52" >
-            <ion-label>Cancelar</ion-label>
-          </ion-button>
-        </ion-buttons>
-        <ion-buttons slot="end" (click)="close()">
-          <ion-button class="btn-ok" fill="clear" color="#fff" >
-            <ion-label>Gravar</ion-label>
-          </ion-button>
-        </ion-buttons>
   
+  <div class="d-flex justify-center mb-10">
+    <ion-buttons slot="start" (click)="logout()">
+      <ion-button class="btn-cancel" fill="clear"style="background:#ffe0e0;" >
+        <ion-label style="color:#d30a0a;">Terminar sessão</ion-label>
+      </ion-button>
+    </ion-buttons>
+  </div>
+
+  <div class="d-flex justify-space-between">
+
+    <ion-buttons slot="start" (click)="close()">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" >
+        <ion-label>Cancelar</ion-label>
+      </ion-button>
+      </ion-buttons>
+      <ion-buttons slot="end" (click)="close()">
+        <ion-button class="btn-ok" fill="clear" color="#fff" >
+          <ion-label>Gravar</ion-label>
+        </ion-button>
+      </ion-buttons>
+
   </div>
 
 </ion-footer>
\ No newline at end of file
diff --git a/src/app/shared/headers/header-no-search/profile/profile.page.ts b/src/app/shared/headers/header-no-search/profile/profile.page.ts
index 3f34aebd7..b60974a87 100644
--- a/src/app/shared/headers/header-no-search/profile/profile.page.ts
+++ b/src/app/shared/headers/header-no-search/profile/profile.page.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 import { AnimationController, ModalController } from '@ionic/angular';
 import { User } from 'src/app/models/user.model';
 import { AuthService } from 'src/app/services/auth.service';
@@ -16,7 +17,8 @@ export class ProfileComponent implements OnInit {
 
   constructor(private modalController:ModalController,
     private authService: AuthService,
-    private animationController: AnimationController) { 
+    private animationController: AnimationController,
+    private router: Router) { 
 
     this.loggeduser = authService.ValidatedUser;
 
@@ -104,5 +106,9 @@ export class ProfileComponent implements OnInit {
     modal.present();
   }
 
+  logout() {
+    this.router.navigate(['/']);
+  }
+
 
 }