Skip to content

Commit

Permalink
HomeTV App: add more meals
Browse files Browse the repository at this point in the history 
[Issue] #1342
[Problem] Add breakfast widget to app
[Solution]
- added section changer
- images download from:
	https://commons.wikimedia.org/wiki/File:Vegetarian_breakfast_at_Cafe_Cuilles.jpg
	https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Korean.cuisine-Bibimbap-01.jpg/800px-Korean.cuisine-Bibimbap-01.jpg

Signed-off-by: Tomasz Lukawski <t.lukawski@samsung.com>
  • Loading branch information
@TomaszLukawskiSam
TomaszLukawskiSam committed Jul 27, 2020
1 parent df4f79b commit b38232e
Show file tree
Hide file tree
Showing 4 changed files with 105 additions and 30 deletions.
7 changes: 7 additions & 0 deletions examples/mobile/HomeApp/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -138,6 +138,13 @@
background-image: url(../images/English_breakfast_2.jpg);
background-size: 100%;
}
.app-breakfast-2 {
background-image: url(../images/Vegetarian_breakfast_at_Cafe_Cuilles.jpg);
}
.app-breakfast-3 {
background-image: url(../images/800px-Korean.cuisine-Bibimbap-01.jpg);
}

.app-hotel-order {
display: flex;
align-self: center;
Expand Down
Binary file added examples/mobile/HomeApp/images/800px-Korean.cuisine-Bibimbap-01.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added examples/mobile/HomeApp/images/Vegetarian_breakfast_at_Cafe_Cuilles.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
128 changes: 98 additions & 30 deletions examples/mobile/HomeApp/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,35 +50,103 @@
</div>
<div class="ui-content-area">
<div class="app-hotel-breakfast">
<div class="app-hotel-breakfast-image"></div>
<ul class="ui-listview app-hotel-breakfast-description">
<li class="ui-li-divider">
<div class="ui-li-text">
<span class="ui-li-text-title">
English Breakfast
</span>
<span class="ui-li-text-sub">
Delicious breakfast: fried egg, baked bacon, beans, sausages, tomato, bread, hot drink.
</span>
</div>
<div class="app-hotel-order">
<a href="#" class="ui-btn ui-btn-contained-colored" data-inline="true">Order</a>
</div>
</li>
<li class="ui-li-has-icon">
<div class="ui-li-icon">
<img src="images/tw_list_icon_wallpaper.svg"/>
</div>
<div class="ui-li-text">
<span class="ui-li-text-title">
Hotel Restaurant App
</span>
<span class="ui-li-text-sub">
Install full app from <a href="#" data-style="flat">App Store</a>
</span>
</div>
</li>
</ul>
<div class="ui-section-changer">
<div>
<section class="ui-section-active ui-content-area">
<div class="app-hotel-breakfast-image app-breakfast-1"></div>
<ul class="ui-listview app-hotel-breakfast-description">
<li class="ui-li-divider">
<div class="ui-li-text">
<span class="ui-li-text-title">
English Breakfast
</span>
<span class="ui-li-text-sub">
Delicious breakfast: fried egg, baked bacon, beans, sausages, tomato, bread, hot drink.
</span>
</div>
<div class="app-hotel-order">
<a href="breakfast-menu.html" class="ui-btn ui-btn-contained-colored" data-inline="true">Order</a>
</div>
</li>
<li class="ui-li-has-icon">
<div class="ui-li-icon">
<img src="images/tw_list_icon_wallpaper.svg"/>
</div>
<div class="ui-li-text">
<span class="ui-li-text-title">
Hotel Restaurant App
</span>
<span class="ui-li-text-sub">
Install full app from <a href="#" data-style="flat">App Store</a>
</span>
</div>
</li>
</ul>
</section>
<section class="ui-content-area">
<div class="app-hotel-breakfast-image app-breakfast-3"></div>
<ul class="ui-listview app-hotel-breakfast-description">
<li class="ui-li-divider">
<div class="ui-li-text">
<span class="ui-li-text-title">
Asian breakfast
</span>
<span class="ui-li-text-sub">
Healthy and delicious: fried egg, soup, seafood, vegetables, pickled and baked additives, rise.
</span>
</div>
<div class="app-hotel-order">
<a href="breakfast-menu.html" class="ui-btn ui-btn-contained-colored" data-inline="true">Order</a>
</div>
</li>
<li class="ui-li-has-icon">
<div class="ui-li-icon">
<img src="images/tw_list_icon_wallpaper.svg"/>
</div>
<div class="ui-li-text">
<span class="ui-li-text-title">
Hotel Restaurant App
</span>
<span class="ui-li-text-sub">
Install full app from <a href="#" data-style="flat">App Store</a>
</span>
</div>
</li>
</ul>
</section>
<section class="ui-content-area">
<div class="app-hotel-breakfast-image app-breakfast-2"></div>
<ul class="ui-listview app-hotel-breakfast-description">
<li class="ui-li-divider">
<div class="ui-li-text">
<span class="ui-li-text-title">
Vegetarian breakfast
</span>
<span class="ui-li-text-sub">
Healthy and nutritious: scrambled eggs, Greek feta cheese, tomatoes, avocado, banana mousse, bread.
</span>
</div>
<div class="app-hotel-order">
<a href="breakfast-menu.html" class="ui-btn ui-btn-contained-colored" data-inline="true">Order</a>
</div>
</li>
<li class="ui-li-has-icon">
<div class="ui-li-icon">
<img src="images/tw_list_icon_wallpaper.svg"/>
</div>
<div class="ui-li-text">
<span class="ui-li-text-title">
Hotel Restaurant App
</span>
<span class="ui-li-text-sub">
Install full app from <a href="#" data-style="flat">App Store</a>
</span>
</div>
</li>
</ul>
</section>
</div>
</div>
</div>
</div>

Expand Down Expand Up @@ -216,7 +284,7 @@ <h2>Channel 3</h2>
</li>
</ul>
</div>
<div class="ui-drawer" data-position="left" id="leftDrawer" data-drag-edge="50">
<div class="ui-drawer" data-position="left" id="leftDrawer" data-drag-edge="0">
<div class="ui-drawer-header">
<div class="ui-drawer-title">Home TV App</div>
</div>
Expand Down

0 comments on commit b38232e

Please sign in to comment.