Added_tabsPage

edit-history/edit-history.html

+<!--
+  Generated template for the EditHistoryPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+    <ion-navbar color="vamsi">
+        <ion-title>Edit_History</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-content padding>
+
+</ion-content>
\ No newline at end of file

edit-history/edit-history.module.ts

+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { EditHistoryPage } from './edit-history';
+
+@NgModule({
+  declarations: [
+    EditHistoryPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(EditHistoryPage),
+  ],
+})
+export class EditHistoryPageModule {}

edit-history/edit-history.scss

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

edit-history/edit-history.ts

+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { LoginPage } from '../login/login';
+
+/**
+ * Generated class for the EditHistoryPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-edit-history',
+  templateUrl: 'edit-history.html',
+})
+export class EditHistoryPage {
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+  Logout(){
+    this.navCtrl.setRoot(LoginPage);
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad EditHistoryPage');
+  }
+
+}

home/home.html

@@ -6,32 +6,16 @@
 -->
 <ion-header>
 
-    <ion-navbar>
-        <ion-title>home</ion-title>
+    <ion-navbar color="vamsi">
+        <ion-title>Home</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-content padding>
-    <ion-item id="password" style="position: relative; padding:0px;">
-        <ion-label floating>Username</ion-label>
-        <ion-input type="text"></ion-input>
-    </ion-item>
-    <ion-item id="password" style="position: relative; padding:0px;">
-        <ion-label floating>Name of the Shop</ion-label>
-        <ion-input type="text"></ion-input>
-    </ion-item>
-    <ion-item id="password" style="position: relative; padding:0px;">
-        <ion-label floating>Phone no</ion-label>
-        <ion-input type="text"></ion-input>
-    </ion-item>
-    <ion-item id="password" style="position: relative; padding:0px;">
-        <ion-label floating>Shop Registration number</ion-label>
-        <ion-input type="text"></ion-input>
-    </ion-item>
-    <div padding>
-        <button block ion-button color="vamsi" style="padding:0px; width: 100%;" medium (click)="submit()">SUBMIT</button>
-    </div>
-
+<ion-content>
+    <p>Hi i am vamsi</p>
 </ion-content>
\ No newline at end of file

home/home.scss

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

home/home.ts

 import { Component } from '@angular/core';
 import { IonicPage, NavController, NavParams, ToastController } from 'ionic-angular';
 import {AngularFireAuth} from 'angularfire2/auth';
+import { LoginPage } from '../login/login';
 
 /**
  * Generated class for the HomePage page.
@@ -19,8 +20,8 @@ export class HomePage {
   constructor(public navCtrl: NavController, public navParams: NavParams,private fire:AngularFireAuth,private toast:ToastController) {
     
   }
-  submit(){
-    
+  Logout(){
+    this.navCtrl.setRoot(LoginPage);
   }
 
   ionViewWillLoad() {

login/login.html

@@ -4,12 +4,13 @@
         <img src="assets/imgs/848.jpg" class="logo" style="display: block; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px;" />
     </div>
     <ion-header>
-
         <ion-navbar>
             <ion-title>LOGIN</ion-title>
         </ion-navbar>
-
     </ion-header>
+
+
+
     <div class="spacer" style="width: 50px; height: 0px;"></div>
     <ion-card-content>
         <ion-list>

login/login.ts

@@ -5,6 +5,7 @@ import {AngularFireAuth } from 'angularfire2/auth';
 import { HomePage } from '../home/home';
 
 import { RegisterPage } from '../register/register';
+import { TabhPage } from '../tabh/tabh';
 @IonicPage()
 @Component({
   selector: 'page-login',
@@ -25,7 +26,7 @@ export class LoginPage {
    login(user:User){
     this.fire.auth.signInWithEmailAndPassword(this.user.email,this.user.password)
     .then(data =>{
-    this.navCtrl.setRoot(HomePage);
+    this.navCtrl.setRoot(TabhPage);
    
   })
   

register-items/register-items.html

+<!--
+  Generated template for the RegisterItemsPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar>
+    <ion-title>Register_items</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+
+</ion-content>

register-items/register-items.module.ts

+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { RegisterItemsPage } from './register-items';
+
+@NgModule({
+  declarations: [
+    RegisterItemsPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(RegisterItemsPage),
+  ],
+})
+export class RegisterItemsPageModule {}

register-items/register-items.scss

+page-register-items {
+
+}

register-items/register-items.ts

+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+
+/**
+ * Generated class for the RegisterItemsPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-register-items',
+  templateUrl: 'register-items.html',
+})
+export class RegisterItemsPage {
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad RegisterItemsPage');
+  }
+
+}

register/register.html

@@ -12,12 +12,12 @@
             <ion-input type="Email" #username></ion-input>
         </ion-item>
         <ion-item id="password" style="position: relative; padding:0px;">
-            <ion-label floating>Phone no.</ion-label>
-            <ion-input type="text"></ion-input>
+            <ion-label floating>Mobile</ion-label>
+            <ion-input type="tel"></ion-input>
         </ion-item>
         <ion-item id="password" style="position: relative; padding:0px;">
             <ion-label floating>Password</ion-label>
-            <ion-input type="password" #password></ion-input>
+            <ion-input type="password" #password minlength="6"></ion-input>
         </ion-item>
         <ion-item id="password" style="position: relative; padding:0px;">
             <ion-label floating>Re-type Password</ion-label>
@@ -27,9 +27,25 @@
             <ion-label floating>Name of the Shop</ion-label>
             <ion-input type="text"></ion-input>
         </ion-item>
+        <div class="spacer" style="width: 50px; height: 20px;"></div>
+        <ion-item style="padding:0px; width:285px;">
+            <ion-label>Shop category</ion-label>
+            <ion-select id="category" multiple="false">
+                <ion-option>Kirana</ion-option>
+                <ion-option>Fancy</ion-option>
+                <ion-option>Medical</ion-option>
+                <ion-option>Floral</ion-option>
+                <ion-option>None</ion-option>
+            </ion-select>
+        </ion-item>
+        <ion-item id="password" style="position: relative; padding:0px;">
+            <ion-label floating>{{ location?.coords.latitude}}/ {{ location?.coords.longitude }}</ion-label>
+            <ion-input type="text"></ion-input>
+        </ion-item>
 
-        <p> Location:{{ location?.coords.latitude}}/ {{ location?.coords.longitude }}</p>
-
+        <!--
+        %<p> Location:{{ location?.coords.latitude}}/ {{ location?.coords.longitude }}</p>
+-->
     </ion-list>
     <div padding>
         <button block ion-button color="vamsi" style="padding:0px; width: 100%;" medium (click)="registerUser()">Sign Up</button>

register/register.scss

 page-register {
-    #register{
-    background:color($colors,light);
-}
-#password{
-    background:color($colors,light);
-    width:95%;
-}
-}
+    #register {
+        background: color($colors, white);
+    }
+    #password {
+        background: color($colors, white);
+        width: 95%;
+    }
+}
\ No newline at end of file

register/register.ts

@@ -42,7 +42,7 @@ export class RegisterPage {
      console.log('got error',error);
 });
    this.platform.ready().then(()=>{
-    let options={timeout:100,enableHighAccuracy:true,maximumAge:0}
+    let options={timeout:3000,enableHighAccuracy:true,maximumAge:0}
 this.geolocation.getCurrentPosition(options).then((location) => {
   console.log('Fetched the location successfully',location);
   this.location=location;

tab/tab.html

+<!--
+  Generated template for the TabPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar>
+    <ion-title>tab</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+
+</ion-content>

tab/tab.module.ts

+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { TabPage } from './tab';
+
+@NgModule({
+  declarations: [
+    TabPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(TabPage),
+  ],
+})
+export class TabPageModule {}

tab/tab.scss

+page-tab {
+
+}

tab/tab.ts

+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+
+/**
+ * Generated class for the TabPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-tab',
+  templateUrl: 'tab.html',
+})
+export class TabPage {
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad TabPage');
+  }
+
+}

tabh/tabh.html

+<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>
+    <ion-tab [root]="editHistoryRoot" tabTitle="Edit-items" tabIcon="basket"></ion-tab>
+</ion-tabs>
\ No newline at end of file

tabh/tabh.module.ts

+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { TabhPage } from './tabh';
+
+@NgModule({
+  declarations: [
+    TabhPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(TabhPage),
+  ]
+})
+export class TabhPageModule {}

tabh/tabh.scss

+page-tabh {
+
+}

tabh/tabh.ts

+import { Component } from '@angular/core';
+import { IonicPage, NavController } from 'ionic-angular';
+
+/**
+ * Generated class for the TabhPage tabs.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-tabh',
+  templateUrl: 'tabh.html'
+})
+export class TabhPage {
+
+  homeRoot = 'HomePage'
+  yourItemsRoot = 'YourItemsPage'
+  editHistoryRoot = 'EditHistoryPage'
+
+
+  constructor(public navCtrl: NavController) {}
+
+}

your-items/your-items.html

+<!--
+  Generated template for the YourItemsPage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+
+<ion-header>
+
+    <ion-navbar color="vamsi">
+        <ion-title>Your_items</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-content padding>
+
+</ion-content>
\ No newline at end of file

your-items/your-items.module.ts

+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { YourItemsPage } from './your-items';
+
+@NgModule({
+  declarations: [
+    YourItemsPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(YourItemsPage),
+  ],
+})
+export class YourItemsPageModule {}

your-items/your-items.scss

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

your-items/your-items.ts

+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { LoginPage } from '../login/login';
+
+/**
+ * Generated class for the YourItemsPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-your-items',
+  templateUrl: 'your-items.html',
+})
+export class YourItemsPage {
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+  Logout(){
+    this.navCtrl.setRoot(LoginPage);
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad YourItemsPage');
+  }
+
+}