Commit af2d617a authored by mohan122's avatar mohan122

Added_tabsPage

parent a38aca5d
<!--
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
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 {}
page-edit-history {
#BUTON {
background: color($colors, vamsi);
}
}
\ No newline at end of file
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');
}
}
......@@ -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
page-home {
}
#BUTON {
background: color($colors, vamsi);
}
}
\ No newline at end of file
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() {
......
......@@ -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>
......
......@@ -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);
})
......
<!--
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>
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 {}
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');
}
}
......@@ -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>
......
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
......@@ -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;
......
<!--
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>
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { TabPage } from './tab';
@NgModule({
declarations: [
TabPage,
],
imports: [
IonicPageModule.forChild(TabPage),
],
})
export class TabPageModule {}
page-tab {
}
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');
}
}
<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
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { TabhPage } from './tabh';
@NgModule({
declarations: [
TabhPage,
],
imports: [
IonicPageModule.forChild(TabhPage),
]
})
export class TabhPageModule {}
page-tabh {
}
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) {}
}
<!--
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
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 {}
page-your-items {
#BUTON {
background: color($colors, vamsi);
}
}
\ No newline at end of file
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');
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment