Show menu items that are only available

package.json

@@ -23,8 +23,8 @@
     "@angular/router": "~8.1.2",
     "@angular/service-worker": "~8.1.2",
     "@babel/compat-data": "^7.8.0",
-    "@ionic-native/core": "^5.0.0",
-    "@ionic-native/geolocation": "^5.15.1",
+    "@ionic-native/core": "^5.31.1",
+    "@ionic-native/geolocation": "^5.31.1",
     "@ionic-native/splash-screen": "^5.0.0",
     "@ionic-native/status-bar": "^5.0.0",
     "@ionic/angular": "^4.7.1",
@@ -91,4 +91,4 @@
       "android"
     ]
   }
-}
+}

src/app/outlet-details/outlet-details.page.html

@@ -123,11 +123,6 @@
 		</section>
 	</div>
 
-	<div class="advertisement">
-		<img src="https://d2z1w4aiblvrwu.cloudfront.net/ad/IO1u/mcdonalds-2-mcdouble-and-fries-too-good-to-last-large-6.jpg" alt="">
-	</div>
-
-
 	<div class="common-semi-modal sort-holder" [ngClass]="{'active' : show_sort_popup }">
 		<header>
 			SORT <button (click)="show_sort_popup = false"> Done </button>
@@ -151,18 +146,6 @@
 		</div>
 	</div>
 
-	<!-- <div class="common-semi-modal filter-holder" [ngClass]="{'active' : show_filter_popup }">
-		<header>
-			FILTER <button (click)="show_filter_popup = false"> Done </button>
-		</header>
-		<ion-list>
-			<ion-item *ngFor="let tag of outlet_details.item_categories">
-				<ion-checkbox slot="start" [checked]="selected_tag === tag"></ion-checkbox> -->
-				<!-- <ion-label> {{ tag }} </ion-label>
-			</ion-item>
-		</ion-list>
-	</div> -->
-
 	<ion-fab *ngIf="userCart.orderedlist.length > 0" (click)="goToCart()">
 		<ion-fab-button>
 			<ion-icon name="cart"></ion-icon>

src/app/outlet-details/outlet-details.page.ts

@@ -62,6 +62,8 @@ export class OutletDetailsPage implements OnInit {
 		this.outlet_details = JSON.parse(this.route.snapshot.paramMap.get('outlet'));
 		this.mallId = Number(this.route.snapshot.paramMap.get('mallId'));
         this.fetchCartItems();
+
+        this.outlet_details.menuitems = this.outlet_details.menuitems.filter((item) => item.is_available);
 	}
 
     fetchCartItems() {

src/global.scss

@@ -307,7 +307,6 @@ figure {
     figure {
         display: block;
         width: 100%;
-        height: 100px;
 
         img {
             display: block;