design fix
Showing
| <ion-app> | ||
| <ion-split-pane> | ||
| <ion-menu> | ||
| <ion-content> | ||
| <div class="side_menu_wrapper"> | ||
| <ion-menu-toggle> | ||
| <div class="top_banner"> | ||
| <div class="top_image"></div> | ||
| <div class="top_detail"> | ||
| <h4>John Doe</h4> | ||
| <p>[email protected]</p> | ||
| </div> | ||
| <div class="clear"></div> | ||
| </div> | ||
| </ion-menu-toggle> | ||
| <div class="sidemenu_list"> | ||
| <ul> | ||
| <ion-menu-toggle> | ||
| <li (click)="vieworder('home')">Shop</li> | ||
| </ion-menu-toggle> | ||
| <li>About us</li> | ||
| <ion-menu-toggle> | ||
| <li (click)="vieworder('myorder')">View Order</li> | ||
| </ion-menu-toggle> | ||
| <ion-split-pane> | ||
| <ion-menu> | ||
| <ion-content> | ||
| <div class="side_menu_wrapper"> | ||
| <ion-menu-toggle> | ||
| <div class="top_banner"> | ||
| <div class="top_image"> | ||
| <img src="../assets/avatar.png"> | ||
| </div> | ||
| <div class="top_detail"> | ||
| <h4>John Doe</h4> | ||
| <p>[email protected]</p> | ||
| </div> | ||
| <div class="clear"></div> | ||
| </div> | ||
| </ion-menu-toggle> | ||
| <div class="sidemenu_list"> | ||
| <ul> | ||
| <ion-menu-toggle> | ||
| <li (click)="vieworder('home')">Shop</li> | ||
| </ion-menu-toggle> | ||
| <li>About us</li> | ||
| <ion-menu-toggle> | ||
| <li (click)="vieworder('myorder')">View Order</li> | ||
| </ion-menu-toggle> | ||
| <div class="sub_menu"> | ||
| <ul *ngIf="categoryService.activecategories"> | ||
| <ion-menu-toggle> | ||
| <li | ||
| *ngFor="let category of categoryService.activecategories" | ||
| (click)="goToPage('catstorelist', category)" | ||
| > | ||
| {{ category.catName }} | ||
| </li> | ||
| </ion-menu-toggle> | ||
| <!-- <li>Women's Fashion</li> | ||
| <div class="sub_menu"> | ||
| <ul *ngIf="categoryService.activecategories"> | ||
| <ion-menu-toggle> | ||
| <li *ngFor="let category of categoryService.activecategories" (click)="goToPage('catstorelist', category)"> | ||
| {{ category.catName }} | ||
| </li> | ||
| </ion-menu-toggle> | ||
| <!-- <li>Women's Fashion</li> | ||
| <li>Features</li> | ||
| <li>Bags</li> | ||
| <li>Shoes</li> | ||
| <li>Electronics</li> --> | ||
| </ul> | ||
| </div> | ||
| <li>Complaints & Feedback</li> | ||
| <li> | ||
| <span class="floatLeft" (click)="authService.SignOut()" | ||
| >Logout</span | ||
| > | ||
| <span class="floatRight version">Version 0.1.0.2</span> | ||
| <div class="clear"></div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </ion-content> | ||
| </ion-menu> | ||
| <ion-router-outlet main></ion-router-outlet> | ||
| </ion-split-pane> | ||
| </ul> | ||
| </div> | ||
| <li>Complaints & Feedback</li> | ||
| <li> | ||
| <span class="floatLeft" (click)="authService.SignOut()">Logout</span> | ||
| <span class="floatRight version">Version 0.1.0.2</span> | ||
| <div class="clear"></div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </ion-content> | ||
| </ion-menu> | ||
| <ion-router-outlet main></ion-router-outlet> | ||
| </ion-split-pane> | ||
| </ion-app> | ||
| <div class="common_tab" [hidden]="fetchCase() === true"> | ||
| <ul> | ||
| <li (click)="goToPage('home')"> | ||
| <div | ||
| class="icon_sec m1_icon" | ||
| [class.m1_icon_act]="sec_active1" | ||
| (click)="setActive1()" | ||
| ></div> | ||
| </li> | ||
| <li (click)="goToPage('catagory')"> | ||
| <div | ||
| class="icon_sec m2_icon" | ||
| [class.m2_icon_act]="sec_active2" | ||
| (click)="setActive2()" | ||
| ></div> | ||
| </li> | ||
| <li (click)="searchModal()"> | ||
| <div | ||
| class="icon_sec m3_icon" | ||
| [class.m3_icon_act]="sec_active3" | ||
| (click)="setActive3()" | ||
| ></div> | ||
| </li> | ||
| <!-- <li (click)="goToPage('cart')"> | ||
| <ul> | ||
| <li (click)="goToPage('home')"> | ||
| <div class="icon_sec m1_icon" [class.m1_icon_act]="sec_active1" (click)="setActive1()"></div> | ||
| </li> | ||
| <li (click)="goToPage('catagory')"> | ||
| <div class="icon_sec m2_icon" [class.m2_icon_act]="sec_active2" (click)="setActive2()"></div> | ||
| </li> | ||
| <li (click)="searchModal()"> | ||
| <div class="icon_sec m3_icon" [class.m3_icon_act]="sec_active3" (click)="setActive3()"></div> | ||
| </li> | ||
| <!-- <li (click)="goToPage('cart')"> | ||
| <div class="icon_sec m4_icon" [class.m4_icon_act]="sec_active4" (click)="setActive4()"></div> | ||
| </li> --> | ||
| <li (click)="goToPage('myorder')"> | ||
| <div | ||
| class="icon_sec m5_icon" | ||
| [class.m5_icon_act]="sec_active5" | ||
| (click)="setActive5()" | ||
| ></div> | ||
| </li> | ||
| <li (click)="goToPage('profile')"> | ||
| <div | ||
| class="icon_sec m6_icon" | ||
| [class.m6_icon_act]="sec_active6" | ||
| (click)="setActive6()" | ||
| ></div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <li (click)="goToPage('myorder')"> | ||
| <div class="icon_sec m5_icon" [class.m5_icon_act]="sec_active5" (click)="setActive5()"></div> | ||
| </li> | ||
| <li (click)="goToPage('profile')"> | ||
| <div class="icon_sec m6_icon" [class.m6_icon_act]="sec_active6" (click)="setActive6()"></div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| \ No newline at end of file |
src/app/noresult/noresult.module.ts
0 → 100644
src/app/noresult/noresult.page.html
0 → 100644
src/app/noresult/noresult.page.scss
0 → 100644
src/app/noresult/noresult.page.spec.ts
0 → 100644
src/app/noresult/noresult.page.ts
0 → 100644
src/assets/avatar.png
0 → 100644
26.5 KB
src/assets/basket.png
0 → 100644
9.86 KB
| import { Injectable } from '@angular/core'; | ||
| import { User, Signup, Address } from './services/user'; | ||
| import { auth } from 'firebase/app'; | ||
| import { Router, ActivatedRoute } from '@angular/router'; | ||
| import { AngularFireAuth } from '@angular/fire/auth'; | ||
| import { AngularFirestore, AngularFirestoreDocument, AngularFirestoreCollection } from '@angular/fire/firestore'; | ||
| import { ServiceService } from './../config/service.service'; | ||
| import { SubjectService } from './../config/subject.service'; | ||
| import { GooglePlus } from '@ionic-native/google-plus/ngx'; | ||
| import { take } from 'rxjs/operators'; | ||
| import { from } from 'rxjs'; | ||
| import { Injectable } from "@angular/core"; | ||
| import { User, Signup, Address } from "./services/user"; | ||
| import { auth } from "firebase/app"; | ||
| import { Router, ActivatedRoute } from "@angular/router"; | ||
| import { AngularFireAuth } from "@angular/fire/auth"; | ||
| import { | ||
| AngularFirestore, | ||
| AngularFirestoreDocument, | ||
| AngularFirestoreCollection | ||
| } from "@angular/fire/firestore"; | ||
| import { ServiceService } from "./../config/service.service"; | ||
| import { SubjectService } from "./../config/subject.service"; | ||
| import { GooglePlus } from "@ionic-native/google-plus/ngx"; | ||
| import { take } from "rxjs/operators"; | ||
| import { from } from "rxjs"; | ||
| @Injectable({ | ||
| providedIn: 'root' | ||
| providedIn: "root" | ||
| }) | ||
| export class AuthService { | ||
| userData: any; | ||
| ... | ... | @@ -26,84 +30,97 @@ export class AuthService { |
| private subjectService: SubjectService, | ||
| private googlePlus: GooglePlus | ||
| ) { | ||
| this.type = 1; | ||
| this.afAuth.authState.subscribe(user => { | ||
| if (user) { | ||
| this.subjectService.sendLoginData(false); | ||
| this.userData = user; | ||
| console.log(this.userData); | ||
| this.service.set('user', JSON.stringify(this.userData)); | ||
| if (this.type === 1) { | ||
| this.router.navigateByUrl('home'); | ||
| } else { | ||
| this.router.navigateByUrl('verification'); | ||
| } | ||
| this.type = 1; | ||
| this.afAuth.authState.subscribe(user => { | ||
| if (user) { | ||
| this.subjectService.sendLoginData(false); | ||
| this.userData = user; | ||
| console.log(this.userData); | ||
| this.service.set("user", JSON.stringify(this.userData)); | ||
| if (this.type === 1) { | ||
| this.router.navigateByUrl("home"); | ||
| } else { | ||
| this.subjectService.sendLoginData(true); | ||
| this.service.set('user', null); | ||
| JSON.parse(localStorage.getItem('user')); | ||
| this.router.navigateByUrl('login'); | ||
| this.router.navigateByUrl("verification"); | ||
| } | ||
| }); | ||
| } else { | ||
| this.subjectService.sendLoginData(true); | ||
| this.service.set("user", null); | ||
| JSON.parse(localStorage.getItem("user")); | ||
| this.router.navigateByUrl("login"); | ||
| } | ||
| }); | ||
| } | ||
| public async SignIn(email: string, password: string) { | ||
| return this.afAuth.auth.signInWithEmailAndPassword(email, password).then((result) => { | ||
| console.log('success'); | ||
| document.body.scrollTop = document.documentElement.scrollTop = 0; | ||
| this.SetUserData(result.user); | ||
| }).catch((error) => { | ||
| window.alert(error.message); | ||
| }); | ||
| return this.afAuth.auth | ||
| .signInWithEmailAndPassword(email, password) | ||
| .then(result => { | ||
| console.log("success"); | ||
| document.body.scrollTop = document.documentElement.scrollTop = 0; | ||
| this.SetUserData(result.user); | ||
| }) | ||
| .catch(error => { | ||
| window.alert(error.message); | ||
| }); | ||
| } | ||
| public async verify(otp: string) { | ||
| console.log(this.userData.uid, otp); | ||
| // tslint:disable-next-line:radix | ||
| // const otpnew = parseInt(otp); | ||
| const custRef: AngularFirestoreCollection<any> = this.afs.collection('customers', ref => ref.where('otp', '==', otp) | ||
| .where('uid', '==', this.userData.uid) | ||
| const custRef: AngularFirestoreCollection<any> = this.afs.collection( | ||
| "customers", | ||
| ref => ref.where("otp", "==", otp).where("uid", "==", this.userData.uid) | ||
| ); | ||
| custRef.valueChanges().pipe(take(1)).subscribe((value: User[]) => { | ||
| if (value.length > 0) { | ||
| this.afs.collection('customers').doc(this.userData.uid).update({otp: ''}); | ||
| this.service.set('type', 1); | ||
| this.router.navigateByUrl('nearby'); | ||
| } else { | ||
| window.alert('Please input valid OTP'); | ||
| } | ||
| }); | ||
| custRef | ||
| .valueChanges() | ||
| .pipe(take(1)) | ||
| .subscribe((value: User[]) => { | ||
| if (value.length > 0) { | ||
| this.afs | ||
| .collection("customers") | ||
| .doc(this.userData.uid) | ||
| .update({ otp: "" }); | ||
| this.service.set("type", 1); | ||
| this.router.navigateByUrl("nearby"); | ||
| } else { | ||
| window.alert("Please input valid OTP"); | ||
| } | ||
| }); | ||
| } | ||
| public async google(type: number) { | ||
| this.type = type; | ||
| // this.googlePlus.login({}).then(res => console.log(res)).catch(err => console.error(err)); | ||
| this.afAuth.auth.signInWithPopup(new auth.GoogleAuthProvider()).then((result) => { | ||
| console.log('success'); | ||
| console.log(result); | ||
| this.socialSignUp(result); | ||
| }); | ||
| this.afAuth.auth | ||
| .signInWithPopup(new auth.GoogleAuthProvider()) | ||
| .then(result => { | ||
| console.log("success"); | ||
| console.log(result); | ||
| this.socialSignUp(result); | ||
| }); | ||
| } | ||
| public async facebook(type: number) { | ||
| this.type = type; | ||
| this.afAuth.auth.signInWithPopup(new auth.FacebookAuthProvider()).then((result) => { | ||
| console.log('success'); | ||
| console.log(result); | ||
| }); | ||
| this.afAuth.auth | ||
| .signInWithPopup(new auth.FacebookAuthProvider()) | ||
| .then(result => { | ||
| console.log("success"); | ||
| console.log(result); | ||
| }); | ||
| } | ||
| get isLoggedIn(): boolean { | ||
| const user = JSON.parse(localStorage.getItem('user')); | ||
| return(user !== null && user.emailVerified !== false) ? true : false; | ||
| const user = JSON.parse(localStorage.getItem("user")); | ||
| return user !== null && user.emailVerified !== false ? true : false; | ||
| } | ||
| SetUserData(user: any) { | ||
| const userRef: AngularFirestoreDocument<any> = this.afs.doc(`customers/${user.uid}`); | ||
| userRef.valueChanges().subscribe((value) => { | ||
| const userRef: AngularFirestoreDocument<any> = this.afs.doc( | ||
| `customers/${user.uid}` | ||
| ); | ||
| userRef.valueChanges().subscribe(value => { | ||
| const userData: User = { | ||
| uid: value.uid, | ||
| emailId: value.emailId, | ||
| ... | ... | @@ -116,7 +133,7 @@ export class AuthService { |
| currency: value.currency, | ||
| otp: value.otp, | ||
| loginType: value.loginType | ||
| }; | ||
| }; | ||
| console.log(userData); | ||
| }); | ||
| } | ||
| ... | ... | @@ -124,8 +141,8 @@ export class AuthService { |
| public async SignOut() { | ||
| return this.afAuth.auth.signOut().then(() => { | ||
| this.subjectService.sendLoginData(true); | ||
| this.service.remove('user'); | ||
| console.log('logout'); | ||
| this.service.remove("user"); | ||
| console.log("logout"); | ||
| }); | ||
| } | ||
| ... | ... | @@ -133,13 +150,13 @@ export class AuthService { |
| this.type = 2; | ||
| console.log(userData.user); | ||
| const currencyData = { | ||
| currId: '123', | ||
| currName: 'Australian dollar', | ||
| symbol: 'A$' | ||
| currId: "123", | ||
| currName: "Australian dollar", | ||
| symbol: "A$" | ||
| }; | ||
| const otp = Math.floor(1000 + Math.random() * 9000); | ||
| userData = userData.user; | ||
| const postData: User = { | ||
| const postData: User = { | ||
| uid: userData.uid, | ||
| status: true, | ||
| profilePhoto: userData.photoURL, | ||
| ... | ... | @@ -154,91 +171,104 @@ export class AuthService { |
| }; | ||
| this.userPostData = postData; | ||
| console.log(postData); | ||
| this.afs.collection('customers').doc(userData.uid).set(postData).then(() => { | ||
| console.log('successs'); | ||
| }); | ||
| this.afs | ||
| .collection("customers") | ||
| .doc(userData.uid) | ||
| .set(postData) | ||
| .then(() => { | ||
| console.log("successs"); | ||
| }); | ||
| } | ||
| signup(userData: Signup) { | ||
| this.type = 2; | ||
| console.log(userData); | ||
| const otp = Math.floor(1000 + Math.random() * 9000); | ||
| this.afAuth.auth.createUserWithEmailAndPassword(userData.emailId, userData.password).then((result) => { | ||
| console.log(result.user); | ||
| this.afAuth.auth.currentUser.sendEmailVerification(); | ||
| const currencyData = { | ||
| currId: '123', | ||
| currName: 'Australian dollar', | ||
| symbol: 'A$' | ||
| }; | ||
| const custData = result.user; | ||
| const postData: User = { | ||
| uid: custData.uid, | ||
| status: true, | ||
| profilePhoto: '', | ||
| phoneVerified: false, | ||
| phone: userData.phone, | ||
| name: userData.name, | ||
| emailVerified: false, | ||
| emailId: userData.emailId, | ||
| currency: currencyData, | ||
| otp: otp.toString(), | ||
| loginType: 0 | ||
| }; | ||
| this.userPostData = postData; | ||
| console.log(postData); | ||
| this.afs.collection('customers').doc(custData.uid).set(postData).then(() => { | ||
| console.log('successs'); | ||
| this.afAuth.auth | ||
| .createUserWithEmailAndPassword(userData.emailId, userData.password) | ||
| .then(result => { | ||
| console.log(result.user); | ||
| this.afAuth.auth.currentUser.sendEmailVerification(); | ||
| const currencyData = { | ||
| currId: "123", | ||
| currName: "Australian dollar", | ||
| symbol: "A$" | ||
| }; | ||
| const custData = result.user; | ||
| const postData: User = { | ||
| uid: custData.uid, | ||
| status: true, | ||
| profilePhoto: "", | ||
| phoneVerified: false, | ||
| phone: userData.phone, | ||
| name: userData.name, | ||
| emailVerified: false, | ||
| emailId: userData.emailId, | ||
| currency: currencyData, | ||
| otp: otp.toString(), | ||
| loginType: 0 | ||
| }; | ||
| this.userPostData = postData; | ||
| console.log(postData); | ||
| this.afs | ||
| .collection("customers") | ||
| .doc(custData.uid) | ||
| .set(postData) | ||
| .then(() => { | ||
| console.log("successs"); | ||
| }); | ||
| }) | ||
| .catch(error => { | ||
| window.alert(error.message); | ||
| }); | ||
| }).catch((error) => { | ||
| window.alert(error.message); | ||
| }); | ||
| } | ||
| createAddress(addressData: Address) { | ||
| console.log(addressData); | ||
| console.log(this.userData.uid); | ||
| this.afs.collection('address').add({ | ||
| uid: this.userData.uid | ||
| }).then((docRef) => { | ||
| console.log(docRef); | ||
| const addrData = { | ||
| uid: this.userData.uid, | ||
| addressType: addressData.addressType, | ||
| area: addressData.area, | ||
| city: addressData.city, | ||
| country: addressData.country, | ||
| district: addressData.district, | ||
| firstAddress: addressData.firstAddress, | ||
| landmark: addressData.landmark, | ||
| zip: addressData.zip, | ||
| secondAddress: addressData.secondAddress, | ||
| state: addressData.state, | ||
| addrId: docRef.id, | ||
| default: 1 | ||
| }; | ||
| const neworderId = docRef.id; | ||
| console.log(addrData); | ||
| this.afs.collection('address').doc(neworderId).set(addrData).then(() => { | ||
| console.log('Address add Successfully'); | ||
| this.service.set('user', JSON.stringify(this.userData)); | ||
| this.router.navigateByUrl('home'); | ||
| document.body.scrollTop = document.documentElement.scrollTop = 0; | ||
| this.afs | ||
| .collection("address") | ||
| .add({ | ||
| uid: this.userData.uid | ||
| }) | ||
| .then(docRef => { | ||
| console.log(docRef); | ||
| const addrData = { | ||
| uid: this.userData.uid, | ||
| addressType: addressData.addressType, | ||
| area: addressData.area, | ||
| city: addressData.city, | ||
| country: addressData.country, | ||
| district: addressData.district, | ||
| firstAddress: addressData.firstAddress, | ||
| landmark: addressData.landmark, | ||
| zip: addressData.zip, | ||
| secondAddress: addressData.secondAddress, | ||
| state: addressData.state, | ||
| addrId: docRef.id, | ||
| default: 1 | ||
| }; | ||
| const neworderId = docRef.id; | ||
| console.log(addrData); | ||
| this.afs | ||
| .collection("address") | ||
| .doc(neworderId) | ||
| .set(addrData) | ||
| .then(() => { | ||
| console.log("Address add Successfully"); | ||
| this.service.set("user", JSON.stringify(this.userData)); | ||
| this.router.navigateByUrl("home"); | ||
| document.body.scrollTop = document.documentElement.scrollTop = 0; | ||
| }); | ||
| }); | ||
| }); | ||
| return false; | ||
| } | ||
| } | ||
| /*displayName: "Adarsh Techware" | ||
| email: "[email protected]" | ||
| emailVerified: true | ||
| : "https://lh4.googleusercontent.com/-h0rs2pE-Azw/AAAAAAAAAAI/AAAAAAAAAAA/ACHi3rcjNtapRhKoG09NKifQsv_lQPC_2A/photo.jpg" | ||
| : "vT498Fz6X0Z6l5l5iNn5hxfwz692" | ||
| providerData: [Gl]*/ | ||