\n
\n\n ![](\"../../assets/images/left_arrow.png\")
\n
\n \n \n Back to Homepage\n
\n \n
\n `,\n styleUrls: ['./forgotpasswordpage.component.scss']\n})\nexport class ForgotpasswordpageComponent implements OnInit {\n loading = false;\n submitted = false;\n form: FormGroup;\n countries: DataValue[]\n errorMessage: string = \"\";\n selectedCountryCode: DataValue | undefined\n phoneNumberText: string = \"\";\n displayPhoneVerification = false;\n changePasswordSubmitted: boolean = false;\n changePasswordErrorMessage = \"\";\n OtpVerification: string = \"\";\n phoneNumberConfirmationResult: firebase.auth.ConfirmationResult | undefined\n loadingVerification = false;\n showChangePasswordPopup: boolean = false;\n\n newPassword: string = \"\";\n newPasswordConfirmation: string = \"\";\n isProcessing = false;\n\n isPasswordChangedSuccess: boolean = false;\n constructor(\n private afAuth: AngularFireAuth,\n private router: Router,\n private httpService: APIHelper,\n private store: StoreService,\n private fb: FormBuilder) {\n this.countries = [\n { Text: \"+961\", Value: \"961\"},\n { Text: \"+48\", Value: \"48\"},\n { Text: \"+818\", Value: \"818\"},\n { Text: \"+368\", Value: \"368\"},\n { Text: \"+400\", Value: \"400\"},\n { Text: \"+414\", Value: \"414\"},\n ]\n\n this.form = this.fb.group({\n phoneNumber: ['', Validators.required],\n password: ['', Validators.required],\n countryCode: [this.countries[0]]\n });\n }\n\n ngOnInit(): void {\n }\n\n get f() { return this.form.controls; }\n\n login() {\n this.phoneNumberText = this.form.value.countryCode.Text + this.form.value.phoneNumber;\n const appVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container'); // make sure you have a DOM element with id 'sign-in-button'\n this.afAuth.signInWithPhoneNumber(this.form.value.countryCode.Text + this.form.value.phoneNumber, appVerifier)\n .then(confirmationResult => {\n this.submitted = false;\n this.loading = true;\n this.displayPhoneVerification = true;\n this.phoneNumberConfirmationResult = confirmationResult;\n })\n .catch(error => {\n this.submitted = false;\n this.errorMessage = \"SMS not sent, try again\";\n });\n }\n\n VerifyPhoneNumber() {\n this.phoneNumberText = this.form.value.countryCode.Text + this.form.value.phoneNumber;\n const phoneNumberValue = this.form.value.countryCode.Value + this.form.value.phoneNumber;\n const name = this.form.value.firstName + \" \" + this.form.value.lastName;\n this.loadingVerification = true;\n if(this.phoneNumberConfirmationResult){\n this.phoneNumberConfirmationResult.confirm(this.OtpVerification)\n .then(result => {\n this.httpService.RegisterUser(\n phoneNumberValue, this.form.value.password, this.form.value.email, name)\n .subscribe((result: any) => {\n if(result.Result == \"success\"){\n this.loading = false;\n this.displayPhoneVerification = false;\n this.showChangePasswordPopup = true;\n } else {\n this.errorMessage = result.message;\n this.displayPhoneVerification = false;\n this.showChangePasswordPopup = false;\n this.loading = false;\n }\n })\n })\n .catch(error => {\n console.error('Verification code is incorrect', error);\n });\n }\n \n }\n\n GoToLoginPage() {\n this.router.navigateByUrl(\"/login\")\n }\n\n ChangePassword(){\n this.changePasswordErrorMessage = \"\"\n this.changePasswordSubmitted = true;\n if(this.newPassword.length < 6){\n this.changePasswordErrorMessage = \"Password must be greater than 6 characters\";\n this.loading = false;\n return;\n }\n if(this.newPassword != this.newPasswordConfirmation){\n this.changePasswordErrorMessage = \"Password not matching\";\n this.loading = false;\n return;\n }\n\n this.isProcessing = true;\n\n this.httpService.ChangePassword(this.form.value.countryCode.Value + this.form.value.phoneNumber, this.newPassword)\n .subscribe((result: any) => {\n this.isProcessing = false;\n if(result.Result == \"success\"){\n this.showChangePasswordPopup = false;\n this.isPasswordChangedSuccess = true;\n } else {\n this.changePasswordErrorMessage = result.message\n }\n })\n }\n\n}\n","import { Component, OnInit } from '@angular/core';\nimport { AngularFireAuth } from '@angular/fire/auth';\nimport { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { DataValue } from '../../types/models/DataValue';\nimport { APIHelper } from '../../services/APIHelper';\nimport { StoreService } from '../../services/store';\n@Component({\n selector: 'app-loginpage',\n template: `\n\n\n \n
\n \n \n
\n \n\n \n \n\n \n \n \n\n \n \n
\n\n ![](\"../../assets/images/phoneverification.gif\")
\n \n \n
\n \n \n \n \n \n \n \n\n \n \n\n
\n \n \n
\n\n\n \n {{changePasswordErrorMessage}}
\n \n ![](\"../../assets/images/success.png\")
\n \n \n \n
\n \n \n \n \n \n \n
\n
\n\n \n
\n \n \n Back to Homepage\n
\n \n
\n `,\n styleUrls: ['./loginpage.component.scss']\n})\nexport class LoginpageComponent implements OnInit {\n loading = false;\n submitted = false;\n form: FormGroup;\n countries: DataValue[]\n errorMessage: string = \"\";\n selectedCountryCode: DataValue | undefined\n\n constructor(\n private afAuth: AngularFireAuth,\n private router: Router,\n private httpService: APIHelper,\n private store: StoreService,\n private fb: FormBuilder) {\n this.countries = [\n { Text: \"+961\", Value: \"961\"},\n // { Text: \"+48\", Value: \"48\"},\n // { Text: \"+818\", Value: \"818\"},\n // { Text: \"+368\", Value: \"368\"},\n // { Text: \"+400\", Value: \"400\"},\n // { Text: \"+414\", Value: \"414\"},\n ]\n\n this.form = this.fb.group({\n phoneNumber: ['', Validators.required],\n password: ['', Validators.required],\n countryCode: [this.countries[0]]\n });\n }\n\n ngOnInit(): void {\n }\n\n get f() { return this.form.controls; }\n\n login() {\n this.submitted = true;\n if (this.form.invalid) {\n return;\n }\n this.errorMessage = \"\";\n this.loading = true;\n\n this.httpService.Login(this.form.value.countryCode.Value + this.form.value.phoneNumber, this.form.value.password)\n .subscribe((result: any) => {\n if(result){\n this.loading = false;\n if(result.Result == \"Success\"){\n const data = result.Data;\n localStorage.setItem(\"UserInfo\", JSON.stringify(data));\n this.httpService.GetCustomerInfo();\n this.router.navigateByUrl('/home');\n }\n else if(result.message == \"account.login.wrongcredentials.customernotexist\"){\n this.errorMessage = \"Invalid Credentials\" \n }\n else {\n this.errorMessage = result.message\n }\n }\n })\n }\n\n}\n","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { AngularFireAuth } from '@angular/fire/auth';\nimport { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport * as firebase from 'firebase';\nimport { APIHelper } from '../../services/APIHelper';\nimport { DataValue } from '../../types/models/DataValue';\nimport { TranslocoService } from '@ngneat/transloco';\n@Component({\n selector: 'app-registerpage',\n template: `\n\n ![](\"../../assets/images/logo.png\")
\n
\n \n \n \n
\n \n
\n\n = new BehaviorSubject([]);\r\n public productsInCart: BehaviorSubject = new BehaviorSubject(\r\n []\r\n );\r\n public productsInWishlist: BehaviorSubject = new BehaviorSubject<\r\n any[]\r\n >([]);\r\n public threeProducts: BehaviorSubject = new BehaviorSubject([]);\r\n public categories: BehaviorSubject = new BehaviorSubject([]);\r\n public userInfo: BehaviorSubject = new BehaviorSubject({\r\n Id: undefined,\r\n Address1: '',\r\n Addressid: '',\r\n Email: '',\r\n Lat: '',\r\n Lng: '',\r\n name: '',\r\n Phone: '',\r\n });\r\n\r\n constructor(private httpService: APIHelper) {\r\n const userInfoLocalData = localStorage.getItem('UserInfo');\r\n if (userInfoLocalData) {\r\n this.userInfo.next(JSON.parse(userInfoLocalData));\r\n }\r\n }\r\n\r\n clearBehaviours() {}\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport {\r\n TRANSLOCO_LOADER,\r\n Translation,\r\n TranslocoLoader,\r\n TRANSLOCO_CONFIG,\r\n translocoConfig,\r\n TranslocoModule,\r\n} from '@ngneat/transloco';\r\nimport { Injectable, isDevMode, NgModule } from '@angular/core';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class TranslocoHttpLoader implements TranslocoLoader {\r\n constructor(private http: HttpClient) {}\r\n\r\n getTranslation(lang: string) {\r\n return this.http.get(`/assets/i18n/${lang}.json`);\r\n }\r\n}\r\n\r\n@NgModule({\r\n exports: [TranslocoModule],\r\n providers: [\r\n {\r\n provide: TRANSLOCO_CONFIG,\r\n useValue: translocoConfig({\r\n availableLangs: ['en', 'ar'],\r\n defaultLang: 'en',\r\n // Remove this option if your application doesn't support changing language in runtime.\r\n reRenderOnLangChange: true\r\n }),\r\n },\r\n { provide: TRANSLOCO_LOADER, useClass: TranslocoHttpLoader },\r\n ],\r\n})\r\nexport class TranslocoRootModule {}","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: true,\n firebase: {\n apiKey: \"AIzaSyDOfJ6gKKUO6kc8VjAB2un6x5PQKe5_NPg\",\n authDomain: \"cosmetic-72e64.firebaseapp.com\",\n projectId: \"cosmetic-72e64\",\n storageBucket: \"cosmetic-72e64.appspot.com\",\n messagingSenderId: \"1018443556483\",\n appId: \"1:1018443556483:web:2d04a0afd8e289812e9db6\",\n measurementId: \"G-LK5CJ6RDE4\"\n // apiKey: \"AIzaSyDOfJ6gKKUO6kc8VjAB2un6x5PQKe5_NPg\",\n // authDomain: \"cosmetic-72e64.firebaseapp.com\",\n // projectId: \"cosmetic-72e64\",\n // storageBucket: \"cosmetic-72e64.appspot.com\",\n // messagingSenderId: \"1018443556483\",\n // appId: \"1:1018443556483:web:08a09329df0704382e9db6\",\n // measurementId: \"G-N88KF444J6\"\n }\n};\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/plugins/zone-error'; // Included with Angular CLI.\n","import { enableProdMode } from '@angular/core';\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic().bootstrapModule(AppModule)\n .catch(err => console.error(err));\n"],"names":[],"sourceRoot":"webpack:///"}
\n
\n\n \n
\n \n \n Back to Homepage\n
\n \n
\n `,\n styleUrls: ['./registerpage.component.scss']\n})\nexport class RegisterpageComponent implements OnInit {\n loading = false;\n loadingVerification = false;\n submitted = false;\n form: FormGroup;\n countries: DataValue[]\n selectedCountryCode: DataValue | undefined\n otp: string = \"\"; \n OtpVerification: string = \"\";\n phoneNumberText: string = \"\";\n showOtpComponent = true;\n isPasswordNotMatching = false;\n displayPhoneVerification = false;\n isRegisteredSuccess = false;\n errorMessage: string = \"\";\n @ViewChild(\"ngOtpInput\", { static: false }) ngOtpInput: any; config = { allowNumbersOnly: true, length: 4, isPasswordInput: false, disableAutoFocus: false, placeholder: \"*\", inputStyles: { width: \"50px\", height: \"50px\", }, }; \n \n phoneNumberConfirmationResult: string = \"\";\n constructor(\n private afAuth: AngularFireAuth,\n private router: Router,\n private httpService: APIHelper,\n private translocoService: TranslocoService,\n private fb: FormBuilder) {\n this.countries = [\n { Text: \"+961\", Value: \"961\"},\n // { Text: \"+48\", Value: \"48\"},\n // { Text: \"+818\", Value: \"818\"},\n // { Text: \"+368\", Value: \"368\"},\n // { Text: \"+400\", Value: \"400\"},\n // { Text: \"+414\", Value: \"414\"},\n ]\n\n this.form = this.fb.group({\n email: [''],\n firstName: ['', Validators.required],\n lastName: ['', Validators.required],\n password: ['', Validators.required],\n passwordConfirmation: ['', Validators.required],\n countryCode: [this.countries[0], Validators.required],\n phoneNumber: ['', Validators.required],\n });\n\n \n }\n\n ngOnInit(): void {\n }\n\n get f() { return this.form.controls; }\n\n register() {\n this.submitted = true\n this.errorMessage = \"\";\n if (this.form.invalid) {\n return;\n }\n this.loading = true;\n if(this.form.value.password != this.form.value.passwordConfirmation){\n this.isPasswordNotMatching = true;\n this.loading = false;\n return;\n }\n this.phoneNumberText = this.form.value.countryCode.Text.split(\"+\")[1] + this.form.value.phoneNumber;\n\n this.httpService.CheckPhoneNumberExist(this.phoneNumberText)\n .subscribe(phoneNumberExistResult => {\n if(phoneNumberExistResult != true){\n this.httpService.SendVerificationCode(this.phoneNumberText)\n .subscribe((result: any) => {\n console.log(result);\n if(result){\n this.submitted = false;\n this.loading = false;\n this.displayPhoneVerification = true;\n this.phoneNumberConfirmationResult = result;\n } else {\n this.submitted = false;\n }\n })\n } else {\n this.errorMessage = this.translocoService.translate('PhoneNumberExist');\n this.submitted = false;\n this.loading = false;\n this.displayPhoneVerification = false;\n }\n \n })\n\n\n }\n\n onOtpChange(event: any) {\n this.OtpVerification = event;\n }\n\n VerifyPhoneNumber() {\n this.phoneNumberText = this.form.value.countryCode.Text + this.form.value.phoneNumber;\n const phoneNumberValue = this.form.value.countryCode.Value + this.form.value.phoneNumber;\n const name = this.form.value.firstName + \" \" + this.form.value.lastName;\n this.loadingVerification = true;\n if(this.phoneNumberConfirmationResult && this.phoneNumberConfirmationResult.toString() == this.OtpVerification.toString()){\n const email = phoneNumberValue + \"@hebacosmatic.com\"\n this.httpService.RegisterUser(\n phoneNumberValue, this.form.value.password, email, name)\n .subscribe((result: any) => {\n if(result.Result == \"success\"){\n this.loading = false;\n this.displayPhoneVerification = false;\n this.isRegisteredSuccess = true;\n\n this.httpService.Login(phoneNumberValue, this.form.value.password)\n .subscribe((result1: any) => {\n if(result1){\n this.loading = false;\n if(result1.Result == \"Success\"){\n const data = result1.Data;\n localStorage.setItem(\"UserInfo\", JSON.stringify(data));\n this.httpService.GetCustomerInfo();\n this.router.navigateByUrl('/home');\n }\n else if(result1.message == \"account.login.wrongcredentials.customernotexist\"){\n this.errorMessage = \"Invalid Credentials\" \n }\n else {\n this.errorMessage = result1.message\n }\n }\n })\n\n } else {\n this.errorMessage = result.message;\n this.displayPhoneVerification = false;\n this.isRegisteredSuccess = false;\n this.loading = false;\n }\n })\n \n } else {\n console.error('Verification code is incorrect');\n }\n \n }\n\n GoToLoginPage(){\n this.router.navigateByUrl(\"/login\");\n }\n\n onRegSuccessHide(){\n this.router.navigateByUrl(\"/\");\n\n }\n\n emailSignup(email: string, password: string) {\n this.afAuth.createUserWithEmailAndPassword(email, password)\n .then(value => {\n this.router.navigateByUrl('/profile');\n })\n .catch(error => {\n console.log('Something went wrong: ', error);\n });\n }\n\n}\n","import { Injectable } from '@angular/core';\r\nimport { AngularFirestore } from '@angular/fire/firestore';\r\nimport { AngularFireStorage } from '@angular/fire/storage';\r\nimport { map, finalize } from \"rxjs/operators\";\r\nimport { StoreService } from './store';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { UserInfo } from '../types/models/UserInfo';\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class APIHelper {\r\n constructor(\r\n private http: HttpClient,\r\n private store: StoreService\r\n ) {}\r\n url = 'https://hebacosmetic.com/';\r\n //url = 'http://localhost:55391/';\r\n\r\n SendMail(email: string, name: string, subject: string, messasge: string){\r\n return this.http.post(`${this.url}api/LoginAp/SendMail`, {\r\n Email: email,\r\n Name: name,\r\n Subject: subject,\r\n Message: messasge\r\n })\r\n }\r\n\r\n SendVerificationCode(phoneNumber: string){\r\n return this.http.get(`${this.url}api/LoginAp/VerificationCode?phoneNumber=${phoneNumber}`)\r\n }\r\n\r\n UpdateAddress(userId: any, longitude: any, latitude: any, address: string, addressId: number){\r\n return this.http.post(`${this.url}api/ExternalAuthApp/UpdateAddress`, {\r\n UserId: userId,\r\n Longitude: longitude,\r\n Latitude: latitude,\r\n Address: address,\r\n AddressId: addressId\r\n })\r\n }\r\n\r\n GetUserAddress(userId: any){\r\n return this.http.get(`${this.url}api/loginap/UserAddress?userId=${userId}`)\r\n }\r\n\r\n GetCustomerInfo(){\r\n\r\n const userInfoLocalData = localStorage.getItem('UserInfo');\r\n if(userInfoLocalData){\r\n const _userInfo = JSON.parse(userInfoLocalData);\r\n this.http.post(`${this.url}api/ExternalAuthApp/FindCustomer`, {\r\n Phone: _userInfo.Phone\r\n })\r\n .subscribe((result: any) => {\r\n const updatedUserInfo: any = {\r\n Email: result.Email,\r\n Id: result.id,\r\n name: result.FirstName,\r\n Address1: \"\",\r\n Addressid: \"\",\r\n Lat: \"\",\r\n Lng: \"\",\r\n Phone: result.PhoneNumber,\r\n }\r\n if(result.lstShippingAddress.length > 0){\r\n const address = result.lstShippingAddress[0];\r\n updatedUserInfo.Address1 = address.Address1;\r\n updatedUserInfo.Lat = address.Latitutde;\r\n updatedUserInfo.Lng = address.Longitutde;\r\n updatedUserInfo.Addressid = address.AddressId\r\n }\r\n localStorage.setItem(\"UserInfo\", JSON.stringify(updatedUserInfo));\r\n this.store.userInfo.next(updatedUserInfo);\r\n })\r\n }\r\n\r\n }\r\n\r\n UpdateCustomer(id: string, name: string, email: string){\r\n return this.http.post(`${this.url}api/ExternalAuthApp/UpdateCustomer`, {\r\n Id: id,\r\n name: name,\r\n email: email\r\n })\r\n }\r\n\r\n CheckPhoneNumberExist(phoneNumber: any){\r\n return this.http.get(`${this.url}api/LoginAp/PhoneNumberExist?phoneNumber=${phoneNumber}`)\r\n\r\n }\r\n\r\n SearchCustomerOrders(userId: any){\r\n return this.http.post(`${this.url}api/RestaurantAP/SearchCustomerOrders`, {\r\n CustomerId: userId\r\n })\r\n }\r\n\r\n AddOrder(amount: number, products: any[], userInfo: UserInfo, ShippingStatusId: any, lat: any, lng: any){\r\n return this.http.post(`${this.url}api/RestaurantAP/AddOrder`, {\r\n CustomerId: userInfo.Id,\r\n Amount: amount,\r\n DiscountAmount: amount,\r\n CustomerCurrencyCode: \"USD\",\r\n NameOneCard: \"\",\r\n CardNumber: \"\",\r\n PaymentMethod: \"Cash\",\r\n Token: \"\",\r\n TransactionId: this.generateGUID(),\r\n ShippingStatusId: ShippingStatusId,\r\n Products: products,\r\n AddressId: 0,\r\n lat: lat,\r\n lng: lng\r\n })\r\n }\r\n\r\n generateGUID(): string {\r\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\r\n var r = Math.random() * 16 | 0,\r\n v = c === 'x' ? r : (r & 0x3 | 0x8);\r\n return v.toString(16);\r\n });\r\n }\r\n\r\n SearchProducts(searchTerm: any){\r\n return this.http.get(`${this.url}api/RestaurantAP/SearchProducts?PrdEn=${searchTerm}`)\r\n }\r\n\r\n GetProductById(productId: number){\r\n return this.http.post(`${this.url}api/ProductAP/ProductDetails`, {\r\n ProductId: productId\r\n })\r\n }\r\n\r\n GetProductsAddedToCart() {\r\n const storedProducts = localStorage.getItem('products');\r\n const storedProductsParsed = storedProducts ? JSON.parse(storedProducts) : [];\r\n this.store.productsInCart.next(storedProductsParsed);\r\n return storedProductsParsed;\r\n }\r\n\r\n GetProductsAddedToWihslist() {\r\n const storedProducts = localStorage.getItem('wishlistProducts');\r\n const storedProductsParsed = storedProducts ? JSON.parse(storedProducts) : [];\r\n this.store.productsInWishlist.next(storedProductsParsed);\r\n return storedProductsParsed;\r\n }\r\n\r\n ClearCart(){\r\n var products: any[] = [];\r\n this.store.productsInCart.next(products);\r\n localStorage.setItem('products', JSON.stringify(products));\r\n }\r\n\r\n RemoveProductFromCart(product: any){\r\n const storedProducts = localStorage.getItem('products');\r\n var storedProductsParsed = storedProducts ? JSON.parse(storedProducts) : [];\r\n if(storedProductsParsed.length > 0){\r\n storedProductsParsed = storedProductsParsed.filter((x:any) => x.Id != product.Id);\r\n }\r\n this.store.productsInCart.next(storedProductsParsed);\r\n localStorage.setItem('products', JSON.stringify(storedProductsParsed));\r\n }\r\n\r\n RemoveProductFromWishlist(product: any){\r\n const storedProducts = localStorage.getItem('wishlistProducts');\r\n var storedProductsParsed = storedProducts ? JSON.parse(storedProducts) : [];\r\n if(storedProductsParsed.length > 0){\r\n storedProductsParsed = storedProductsParsed.filter((x:any) => x.Id != product.Id);\r\n }\r\n this.store.productsInWishlist.next(storedProductsParsed);\r\n localStorage.setItem('wishlistProducts', JSON.stringify(storedProductsParsed));\r\n }\r\n\r\n addUpdateProductInWishlist(product: any): void {\r\n var products = this.GetProductsAddedToWihslist();\r\n var _product = products.find((x:any) => x.Id == product.Id);\r\n if(_product){\r\n products = products.filter((x:any) => x.Id != product.Id)\r\n } else {\r\n products.push(product);\r\n }\r\n localStorage.setItem('wishlistProducts', JSON.stringify(products));\r\n this.store.productsInWishlist.next(products);\r\n }\r\n\r\n addUpdateProductInCart(product: any, type: any = \"increment\"): void {\r\n var products = this.GetProductsAddedToCart();\r\n if(products.length > 0){\r\n var _product = products.find((x:any) => x.Id == product.Id);\r\n if(_product){\r\n if(type == \"decrement\"){\r\n if(_product.Quantity > 1){\r\n _product.Quantity -= 1;\r\n }\r\n } else {\r\n _product.Quantity += 1;\r\n }\r\n } else {\r\n products.push(product);\r\n }\r\n } else {\r\n products.push(product);\r\n }\r\n localStorage.setItem('products', JSON.stringify(products));\r\n this.store.productsInCart.next(products);\r\n }\r\n\r\n\r\n incrementProductQantity(product: any){\r\n this.addUpdateProductInCart(product, \"increment\");\r\n }\r\n\r\n decrementProductQuantity(product: any){\r\n this.addUpdateProductInCart(product, \"decrement\");\r\n\r\n }\r\n\r\n GetCategories(){\r\n var categories = this.http.post(`${this.url}api/RestaurantAP/Categories`, {}).subscribe((result: any) => {\r\n if(result && result.Categories){\r\n this.store.categories.next(result.Categories);\r\n }\r\n });\r\n return categories;\r\n }\r\n\r\n Get3Products(){\r\n var products = this.http.get(`${this.url}api/RestaurantAP/NewProducts`).subscribe((result: any) => {\r\n if(result && result.Products){\r\n this.store.threeProducts.next(result.Products);\r\n }\r\n });\r\n return products;\r\n }\r\n\r\n GetProducts(){\r\n var products = this.http.get(`${this.url}api/RestaurantAP/Products`).subscribe((result: any) => {\r\n if(result && result.Products){\r\n console.log('Tracee', result.Products)\r\n this.store.products.next(result.Products);\r\n }\r\n });\r\n return products;\r\n }\r\n\r\n GetProductsByCategoryId(categoryId: any){\r\n var products = this.http.get(`${this.url}api/RestaurantAP/Products?id=${categoryId}`).subscribe((result: any) => {\r\n if(result && result.Products){\r\n this.store.products.next(result.Products);\r\n }\r\n });\r\n return products;\r\n }\r\n\r\n Login(phoneNumber: string, password: string){\r\n const data = {\r\n phoneNumber: phoneNumber,\r\n password: password\r\n }\r\n return this.http.post(`${this.url}api/LoginAp/LoginUser`, data);\r\n }\r\n\r\n RegisterUser(phoneNumber: string, password: string, email: string, name: string){\r\n const data = {\r\n Username: email,\r\n Password: password,\r\n Phone: phoneNumber,\r\n name: name,\r\n email: email\r\n }\r\n return this.http.post(`${this.url}api/LoginAp/RegisterUser`, data);\r\n }\r\n \r\n ChangePassword(phoneNumber: string, newPassword: string){\r\n const data = {\r\n phoneNumber: phoneNumber,\r\n NewPassword: newPassword\r\n }\r\n return this.http.post(`${this.url}api/LoginAp/ChangePassword`, data);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { UserInfo } from '../types/models/UserInfo';\r\nimport { APIHelper } from './APIHelper';\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class StoreService {\r\n public products: BehaviorSubject\n \n
\n \n \n
\n \n \n \n\n \n \n
\n\n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n