From 359e49665e0f0c52e9cd846f907cbf41e6bfcdbe Mon Sep 17 00:00:00 2001 From: kj1352 Date: Sat, 19 Oct 2019 14:02:13 +0530 Subject: [PATCH] Partial commit, outlet details ui revamp --- src/app/mocks/menu-items.ts | 6 +- .../outlet-details/outlet-details.page.html | 65 ++-- .../outlet-details/outlet-details.page.scss | 293 +++++++++--------- src/app/outlet-details/outlet-details.page.ts | 1 + 4 files changed, 190 insertions(+), 175 deletions(-) diff --git a/src/app/mocks/menu-items.ts b/src/app/mocks/menu-items.ts index 39f9b11..34a4dae 100644 --- a/src/app/mocks/menu-items.ts +++ b/src/app/mocks/menu-items.ts @@ -27,7 +27,7 @@ export const MENU_ITEMS_1 = [new MenuItem({ export const MENU_ITEMS_2 = [new MenuItem({ id: '0004', name: 'Margherita Pizza', - image_url: 'https://www.cafecoffeeday.com/thelounge/images/ccd-lounge-pizzas-side-1.jpg', + image_url: 'https://content3.jdmagicbox.com/comp/def_content_category/cafe-coffee-day/cafe-coffee-day-584-bbho1.jpg', description: 'Cheese pizza topped with tomato sauce, garlic sauce and fresh basil.', is_vegeterian: true, wait_duration: 25, @@ -38,7 +38,7 @@ export const MENU_ITEMS_2 = [new MenuItem({ }), new MenuItem({ id: '0005', name: 'Espresso Shot', - image_url: 'https://www.cafecoffeeday.com/thelounge/images/ccd-lounge-classic-hot-bottom.jpg', + image_url: 'https://www.cafecoffeeday.com/sites/default/files/Espresso_0.jpg', description: 'Coffee at its simplest best. Without milk, served with cold water on the side. We call it a simple big-shot.', is_vegeterian: true, wait_duration: 5, @@ -49,7 +49,7 @@ export const MENU_ITEMS_2 = [new MenuItem({ }), new MenuItem({ id: '0006', name: 'The Coffee Gola', - image_url: 'https://www.cafecoffeeday.com/thelounge/images/ccd-lounge-Coffetini-Easel-side.jpg', + image_url: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT7jlUBBFU3_3mUQuQ9Lol1uPs1ZkJkxqrdmSHEIIBtTODTB0nSew', description: 'The perfect blend of coffee, almonds and a rich vanilla gola. Sure to give you an exotic kulfi experience.', is_vegeterian: true, wait_duration: 15, diff --git a/src/app/outlet-details/outlet-details.page.html b/src/app/outlet-details/outlet-details.page.html index cbeab6c..3b62010 100644 --- a/src/app/outlet-details/outlet-details.page.html +++ b/src/app/outlet-details/outlet-details.page.html @@ -32,7 +32,10 @@
-

{{ outlet_details.name }}

+

+ {{ outlet_details.name }} + +

{{ outlet_details.description }}

{{ outlet_details.rating }}
@@ -52,41 +55,49 @@
{{ temp_outlet_details.menu_items.length }} FOOD ITEMS
- - + +
-
+
+
-
{{ item.rating }}
- -
{{ item.name }}
-

{{ item.description }} - More - Less -

-
-
- Non-Veg Meals - Veg Meals +
+
{{ item.wait_duration }} min
+
{{ item.rating }}
-
{{ item.wait_duration }} Minutes
-
- @ Rs {{ calculateDiscount(item.price, item.discount) }}/-* - Rs {{ item.price }}/- +
+ +
+
+
- -
- -
{{ getItemCount(item.id) }}
- + +
+
{{ item.name }}
+ +
+
{{ item.wait_duration }} min
+
{{ item.rating }}
+
+ +
+ ₹ {{ calculateDiscount(item.price, item.discount) }} + +
+ +
{{ getItemCount(item.id) }}
+ +
+
-
-
+
+