Commit d6f6667b authored by mohanvamsi's avatar mohanvamsi 😊

Added Pages Folder By changing folder name as Pagesk

parent 69896432
pages @ 1c68c68f
Subproject commit 1c68c68f03dd7a0b29fc762fe3a905eb4c740203
<!--
Generated template for the BookshopPage page.
See http://ionicframework.com/docs/components/#navigation for more info on
Ionic pages and navigation.
-->
<ion-header color="vamsi">
<ion-navbar color="vamsi">
<ion-buttons id="BUTON" end color="vamsi">
<ion-row>
<ion-col>
<button (click)="Logout()" id="BUTON" color="vamsi" large>
<ion-icon name="menu" style="font-size: 20px;" color="white"></ion-icon>
</button>
</ion-col>
<ion-col>
<button (click)="Logouts()" id="BUTON" color="vamsi" large>
<ion-icon name="log-out" style="font-size: 20px;" color="white"></ion-icon>
</button>
</ion-col>
</ion-row>
</ion-buttons>
<ion-title style="text-transform: uppercase">Bookshop</ion-title>
<span style="color:rgb(255, 255, 255);padding-left:11px;font-weight:bold;font-size:10px;">UID:{{this.record}}</span>
</ion-navbar>
<headersp></headersp>
</ion-header>
<ion-content padding >
<ion-list *ngFor="let itemy of itemsy;let i=index" style="color:rgb(155, 155, 54);background-color:vamsi" (click)="same(itemy.NAME,itemy.SHOPNAME,itemy.IMAGE,itemy.MOBILE)">
<ion-item style="background-color:#FFA500;border-radius: 10px;">
<!-- <ion-icon name="cart" item-start large color="white"></ion-icon>-->
<ion-avatar item-start>
<img src="data:image/jpeg;base64,{{itemy.IMAGE}}">
</ion-avatar>
<h2 style="color:white;font-weight: bolder;text-transform: uppercase"> {{itemy.SHOPNAME}}</h2>
<p style="color:whitesmoke">phno:{{itemy.MOBILE}}</p>
</ion-item>
</ion-list>
</ion-content>
<!--<ion-nav [root]="rootPage" #content id="authenticated"></ion-nav>-->
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { BookshopPage } from './bookshop';
import {HeaderspComponent} from '../../components/headersp/headersp';
@NgModule({
declarations: [
BookshopPage,
HeaderspComponent
],
imports: [
IonicPageModule.forChild(BookshopPage),
],
})
export class BookshopPageModule {}
page-bookshop {
#BUTON {
background: color($colors, vamsi);
}
}
import { Component,ViewChild } from '@angular/core';
import { HttpClient} from '@angular/common/http';
import { IonicPage, NavController, NavParams,Events,AlertController } from 'ionic-angular';
import { HellosPage} from '../hellos/hellos';
import { Platform, MenuController, Nav } from 'ionic-angular';
import { LoginssPage } from '../loginss/loginss';
import {PloginPage} from '../plogin/plogin';
/**
* Generated class for the BookshopPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@IonicPage()
@Component({
selector: 'page-bookshop',
templateUrl: 'bookshop.html',
})
export class BookshopPage {
record:any;
public isLarge:boolean;
@ViewChild(Nav) nav: Nav;
public itemsy : Array<any> = [];
bookPage=BookshopPage;
constructor(public navCtrl: NavController,private alertCtrl: AlertController, public platform: Platform,public events:Events,public menu: MenuController,public http: HttpClient, public navParams: NavParams) {
//this.record= navParams.data;
this.record=navParams.get('emails');
console.log('Passed params', navParams.data);
console.log(this.record);
}
Logouts(){
let alert = this.alertCtrl.create({
title: 'CONFIRM LOGOUT',
message: 'Do you want to Logout',
buttons: [
{
/* text: 'stay',
role: 'cancel',
handler: () => {
console.log('Cancel clicked');
this.navCtrl.setRoot(TabhPage);
}*/
},
{
text: 'Logout',
handler: () => {
console.log('Buy clicked');
this.navCtrl.setRoot(PloginPage);
}
}
]
});
alert.present();
}
Logout(){
this.menu.open();
}
openPage(page) {
this.menu.close();
// navigate to the new page if it is not the current page
this.nav.setRoot(page.component);
}
loads() : void
{
this.http
.get('http://localhost/vamsi/shopretrive.php')
.subscribe((data : any) =>
{
console.dir(data);
this.itemsy = data;
},
(error : any) =>
{
console.dir(error);
});
}
same(hello:any,shopname:any,image:any,mobile:any){
console.log(hello);
this.navCtrl.push(HellosPage,{mailid:hello,shopnames:shopname,pmailid:this.record,images:image,Mobile:mobile});
}
ionViewDidLoad() {
this.loads();
this.Logout();
console.log('ionViewDidLoad BookshopPage');
}
}
<!--
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>
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(255,45,85) ">Your Order</p>
<hr >
<div *ngFor="let itemy of Items;let i=index">
<h4 style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(88, 86, 214)">{{itemy.ITEM}} </h4>
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color: black;">Weight : {{itemy.WEIGHT}} (gms)</p>
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color: black;">Pieces : {{itemy.PIECES}} x {{itemy.COST}} (rupees) </p>
<hr >
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(76,217,100);text-align: end"> {{itemy.TOTALCOST}}.00 </p>
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(255,45,85)">Contact</p>
<ion-badge >{{itemy.CUSMAIL}}</ion-badge>
<hr style="background-color:#FFA500;color: #FFA500;">
<button ion-button color="vamsi" round block (click)="cut(itemy.CUSMAIL,itemy.ITEM)">Will Be Delivered</button>
</div>
</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';
import { HttpClient, HttpHeaders } from '@angular/common/http';
/**
* 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 {
public Items:Array<any>=[];
private baseURIs : string = "http://localhost/vamsi/edititems.php";
private baseURIso : string = "http://localhost/vamsi/cut.php";
sc:any;
constructor(public navCtrl: NavController, public navParams: NavParams,public http: HttpClient) {
console.log('Passed params', navParams.data);
}
Logout(){
this.navCtrl.setRoot(LoginPage);
}
ionViewWillEnter(){
let name:string=this.navParams.data;
console.log(name);
this.hello(name);
}
cut(purmail:any,itemname:any){
console.log(this.navParams.data)
console.log(purmail);
console.log(itemname);
let headers : any = new HttpHeaders({ 'Content-Type': 'application/json' }),
options : any = {"key":"create", "smail":this.navParams.data ,"pmail":purmail,"item":itemname},
url : any = this.baseURIso ;
this.http.post(url, JSON.stringify(options), headers)
.subscribe((data : any) =>
{
console.log(data);
this.Items= data;
},
(error : any) =>
{
console.log({error});
});
}
hello(name){
let headers : any = new HttpHeaders({ 'Content-Type': 'application/json' }),
options : any = {"key":"create", "mail":name },
url : any = this.baseURIs ;
this.http.post(url, JSON.stringify(options), headers)
.subscribe((data : any) =>
{
console.log(data);
this.Items= data;
},
(error : any) =>
{
console.log({error});
});
}
ionViewDidLoad() {
console.log('ionViewDidLoad EdithistoryPage');
console.log(name);
}
}
<!--
Generated template for the EditPage page.
See http://ionicframework.com/docs/components/#navigation for more info on
Ionic pages and navigation.
-->
<ion-header>
<ion-navbar>
<ion-title>edit</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<ion-item id="password" style="padding:10px;">
<ion-label floating>Name of Item</ion-label>
<ion-input [(ngModel)]="NAME" type="text" value="{{this.NAME}}"></ion-input>
</ion-item>
<p style="padding:10px;">Note:Weight in Grams</p>
<ion-row row-1>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >Weight</ion-label>
<ion-input [(ngModel)]="a" value="{{this.a}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >pieces</ion-label>
<ion-input [(ngModel)]="b" value="{{this.b}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >cost</ion-label>
<ion-input [(ngModel)]="c" value="{{this.c}}" ></ion-input>
</ion-item>
</ion-col>
</ion-row>
<ion-row row-2>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >Weight</ion-label>
<ion-input [(ngModel)]="d" value="{{this.d}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >pieces</ion-label>
<ion-input [(ngModel)]="e" value="{{this.e}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >cost</ion-label>
<ion-input [(ngModel)]="f" value="{{this.f}}" ></ion-input>
</ion-item>
</ion-col>
</ion-row>
<ion-row row-3>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >Weight</ion-label>
<ion-input [(ngModel)]="g" value="{{this.g}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >pieces</ion-label>
<ion-input [(ngModel)]="h" value="{{this.h}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >cost</ion-label>
<ion-input [(ngModel)]="i" value="{{this.i}}" ></ion-input>
</ion-item>
</ion-col>
</ion-row>
<ion-row row-4>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >Weight</ion-label>
<ion-input [(ngModel)]="j" value="{{this.j}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >pieces</ion-label>
<ion-input [(ngModel)]="k" value="{{this.k}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >cost</ion-label>
<ion-input [(ngModel)]="l" value="{{this.l}}" ></ion-input>
</ion-item>
</ion-col>
</ion-row>
<ion-row row-5>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >Weight</ion-label>
<ion-input [(ngModel)]="m" value="{{this.m}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >pieces</ion-label>
<ion-input [(ngModel)]="n" value="{{this.n}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >cost</ion-label>
<ion-input [(ngModel)]="o" value="{{this.o}}" ></ion-input>
</ion-item>
</ion-col>
</ion-row>
<ion-row row-6>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >Weight</ion-label>
<ion-input [(ngModel)]="p" value="{{this.p}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >pieces</ion-label>
<ion-input [(ngModel)]="NAME" value="{{this.r}}" ></ion-input>
</ion-item>
</ion-col>
<ion-col col-4>
<ion-item style="padding:0px;" >
<ion-label floating >cost</ion-label>
<ion-input [(ngModel)]="r" value="{{this.r}}" ></ion-input>
</ion-item>
</ion-col>
</ion-row>
<div >
<button ion-button block color="vamsi" medium (click)="mapUse(NAME,a,b,c,d,e,f,g,h,j,k,l,m,n,o,p,q,r)">Register</button>
</div>
</ion-content>
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { EditPage } from './edit';
@NgModule({
declarations: [
EditPage,
],
imports: [
IonicPageModule.forChild(EditPage),
],
})
export class EditPageModule {}
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { THIS_EXPR } from '@angular/compiler/src/output/output_ast';
import { HttpClient, HttpHeaders } from '@angular/common/http';
/**
* Generated class for the EditPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@IonicPage()
@Component({
selector: 'page-edit',
templateUrl: 'edit.html',
})
export class EditPage {
EMAIL:any;
NAME:any;
a:any;
b:any;
c:any;
d:any;
e:any;
f:any;
g:any;
h:any;
i:any;
j:any;
k:any;
l:any;
m:any;
n:any;
o:any;
p:any;
q:any;
r:any;
private baseURI : string = "http://localhost/vamsi/itemretrive.php";
constructor(public navCtrl: NavController, public navParams: NavParams,public http: HttpClient) {
this.EMAIL=navParams.get('Mailid');
this.NAME=navParams.get('NAME');
this.a=navParams.get('Weighta');
this.b=navParams.get('Piecesa');
this.c=navParams.get('Costa');
this.d=navParams.get('Weightb');
this.e=navParams.get('Piecesb');
this.f=navParams.get('Costb');
this.g=navParams.get('Weightc');
this.h=navParams.get('Piecesc');
this.i=navParams.get('Costc');
this.j=navParams.get('Weightd');
this.k=navParams.get('Piecesd');
this.l=navParams.get('Costd');
this.m=navParams.get('Weighte');
this.n=navParams.get('Piecese');
this.o=navParams.get('Coste');
this.p=navParams.get('Weightf');
this.q=navParams.get('Piecesf');
this.r=navParams.get('Costf');
}
mapUse(NAME:any,a:any,b:any,c:any,d:any,e:any,f:any,g:any,h:any,j:any,k:any,l:any,m:any,n:any,o:any,p:any,q:any,r:any){
let headers : any = new HttpHeaders({ 'Content-Type': 'application/json' }),
options : any = {EMAILS:this.EMAIL,NAMES:NAME,aa:a,ba:b,ca:c,da:d,ea:e,fa:f,ga:g,ha:h,ja:j,ka:k,la:l,ma:m,na:n,oa:o,pa:p,qa:q,ra:r },
url : any = this.baseURI ;
this.http.post(url, JSON.stringify(options), headers)
.subscribe((data : any) =>
{
console.log(data);
},(error : any) =>
{
console.log({error});
});
}
ionViewDidLoad() {
console.log('ionViewDidLoad EditPage');
}
}
<!--
Generated template for the FinalPage page.
See http://ionicframework.com/docs/components/#navigation for more info on
Ionic pages and navigation.
-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<ion-header>
<ion-navbar color="tejas">
<ion-title style="text-align:center;font-family: 'UIFontTextStyleLargeTitle', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:white">Billing</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-toolbar color="you">
<div style="text-align:center">
<i class="fa fa-rupee fa-3x text-center" style="text-align:center;font-size:20px;font-weight:600;color:white"></i>
</div>
<div *ngFor="let itemy of itemsy;let i=index" >
<h2 style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:white;text-align: center;">{{itemy.ha}}</h2>
</div>
<div style="text-align:center">
<button ion-button color="vamsi" small round (click)="remove(itemsy[0].CUSMAIL)">Book</button>
</div>
</ion-toolbar>
</ion-header>
<ion-content padding style="background-color:white;border-radius:10px;">
<ion-refresher (ionRefresh)="doRefresh($event)">
<ion-refresher-content
pullingIcon="arrow-dropdown"
pullingText="Pull to refresh"
refreshingSpinner="circles"
refreshingText="Refreshing...">
</ion-refresher-content>
</ion-refresher>
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(255,45,85) ">Your Order</p>
<hr >
<div *ngFor="let itemy of itemsy;let i=index">
<div *ngIf="itemy.STATUS=='p'">
<h4 style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(88, 86, 214)">{{itemy.ITEM}} </h4>
<ion-badge item-start style="background-color:orangered;">{{itemy.STATUS}}</ion-badge>
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color: black;">Weight : {{itemy.WEIGHT}} (gms)</p>
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color: black;">Pieces : {{itemy.PIECES}} x {{itemy.COST}} (rupees) </p>
<hr >
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(76,217,100);text-align: end"> {{itemy.TOTALCOST}}.00 </p>
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(255,45,85)">Contact</p>
<ion-badge >{{itemy.SHOPMAIL}}</ion-badge>
<hr style="background-color:#FFA500;color: #FFA500;">
</div>
<div *ngIf="itemy.STATUS=='k'">
<h4 style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(88, 86, 214)">{{itemy.ITEM}} </h4>
<ion-badge item-start style="background-color:orangered;">{{itemy.STATUS}}</ion-badge>
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color: black;">Pieces : {{itemy.PIECES}} x {{itemy.COST}} (rupees) </p>
<hr >
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(76,217,100);text-align: end"> {{itemy.TOTALCOST}}.00 </p>
<p style="font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 600;color:rgb(255,45,85)">Contact</p>
<ion-badge >{{itemy.SHOPMAIL}}</ion-badge>
<hr style="background-color:#FFA500;color: #FFA500;">
</div>
</div>
<!--<ion-card>
<ion-card-header style="background-color:#FFA500;font-weight:bold;color:white;">DIGIMART</ion-card-header>
<ion-card-content >
<ion-row style="
text-align: left;