Promocode API integration

src/app/cart/cart.page.html

@@ -84,23 +84,15 @@
 		<header>
             APPLY PROMOCODE <button (click)="show_promocodes = false"> Done </button>
         </header>
-		<ion-list>
-			<ion-item (click)="selected_promocode = 'SAVE100'">
-				<ion-radio slot="start" [checked]="selected_promocode === 'SAVE100'"></ion-radio>
+		<ion-list *ngFor="let promoCodes of mallPromoCodes">
+            <ion-item (click)="selected_promocode = code.offersCode" 
+            *ngFor="let code of promoCodes">
+				<ion-radio slot="start" [checked]="selected_promocode === code.offersCode"></ion-radio>
 				<ion-label class="ion-text-wrap">
-					<div class="heading"> Upto &#8377; 100 Offer </div>
-					<div class="code"> Promocode: <span> SAVE100 </span> </div>
-					<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, aliquid quod omnis sed voluptatem, eos sapiente quaerat, consequatur neque beatae architecto commodi! Debitis, qui eum iure perspiciatis aperiam cumque voluptatum? </p>
-					<a> Terms & Condition </a>
-				</ion-label>
-			</ion-item>
-			<ion-item (click)="selected_promocode = 'SAVE10PER'">
-				<ion-radio slot="start" [checked]="selected_promocode === 'SAVE10PER'"></ion-radio>
-				<ion-label class="ion-text-wrap">
-					<div class="heading"> Upto &#8377; 10 Percert Offer </div>
-					<div class="code"> Promocode: <span> SAVE10PER </span> </div>
-					<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore, aliquid quod omnis sed voluptatem, eos sapiente quaerat, consequatur neque beatae architecto commodi! Debitis, qui eum iure perspiciatis aperiam cumque voluptatum? </p>
-					<a> Terms & Condition </a>
+					<div class="heading"> {{ code.offersTitle }} </div>
+					<div class="code"> Promocode: <span> {{ code.offersCode }} </span> </div>
+					<p> {{ code.offerSummary }} </p>
+					<a> Max Amount of offer: &#8377; {{ code.offersMaxcount }} </a>
 				</ion-label>
 			</ion-item>
 		</ion-list>

src/app/cart/cart.page.ts

@@ -41,6 +41,7 @@ export class CartPage implements OnInit {
     show_promocodes: boolean = false;
     selected_promocode: string = '';
     userInfo: any;
+    mallPromoCodes: Array<any> = [];
 
     constructor(
         private location: Location,
@@ -50,7 +51,7 @@ export class CartPage implements OnInit {
         public modalController: ModalController
     ) { }
 
-    ngOnInit() {
+    ngOnInit() {        
 		this.hideMenuButton();
         this.userInfo = JSON.parse(localStorage.userInfo)['User Info'];
 	}
@@ -105,6 +106,12 @@ 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));
+        });
     }
 
     hideMenuButton() {

src/app/services/order.service.ts

@@ -51,5 +51,17 @@ export class OrderService {
 		};
 
 		return await this.http.post(URL + '/Payment/v1/invoice/create', data, httpOptions).toPromise();
-    }
+	}
+	
+	async getPromoCodes(mallId: number) {
+		const httpOptions = {
+			headers: new HttpHeaders({
+				'Access-Control-Allow-Origin': '*',
+				'Content-Type': 'application/json',
+				'Authorization': 'Bearer ' + localStorage.access_Token
+			})
+		};
+
+		return await this.http.get(URL + '/api/maioraservice/offers/getoffer/mall_id/' + mallId, httpOptions).toPromise();
+	}
 }

src/global.scss

@@ -169,7 +169,10 @@ figure {
 		padding: 15px;
 		font-size: 14px;
 		align-items: center;
-		position: relative;
+		position: sticky;
+		top: 0;
+		z-index: 1;
+
 		button {
 			background-color: transparent;
 			border: 1px solid white;