Pull Down Refresh: added new template

[Issue] Samsung#1561 [Problem] Pull down refresh needs implemented [Solution] - added new template in UIComponentes Signed-off-by: Tomasz Lukawski <t.lukawski@samsung.com>
TomaszLukawskiSam · Feb 1, 2021 · 97174da · 97174da
1 parent 9dab648
commit 97174da
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 1 deletion.
diff --git a/examples/mobile/UIComponents/components/progress/index.html b/examples/mobile/UIComponents/components/progress/index.html
@@ -42,6 +42,9 @@ <h1>Progress</h1>
 			<li class="ui-li-anchor">
 				<a href="progress-circle-indeterminate/progress-circle-indeterminate.html">Progress Circle Indeterminate</a>
 			</li>
+			<li class="ui-li-anchor">
+				<a href="pull-down-refresh.html">Pull Down Refresh</a>
+			</li>
 		</ul>
 	</div>
 </div>

diff --git a/examples/mobile/UIComponents/components/progress/pull-down-refresh.html b/examples/mobile/UIComponents/components/progress/pull-down-refresh.html
@@ -0,0 +1,28 @@
+<!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>
+	<title>Progress Bar</title>
+</head>
+
+<body>
+	<div class="ui-page ui-pull-down-refresh" id="pull-down-refresh">
+		<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>
+				Pull down refresh
+			</h1>
+		</header>
+		<div class="ui-content"></div>
+		<!-- /content -->
+	</div>
+	<!-- /page -->
+</body>
+
+</html>
diff --git a/src/css/profile/mobile/mobile.less b/src/css/profile/mobile/mobile.less
@@ -75,4 +75,5 @@
 @import "common/datetimepicker.less";
 @import "common/valuepicker.less";
 @import "common/chip.less";
-@import "common/badge.less";
+@import "common/badge.less";
+@import "common/pull-down-refresh.less";