-
Notifications
You must be signed in to change notification settings - Fork 42
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[Issue] #1581 [Problem] No-item template is not implemented [Solution] Template implemented according to guideline Signed-off-by: Tomasz Lukawski <t.lukawski@samsung.com>
- Loading branch information
1 parent
f3a0042
commit 9fa39a4
Showing
11 changed files
with
244 additions
and
2 deletions.
There are no files selected for viewing
33 changes: 33 additions & 0 deletions
33
examples/mobile/UIComponents/components/no-item/appbar-no-item-description.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
|
||
<head> | ||
<meta content="width=device-width, user-scalable=no" name="viewport" /> | ||
<link href="../../lib/tau/mobile/theme/default/tau.css" rel="stylesheet" /> | ||
<link href="../../css/style.css" rel="stylesheet" /> | ||
<script data-build-remove="false" src="../../lib/tau/mobile/js/tau.js"> | ||
</script> | ||
</head> | ||
|
||
<body> | ||
<div class="ui-page"> | ||
<header> | ||
<div class="ui-appbar-left-icons-container"> | ||
<a href="#" class="ui-btn ui-btn-icon ui-btn-icon-back" data-style="flat" data-rel="back"></a> | ||
</div> | ||
<div class="ui-appbar-title-container"> | ||
<span class="ui-appbar-title">App name</span> | ||
</div> | ||
<div class="ui-appbar-action-buttons-container"> | ||
<button class="ui-btn ui-btn-icon ui-btn-icon-add" data-style="flat"></button> | ||
<button class="ui-btn ui-btn-icon ui-btn-icon-more" data-style="flat"></button> | ||
</div> | ||
</header> | ||
<div class="ui-content ui-no-item-content"> | ||
<div class="ui-no-item">No item</div> | ||
<div class="ui-no-item-description">After you purchase items, they will appear here.</div> | ||
</div> | ||
</div> | ||
</body> | ||
|
||
</html> |
32 changes: 32 additions & 0 deletions
32
examples/mobile/UIComponents/components/no-item/appbar-no-item.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,32 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
|
||
<head> | ||
<meta content="width=device-width, user-scalable=no" name="viewport" /> | ||
<link href="../../lib/tau/mobile/theme/default/tau.css" rel="stylesheet" /> | ||
<link href="../../css/style.css" rel="stylesheet" /> | ||
<script data-build-remove="false" src="../../lib/tau/mobile/js/tau.js"> | ||
</script> | ||
</head> | ||
|
||
<body> | ||
<div class="ui-page"> | ||
<header> | ||
<div class="ui-appbar-left-icons-container"> | ||
<a href="#" class="ui-btn ui-btn-icon ui-btn-icon-back" data-style="flat" data-rel="back"></a> | ||
</div> | ||
<div class="ui-appbar-title-container"> | ||
<span class="ui-appbar-title">App name</span> | ||
</div> | ||
<div class="ui-appbar-action-buttons-container"> | ||
<button class="ui-btn ui-btn-icon ui-btn-icon-add" data-style="flat"></button> | ||
<button class="ui-btn ui-btn-icon ui-btn-icon-more" data-style="flat"></button> | ||
</div> | ||
</header> | ||
<div class="ui-content ui-no-item-content"> | ||
<div class="ui-no-item">No item</div> | ||
</div> | ||
</div> | ||
</body> | ||
|
||
</html> |
51 changes: 51 additions & 0 deletions
51
examples/mobile/UIComponents/components/no-item/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,51 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
|
||
<head> | ||
<meta content="width=device-width, user-scalable=no" name="viewport" /> | ||
<link href="../../lib/tau/mobile/theme/default/tau.css" rel="stylesheet" /> | ||
<link href="../../css/style.css" rel="stylesheet" /> | ||
<script data-build-remove="false" src="../../lib/tau/mobile/js/tau.js"> | ||
</script> | ||
</head> | ||
|
||
<body> | ||
<div class="ui-page"> | ||
<header> | ||
<div class="ui-appbar-left-icons-container"> | ||
<a href="#" class="ui-btn ui-btn-icon ui-btn-icon-back" data-style="flat" data-rel="back"></a> | ||
</div> | ||
<h1> | ||
No item | ||
</h1> | ||
<div class="ui-appbar-action-buttons-container"> | ||
<button class="ui-btn ui-btn-icon ui-btn-icon-more" data-style="flat"></button> | ||
<select class="theme-changer" data-native-menu="false" style="display: none"> | ||
<option value="light"> | ||
Light Theme | ||
</option> | ||
<option value="dark" class="ui-dropdown-two-lines"> | ||
Dark Theme | ||
</option> | ||
</select> | ||
</div> | ||
</header> | ||
<div class="ui-content"> | ||
<ul class="ui-listview ui-content-area"> | ||
<li class="ui-li-anchor"> | ||
<a href="no-item-main-tab.html"> | ||
Appbar no item | ||
</a> | ||
</li> | ||
<li class="ui-li-anchor"> | ||
<a href="no-item-desc-main-tab.html"> | ||
Appbar no item + description | ||
</a> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
<script src="../../js/app.js"></script> | ||
</body> | ||
|
||
</html> |
44 changes: 44 additions & 0 deletions
44
examples/mobile/UIComponents/components/no-item/no-item-desc-main-tab.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,44 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
|
||
<head> | ||
<meta content="width=device-width, user-scalable=no" name="viewport" /> | ||
<link href="../../../lib/tau/mobile/theme/default/tau.css" rel="stylesheet" /> | ||
<link href="../../../css/style.css" rel="stylesheet" /> | ||
<script data-build-remove="false" src="../../../lib/tau/mobile/js/tau.js"> | ||
</script> | ||
</head> | ||
|
||
<body> | ||
<div class="ui-page"> | ||
<div class="ui-content"> | ||
<!-- this page will be replaced by page from link target of active tab --> | ||
</div> | ||
<div class="ui-main-tab ui-active"> | ||
<ul> | ||
<li class="ui-li-anchor"> | ||
<a class="ui-tab-active" href="./appbar-no-item-description.html"> | ||
One | ||
</a> | ||
</li> | ||
<li class="ui-li-anchor"> | ||
<a href="#"> | ||
Two | ||
</a> | ||
</li> | ||
<li class="ui-li-anchor"> | ||
<a href="#"> | ||
Three | ||
</a> | ||
</li> | ||
<li class="ui-li-anchor"> | ||
<a href="#"> | ||
Four | ||
</a> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</body> | ||
|
||
</html> |
44 changes: 44 additions & 0 deletions
44
examples/mobile/UIComponents/components/no-item/no-item-main-tab.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,44 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
|
||
<head> | ||
<meta content="width=device-width, user-scalable=no" name="viewport" /> | ||
<link href="../../../lib/tau/mobile/theme/default/tau.css" rel="stylesheet" /> | ||
<link href="../../../css/style.css" rel="stylesheet" /> | ||
<script data-build-remove="false" src="../../../lib/tau/mobile/js/tau.js"> | ||
</script> | ||
</head> | ||
|
||
<body> | ||
<div class="ui-page"> | ||
<div class="ui-content"> | ||
<!-- this page will be replaced by page from link target of active tab --> | ||
</div> | ||
<div class="ui-main-tab ui-active"> | ||
<ul> | ||
<li class="ui-li-anchor"> | ||
<a class="ui-tab-active" href="./appbar-no-item.html"> | ||
One | ||
</a> | ||
</li> | ||
<li class="ui-li-anchor"> | ||
<a href="#"> | ||
Two | ||
</a> | ||
</li> | ||
<li class="ui-li-anchor"> | ||
<a href="#"> | ||
Three | ||
</a> | ||
</li> | ||
<li class="ui-li-anchor"> | ||
<a href="#"> | ||
Four | ||
</a> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</body> | ||
|
||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,23 @@ | ||
.ui-no-item { | ||
.font(regular); | ||
font-size: 19 * @sp_base; | ||
color: var(--text-no-item-color); | ||
max-width: 75%; | ||
|
||
&-content { | ||
.ui-scrollview-view { | ||
display: flex; | ||
flex-direction: column; | ||
align-items: center; | ||
justify-content: center; | ||
} | ||
} | ||
|
||
&-description { | ||
font-size: 14 * @sp_base; | ||
line-height: 17 * @px_base; | ||
color: var(--text-no-item-desc-color); | ||
margin-top: 13 * @px_base; | ||
max-width: 75%; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters