Orders list correction complete

src/app/cart/cart.page.html

@@ -28,11 +28,11 @@
                 </li>
                 <li>
                     <label> Pickup Time </label>
-    				<ion-item class="time-holder" (click)="hideMenuButton()">
+    				<ion-item class="time-holder">
     					{{ getFormatterDateTime(item.pickup_time, 'hh:mm a') }}
     					<a> Schedule time </a>
     					<ion-datetime displayFormat="hh:mm a" [(ngModel)]="item.pickup_time"
-    					placeholder="Select Date" (ionChange)="showMenuButton()"></ion-datetime>
+    					placeholder="Select Date"></ion-datetime>
     				</ion-item>
                 </li>
             </ul>

src/app/cart/cart.page.ts

@@ -44,7 +44,13 @@ export class CartPage implements OnInit {
 		private router: Router
     ) { }
 
-    ngOnInit() {}
+    ngOnInit() {
+		this.hideMenuButton();
+	}
+
+	ngOnDestroy() {
+		this.showMenuButton();
+	}
 
     ionViewDidEnter() {
 		this.fetchCartItems();
@@ -82,9 +88,7 @@ export class CartPage implements OnInit {
     }
 
     showMenuButton() {
-        setTimeout(() => {
-            document.querySelector('.menu-icon-holder').classList.remove('hide');
-        }, 1000);
+        document.querySelector('.menu-icon-holder').classList.remove('hide');
     }
 
     checkIfTimeFeasible(oldTime, newTime) {
@@ -138,6 +142,7 @@ export class CartPage implements OnInit {
     }
 
     back() {
+		this.showMenuButton();
 		this.storeData();
         this.location.back();
     }

src/app/orders/orders.component.html

@@ -5,16 +5,24 @@
 
 <ul class="orders">
 	<li *ngFor="let userOrder of userOrders" class="order" (click)="selected_order = order">
-		<div *ngFor="let order of userOrder.orderedlist">
+		<div class="order-mall" *ngFor="let order of userOrder.orderedlist">
 			<div class="heading"> Order ID: {{ order.orderedlist_id }} </div>
 			<div class="time-details">
 				Pickup on {{ getFormattedDate(order.pickup_time, 'DD MMMM YYYY @ hh:mm A') }}
 			</div>
+			<div class="time-details">
+				<p>
+					<strong>Mall:</strong> {{ order.mall_name }}
+				</p>
+				<p>
+					<strong>Outlet:</strong> {{ order.outlet_name }}
+				</p>
+			</div>
 
 			<ul class="ordered-items">
 				<li *ngFor="let item of order.menuitems">
 					<div class="order-item-details">
-						<label class="name"> {{ item.menu_item_name }} </label>
+						<label class="name"> {{ item.menu_item_name }} x {{ item.item_quantity }} </label>
 					</div>
 				</li>
 			</ul>
@@ -22,7 +30,7 @@
 				<li>
 					<div class="order-item-details">
 						<label class="name"> <strong> TOTAL </strong> </label>
-						<label class="time"> <strong> &#8377;  </strong> </label>
+						<label class="time"> <strong> &#8377; {{ order.total_price }} </strong> </label>
 					</div>
 				</li>
 			</ul>

src/app/orders/orders.component.scss

@@ -27,11 +27,15 @@ ul.orders {
 
 	.order {
 		list-style: none;
-		padding: 20px 5%;
 		color: var(--brand-dark-grey);
 		line-height: 1.6;
 		border-bottom: 1px solid #efefef;
 
+		.order-mall {
+			margin-bottom: 20px;
+			padding: 10px 5%;
+		}
+
 		&.expand {
 
 			.heading {

src/app/orders/orders.component.ts

@@ -17,9 +17,8 @@ export class OrdersComponent implements OnInit {
     ) { }
 
     ngOnInit() {
-		this.orderService.getOrders().then((resp)=> {
-			this.userOrders = resp;
-			console.log(this.userOrders)
+		this.orderService.getOrders().then((resp: any)=> {
+			this.userOrders = resp.reverse();
 		}, (err) => {
 			console.log(err);
 		});

src/app/services/order.service.ts

@@ -32,6 +32,6 @@ export class OrderService {
 			})
 		};
 
-		return await this.http.get(URL + '/api/maioraservice/mall/getallOrders', httpOptions).toPromise();
+		return await this.http.get(URL + '/api/maioraservice/orders/getallOrders', httpOptions).toPromise();
 	}
 }