Add backbutton to appbar and button section

[Issue] #1188 [Problem] [UiComponents] App doesn't have back button in every place. [Solution] - Add backbutton to sections Appbar and Button Signed-off-by: Kornelia Kobiela <korneliak.95@gmail.com>
Samsung · Jul 20, 2020 · deb2806 · deb2806
1 parent 059a6b0
commit deb2806
Show file tree

Hide file tree

Showing 17 changed files with 59 additions and 2 deletions.
diff --git a/examples/mobile/UIComponents/components/appbar/bottom-bar/index.html b/examples/mobile/UIComponents/components/appbar/bottom-bar/index.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="header-footer-demo-page">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				Bottom bar
 			</h1>

diff --git a/examples/mobile/UIComponents/components/appbar/multiline-title.html b/examples/mobile/UIComponents/components/appbar/multiline-title.html
@@ -12,9 +12,12 @@
 <body>
 	<div class="ui-page" id="multilineTitle">
 		<header>
-			<div class="ui-appbar-title-container">
-				Multiline
+			<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>
+			<h2>
+				Multiline
+			</h2>
 		</header>
 		<div class="ui-content">
 			<ul class="ui-listview ui-content-area">

diff --git a/examples/mobile/UIComponents/components/appbar/multiline/multiline-title.html b/examples/mobile/UIComponents/components/appbar/multiline/multiline-title.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="multilineTitle">
 		<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-expanded-title-container">
 				<span class="ui-appbar-title">Swipe to call or send message</span>
 			</div>	

diff --git a/examples/mobile/UIComponents/components/appbar/multiline/subtitle.html b/examples/mobile/UIComponents/components/appbar/multiline/subtitle.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="subtitle">
 		<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 ui-appbar-has-subtitle">
 				<span class="ui-appbar-title">Sample title</span>
 				<span class="ui-appbar-title ui-appbar-subtitle">Value text</span>

diff --git a/examples/mobile/UIComponents/components/appbar/title.html b/examples/mobile/UIComponents/components/appbar/title.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="simpleTitle">
 		<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">Sample title</span>
 			</div>

diff --git a/examples/mobile/UIComponents/components/buttons/contained/body-area/2-buttons.html b/examples/mobile/UIComponents/components/buttons/contained/body-area/2-buttons.html
@@ -11,6 +11,12 @@
 
 <body>
 	<div class="ui-page" id="ContainedButtonsBodyArea2Buttons">
+		<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>
+			<h2>2 buttons</h2>
+		</header>
 		<div class="ui-content">
 		</div>
 		<footer class="ui-bottom-button">

diff --git a/examples/mobile/UIComponents/components/buttons/contained/body-area/contained-body.html b/examples/mobile/UIComponents/components/buttons/contained/body-area/contained-body.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="ContainedButtonsBodyAreaDemo">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				Body area buttons
 			</h1>

diff --git a/examples/mobile/UIComponents/components/buttons/contained/body-area/index.html b/examples/mobile/UIComponents/components/buttons/contained/body-area/index.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				Contained buttons
 			</h1>

diff --git a/examples/mobile/UIComponents/components/buttons/contained/emphasis/high-emphasis.html b/examples/mobile/UIComponents/components/buttons/contained/emphasis/high-emphasis.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="ContainedButtonsHighEmphasisDemo">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				Title
 			</h1>

diff --git a/examples/mobile/UIComponents/components/buttons/contained/emphasis/index.html b/examples/mobile/UIComponents/components/buttons/contained/emphasis/index.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				Contained button (Emphasis)
 			</h1>

diff --git a/examples/mobile/UIComponents/components/buttons/contained/emphasis/medium-emphasis-list.html b/examples/mobile/UIComponents/components/buttons/contained/emphasis/medium-emphasis-list.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="ContainedButtonsMediumEmphasisListDemo">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				Title
 			</h1>

diff --git a/examples/mobile/UIComponents/components/buttons/contained/emphasis/medium-emphasis.html b/examples/mobile/UIComponents/components/buttons/contained/emphasis/medium-emphasis.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="ContainedButtonsMediumEmphasisDemo">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				Title
 			</h1>

diff --git a/...ples/mobile/UIComponents/components/buttons/contained/emphasis/medium-high-emphasis1.html b/...ples/mobile/UIComponents/components/buttons/contained/emphasis/medium-high-emphasis1.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="ContainedButtonsMediumHighEmphasis1Demo">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				Title
 			</h1>

diff --git a/...ples/mobile/UIComponents/components/buttons/contained/emphasis/medium-high-emphasis2.html b/...ples/mobile/UIComponents/components/buttons/contained/emphasis/medium-high-emphasis2.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="ContainedButtonMediumHighEmphasis1Demo">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				Title
 			</h1>

diff --git a/examples/mobile/UIComponents/components/buttons/contained/index.html b/examples/mobile/UIComponents/components/buttons/contained/index.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="ContainedButtonsDemo">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				Contained buttons
 			</h1>

diff --git a/examples/mobile/UIComponents/components/buttons/contained/list-area/contained-list.html b/examples/mobile/UIComponents/components/buttons/contained/list-area/contained-list.html
@@ -12,6 +12,9 @@
 <body>
 	<div class="ui-page" id="ContainedButtonsOnListDemo">
 		<div class="ui-header" data-position="fixed">
+			<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>
 				List Buttons
 			</h1>

diff --git a/examples/mobile/UIComponents/components/buttons/fab.html b/examples/mobile/UIComponents/components/buttons/fab.html
@@ -11,6 +11,12 @@
 
 <body>
 	<div class="ui-page" id="FabButtonDemo">
+		<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>Title</h1>
+		</header>
 		<div class="ui-content">
 			<button data-icon="add" data-style="fab"></button>
 		</div>