modified_tabspage

tabh/tabh.html

+<ion-header>
+
+    <ion-navbar color="vamsi">
+        <ion-title>HEADER</ion-title>
+        <ion-buttons end id="BUTON">
+            <button (click)="Logout()" id="BUTON">
+              <ion-icon name="log-out" color="white"></ion-icon>
+          </button>
+        </ion-buttons>
+    </ion-navbar>
+
+</ion-header>
 <ion-tabs tabsPlacement="top" color="vamsi">
     <ion-tab [root]="homeRoot" tabTitle="Register-items" tabIcon="add"></ion-tab>
     <ion-tab [root]="yourItemsRoot" tabTitle="Your-items" tabIcon="cart"></ion-tab>

tabh/tabh.scss

 page-tabh {
-
-}
+    #BUTON {
+        background: color($colors, vamsi);
+    }
+}
\ No newline at end of file

tabh/tabh.ts

 import { Component } from '@angular/core';
 import { IonicPage, NavController } from 'ionic-angular';
+import { LoginPage } from '../login/login';
 
 /**
  * Generated class for the TabhPage tabs.
@@ -19,7 +20,12 @@ export class TabhPage {
   yourItemsRoot = 'YourItemsPage'
   editHistoryRoot = 'EditHistoryPage'
 
+ 
+
 
   constructor(public navCtrl: NavController) {}
+  Logout(){
+    this.navCtrl.setRoot(LoginPage);
+  }
 
 }

your-items/your-items.html

@@ -5,20 +5,20 @@
   Ionic pages and navigation.
 -->
 
+
 <ion-header>
 
     <ion-navbar color="vamsi">
-        <ion-title>Your_items</ion-title>
+        <ion-title>HEADER</ion-title>
         <ion-buttons end id="BUTON">
             <button (click)="Logout()" id="BUTON">
-              <ion-icon name="log-out" color="white"></ion-icon>
-          </button>
+            <ion-icon name="log-out" color="white"></ion-icon>
+        </button>
         </ion-buttons>
     </ion-navbar>
 
 </ion-header>
 
-
 <ion-content padding>
 
 </ion-content>
\ No newline at end of file