From d798ab7b880877f05c3fb228d36fd6da958518f1 Mon Sep 17 00:00:00 2001
From: prahalad <prahalad@webtrigon.com>
Date: Mon, 18 Oct 2021 20:47:45 +0530
Subject: [PATCH] Added PromoCodes to Cart Items

---
 src/app/cart/cart.page.html                   |  11 +-
 src/app/cart/cart.page.ts                     | 232 ++++++++++--------
 src/app/faq/faq.component.html                |   3 +
 src/app/faq/faq.component.scss                |   0
 src/app/faq/faq.component.spec.ts             |  27 ++
 src/app/faq/faq.component.ts                  |  14 ++
 src/app/login/login.page.ts                   |   4 +-
 .../outlet-details/outlet-details.page.html   |   3 -
 src/app/profile/profile.page.html             |   7 +
 src/app/profile/profile.page.scss             |   5 +-
 10 files changed, 185 insertions(+), 121 deletions(-)
 create mode 100644 src/app/faq/faq.component.html
 create mode 100644 src/app/faq/faq.component.scss
 create mode 100644 src/app/faq/faq.component.spec.ts
 create mode 100644 src/app/faq/faq.component.ts

diff --git a/src/app/cart/cart.page.html b/src/app/cart/cart.page.html
index 87b2058..014c942 100644
--- a/src/app/cart/cart.page.html
+++ b/src/app/cart/cart.page.html
@@ -64,9 +64,9 @@
         <ul class="breakups">
             <li> <label> Total after discounts </label> <span> &#8377;  {{ getTotalCartAmount() }} </span> </li>
 			<li> <label> Promocode </label> <span>
-				<ion-button fill="clear" *ngIf="!selected_promocode" (click)="show_promocodes = true"> Apply </ion-button>
-				<ion-button fill="clear" *ngIf="selected_promocode" (click)="selected_promocode = ''">
-					 Remove {{ selected_promocode }}
+				<ion-button fill="clear" *ngIf="!selected_promo" (click)="show_promocodes = true"> Apply </ion-button>
+				<ion-button fill="clear" *ngIf="selected_promo" (click)="selected_promo = ''">
+					 Remove {{ selected_promo.offersCode }}
 					 <ion-icon name="close-circle"></ion-icon>
 				</ion-button>
 			</span> </li>
@@ -87,9 +87,9 @@
             APPLY PROMOCODE <button (click)="show_promocodes = false"> Done </button>
         </header>
 		<ion-list *ngFor="let promoCodes of mallPromoCodes">
-            <ion-item (click)="selected_promocode = code.offersCode" 
+            <ion-item (click)="selected_promo = code" 
             *ngFor="let code of promoCodes">
-				<ion-radio slot="start" [checked]="selected_promocode === code.offersCode"></ion-radio>
+				<ion-radio slot="start" [checked]="selected_promo === code"></ion-radio>
 				<ion-label class="ion-text-wrap">
 					<div class="heading"> {{ code.offersTitle }} </div>
 					<div class="code"> Promocode: <span> {{ code.offersCode }} </span> </div>
@@ -98,6 +98,7 @@
 				</ion-label>
 			</ion-item>
 		</ion-list>
+
 	</div>
 
 	<div class="common-semi-modal instant-menu" [ngClass]="{'active' : showInstantMenu }" *ngIf="temp_outlet_details">
diff --git a/src/app/cart/cart.page.ts b/src/app/cart/cart.page.ts
index 7d12e78..338989b 100644
--- a/src/app/cart/cart.page.ts
+++ b/src/app/cart/cart.page.ts
@@ -38,30 +38,30 @@ export class CartPage implements OnInit {
     tempPickupTime: any;
     showInstantMenu: boolean = false;
     temp_outlet_details: any;
-	selectedTempMallId: string;
+    selectedTempMallId: string;
     show_promocodes: boolean = false;
-    selected_promocode: string = '';
     userInfo: any;
     mallPromoCodes: Array<any> = [];
     invoiceData: any;
+    selected_promo: any = '';
 
     constructor(
         private location: Location,
-		private orderService: OrderService,
-		private toastService: ToastService,
-		private router: Router,
+        private orderService: OrderService,
+        private toastService: ToastService,
+        private router: Router,
         public modalController: ModalController,
         private mallService: MallService
     ) { }
 
-    ngOnInit() {        
-		this.hideMenuButton();
+    ngOnInit() {
+        this.hideMenuButton();
         this.userInfo = JSON.parse(localStorage.userInfo)['User Info'];
-	}    
+    }
 
-	ngOnDestroy() {
-		this.showMenuButton();
-	}
+    ngOnDestroy() {
+        this.showMenuButton();
+    }
 
     ionViewDidEnter() {
         this.fetchCartItems();
@@ -70,7 +70,7 @@ export class CartPage implements OnInit {
         }, (error) => {
             console.log(error);
         });
-	}
+    }
 
     fetchCartItems() {
         this.cart_outlets = [];
@@ -86,7 +86,7 @@ export class CartPage implements OnInit {
         for (let i = 0; i < this.userCart.orderedlist.length; i += 1) {
             let tempOutlet = this.cart_outlets.find((outlet) => {
                 return outlet.outlet_id === this.userCart.orderedlist[i].outlet_id &&
-                outlet.mall_id === this.userCart.orderedlist[i].mall_id
+                    outlet.mall_id === this.userCart.orderedlist[i].mall_id
             });
 
             if (!tempOutlet) {
@@ -100,6 +100,7 @@ export class CartPage implements OnInit {
         this.cart_outlets.forEach((cart) => {
             this.orderService.getPromoCodes(cart.mall_id).then((data) => {
                 this.mallPromoCodes.push(data);
+
             }, (err) => console.log(err));
         });
     }
@@ -136,7 +137,7 @@ export class CartPage implements OnInit {
     }
 
     getItemDetails(item) {
-        let mall, outlet, outletitem;
+        let mall, outlet, outletitem
         mall = this.allMalls.find((mall) => {
             return mall.mall.mall_id === item.mall_id;
         });
@@ -163,61 +164,61 @@ export class CartPage implements OnInit {
     }
 
     back() {
-		this.showMenuButton();
-		this.storeData();
+        this.showMenuButton();
+        this.storeData();
         this.location.back();
     }
 
     openInstantMenu(outlet) {
-		this.selectedTempMallId = outlet.mall_id;
+        this.selectedTempMallId = outlet.mall_id;
         this.showInstantMenu = true;
         this.temp_outlet_details = this.getOutletDetails(outlet);
     }
 
-	isPresentInCart(outletId: number, itemId: number, tempMallId: number) {
-		let item: any;
-
-		item = this.userCart.orderedlist.find((order) => {
-			return order.menuitem_id === itemId && order.outlet_id === outletId && order.mall_id === tempMallId;
-		});
-
-		return item? item.quantity: 0;
-	}
-
-	incrementCartCount(outletId: number, itemId: number, tempMallId: number) {
-		let outletitem = this.getItemDetailsByIds(outletId, itemId, tempMallId);
-
-		if (outletitem) {
-			let i = this.userCart.orderedlist.findIndex((order) => {
-				return order.menuitem_id === itemId && order.outlet_id === outletId && order.mall_id === tempMallId;
-			});
-
-			this.userCart.orderedlist[i].quantity += 1;
-			this.userCart.orderedlist[i].total_price = (outletitem.item_price - outletitem.item_discount) * this.userCart.orderedlist[i].quantity;
-		}
-	}
-
-	decrementCartCount(outletId: number, itemId: number, tempMallId: number) {
-		let outletitem = this.getItemDetailsByIds(outletId, itemId, tempMallId);
-
-		if (outletitem) {
-			let i = this.userCart.orderedlist.findIndex((order) => {
-				return order.menuitem_id === itemId && order.outlet_id === outletId && order.mall_id === tempMallId;
-			});
-
-			if (this.userCart.orderedlist[i].quantity > 1) {
-				this.userCart.orderedlist[i].quantity -= 1;
-				this.userCart.orderedlist[i].total_price = (outletitem.item_price - outletitem.item_discount) * this.userCart.orderedlist[i].quantity;
-			} else if (this.userCart.orderedlist[i].quantity === 1) {
-				this.userCart.orderedlist.splice(i, 1);
-				this.storeData();
-				this.fetchCartItems();
-			}
-		}
-	}
-
-	getItemDetailsByIds(outletId: number, itemId: number, tempMallId: number) {
-		let mall, outlet, outletitem;
+    isPresentInCart(outletId: number, itemId: number, tempMallId: number) {
+        let item: any;
+
+        item = this.userCart.orderedlist.find((order) => {
+            return order.menuitem_id === itemId && order.outlet_id === outletId && order.mall_id === tempMallId;
+        });
+
+        return item ? item.quantity : 0;
+    }
+
+    incrementCartCount(outletId: number, itemId: number, tempMallId: number) {
+        let outletitem = this.getItemDetailsByIds(outletId, itemId, tempMallId);
+
+        if (outletitem) {
+            let i = this.userCart.orderedlist.findIndex((order) => {
+                return order.menuitem_id === itemId && order.outlet_id === outletId && order.mall_id === tempMallId;
+            });
+
+            this.userCart.orderedlist[i].quantity += 1;
+            this.userCart.orderedlist[i].total_price = (outletitem.item_price - outletitem.item_discount) * this.userCart.orderedlist[i].quantity;
+        }
+    }
+
+    decrementCartCount(outletId: number, itemId: number, tempMallId: number) {
+        let outletitem = this.getItemDetailsByIds(outletId, itemId, tempMallId);
+
+        if (outletitem) {
+            let i = this.userCart.orderedlist.findIndex((order) => {
+                return order.menuitem_id === itemId && order.outlet_id === outletId && order.mall_id === tempMallId;
+            });
+
+            if (this.userCart.orderedlist[i].quantity > 1) {
+                this.userCart.orderedlist[i].quantity -= 1;
+                this.userCart.orderedlist[i].total_price = (outletitem.item_price - outletitem.item_discount) * this.userCart.orderedlist[i].quantity;
+            } else if (this.userCart.orderedlist[i].quantity === 1) {
+                this.userCart.orderedlist.splice(i, 1);
+                this.storeData();
+                this.fetchCartItems();
+            }
+        }
+    }
+
+    getItemDetailsByIds(outletId: number, itemId: number, tempMallId: number) {
+        let mall, outlet, outletitem;
         mall = this.allMalls.find((mall) => {
             return mall.mall.mall_id === tempMallId;
         });
@@ -233,47 +234,59 @@ export class CartPage implements OnInit {
                 return menu.menuitem_id === itemId;
             });
         }
-	}
-
-	addToCart(outletId: number, itemId: number, tempMallId: number) {
-		let outletitem = this.getItemDetailsByIds(outletId, itemId, tempMallId);
-		if (outletitem) {
-			this.userCart.orderedlist.push({
-	            mall_id: tempMallId,
-	            outlet_id: outletId,
-	            menuitem_id: itemId,
-	            quantity: 1,
-	            pickup_time: moment().add(moment.duration(outletitem.wait_duration).asMinutes(), 'minutes').format(),
-	            take_away: true,
-	            order_status: false,
-	            total_price: outletitem.item_price - outletitem.item_discount,
-	            soft_delete: false
-	        });
-		}
-	}
-
-	getTotalCartAmount() {
-		let total: number = 0;
-
-		this.userCart.orderedlist.forEach((order) => {
-			total = order.total_price + total;
-		});
-
-		return total;
-	}
-
-	placeOrder() {
-		this.orderService.createOrder(this.userInfo.id, {
-			soft_delete: false,
-			orderedlist: this.userCart.orderedlist
-		}).then(() => {
-			localStorage.removeItem('userCart');
-			this.toastService.presentToast("Order has been created", "success");
-			this.router.navigate(['/profile']);
-		}, () => {
-			this.toastService.presentToast("Failed to create order!", "danger");
-		});
-	}
+    }
+
+    addToCart(outletId: number, itemId: number, tempMallId: number) {
+        let outletitem = this.getItemDetailsByIds(outletId, itemId, tempMallId);
+        if (outletitem) {
+            this.userCart.orderedlist.push({
+                mall_id: tempMallId,
+                outlet_id: outletId,
+                menuitem_id: itemId,
+                quantity: 1,
+                pickup_time: moment().add(moment.duration(outletitem.wait_duration).asMinutes(), 'minutes').format(),
+                take_away: true,
+                order_status: false,
+                total_price: outletitem.item_price - outletitem.item_discount,
+                soft_delete: false
+            });
+        }
+    }
+
+    getTotalCartAmount() {
+        let total: number = 0, discountValue: number = 0
+
+        this.userCart.orderedlist.forEach((order) => {
+            total = order.total_price + total;
+            discountValue = (total * this.selected_promo.offer_precentage/100)
+        });
+
+        if(!discountValue){
+            return total
+        }else{
+            if(discountValue>=this.selected_promo.offersMaxcount){
+                total = total-this.selected_promo.offersMaxcount
+            }else{
+                total = total-discountValue
+            }
+            return total
+        }
+
+    }
+
+    placeOrder() {
+        this.orderService.createOrder(this.userInfo.id, {
+            soft_delete: false,
+            orderedlist: this.userCart.orderedlist
+        }).then(() => {
+            localStorage.removeItem('userCart');
+            this.toastService.presentToast("Order has been created", "success");
+            
+            this.router.navigate(['/profile']);
+        }, () => {
+            this.toastService.presentToast("Failed to create order!", "danger");
+        });
+    }
 
     requestInvoice() {
         let invoice_data = {
@@ -283,12 +296,13 @@ export class CartPage implements OnInit {
             "total_amt": (this.getTotalCartAmount() + (this.getTotalCartAmount() * (18 / 100)) + 20),
             "description": "This payment is towards testing Invoice feature",
             "receipt": "#asdsdsdf",
-            "email_notify": 1
+            "email_notify": 1,
         };
 
         this.orderService.generateInvoice(invoice_data).then((data: any) => {
             this.invoiceData = data;
             this.presentModal(data.shorturl);
+            
         }, (err) => {
             this.toastService.presentToast("Oops, something went wrong", "danger");
         });
@@ -297,15 +311,15 @@ export class CartPage implements OnInit {
 
     async presentModal(url: string) {
         const modal = await this.modalController.create({
-          component: InAppBrowserPage,
-          componentProps: {
-              url: url
-          }
+            component: InAppBrowserPage,
+            componentProps: {
+                url: url
+            }
         });
 
         modal.onDidDismiss().then(() => {
-            this.showMenuButton();            
-            
+            this.showMenuButton();
+
             this.orderService.getPaymentDetailsByOrderID(this.invoiceData.orderId).then((paymentDetails: any) => {
                 if (paymentDetails.Status === "paid") {
                     this.placeOrder();
diff --git a/src/app/faq/faq.component.html b/src/app/faq/faq.component.html
new file mode 100644
index 0000000..f478074
--- /dev/null
+++ b/src/app/faq/faq.component.html
@@ -0,0 +1,3 @@
+<p>
+  faq works!
+</p>
diff --git a/src/app/faq/faq.component.scss b/src/app/faq/faq.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/faq/faq.component.spec.ts b/src/app/faq/faq.component.spec.ts
new file mode 100644
index 0000000..e1cc699
--- /dev/null
+++ b/src/app/faq/faq.component.spec.ts
@@ -0,0 +1,27 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FaqComponent } from './faq.component';
+
+describe('FaqComponent', () => {
+  let component: FaqComponent;
+  let fixture: ComponentFixture<FaqComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ FaqComponent ],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FaqComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/faq/faq.component.ts b/src/app/faq/faq.component.ts
new file mode 100644
index 0000000..4f885d5
--- /dev/null
+++ b/src/app/faq/faq.component.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-faq',
+  templateUrl: './faq.component.html',
+  styleUrls: ['./faq.component.scss'],
+})
+export class FaqComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {}
+
+}
diff --git a/src/app/login/login.page.ts b/src/app/login/login.page.ts
index 0b3bcaf..8953ab0 100644
--- a/src/app/login/login.page.ts
+++ b/src/app/login/login.page.ts
@@ -11,8 +11,8 @@ import { LoadingController } from '@ionic/angular';
 })
 export class LoginPage implements OnInit {
     credentials = {
-        username: 'geethu',
-        password: '123456789',
+        username: 'prahalad1',
+        password: 'Reset@123',
         login_type: 'user'
     };
 
diff --git a/src/app/outlet-details/outlet-details.page.html b/src/app/outlet-details/outlet-details.page.html
index 08ad602..4c69785 100644
--- a/src/app/outlet-details/outlet-details.page.html
+++ b/src/app/outlet-details/outlet-details.page.html
@@ -47,9 +47,6 @@
 		<div class="card">
 			<h3>
 				{{ outlet_details.outlet_name }}
-				<ion-button size="small" fill="clear">
-					<ion-icon name="information-circle"></ion-icon>
-				</ion-button>
 			</h3>
 			<p> {{ outlet_details.description }} </p>
 			<div class="stats-holder">
diff --git a/src/app/profile/profile.page.html b/src/app/profile/profile.page.html
index a41842d..5060c37 100644
--- a/src/app/profile/profile.page.html
+++ b/src/app/profile/profile.page.html
@@ -51,6 +51,13 @@
             </figure>
             <span> NOTIFICATION </span>
         </div>
+        <div class="tab" [ngClass]="{'active' : selected_tab === 'NOTIFICATION'}"
+        (click)="selected_tab = 'NOTIFICATION'">
+            <figure>
+                <img src="assets/custom/hotel-bell.svg">
+            </figure>
+            <span> FAQ </span>
+        </div>
         <div class="tab" (click)="logout()">
             <figure>
                 <img src="assets/custom/logout.svg">
diff --git a/src/app/profile/profile.page.scss b/src/app/profile/profile.page.scss
index 2e4bb39..9947784 100644
--- a/src/app/profile/profile.page.scss
+++ b/src/app/profile/profile.page.scss
@@ -93,12 +93,13 @@
 }
 
 .tabs-holder {
-    display: flex;
+    display: -webkit-box;;
     align-items: stretch;
     padding: 10px 0;
+    overflow: auto;
 
     .tab {
-        width: 25%;
+        width: 90px;
 
         &.active {
             figure {