Move slider demo page to external subpage
authorPrzemyslaw Ciezkowski <p.ciezkowski@samsung.com>
Fri, 8 Mar 2013 13:50:58 +0000 (14:50 +0100)
committerYoumin Ha <youmin.ha@samsung.com>
Fri, 22 Mar 2013 11:20:36 +0000 (20:20 +0900)
Change-Id: Id57b25de466893179a173ec8161df95b50115ba8

demos/tizen-winsets/index.html
demos/tizen-winsets/widgets/slider/slider.html [new file with mode: 0644]

index 0cc1600..c0cdc1b 100644 (file)
@@ -42,7 +42,7 @@
                                <li><a href="widgets/entry.html">Entry</a></li>
                                <li><a href="widgets/datefield.html">Time picker</a></li>
                                <li><a href="widgets/progressbar.html">Progressbar</a></li>
-                               <li><a href="#slider-demo">Slider</a></li>
+                               <li><a href="widgets/slider/slider.html">Slider</a></li>
                                <li><a href="widgets/segmentctrl.html">Segment Control</a></li>
                                <li><a href="widgets/buttonGrouping.html">Group Control(new segment)</a></li>
                                <li><a href="#tokentextarea">Token Text Area</a></li>
                </div>
        </div>
 
-       <div data-role="page" id="slider-demo" data-add-back-btn="true">
-               <div data-role="header" data-position="fixed">
-                       <h1>Slider</h1>
-               </div>
-               <div data-role="content">
-                       <ul data-role="listview">
-                               <li data-role="list-divider">Normal Slider</li>
-                               <li><input id="mySlider1" name="mySlider1" data-popup='false' type="range" value="5" min="0" max="10" /></li>
-                               <li data-role="list-divider">Popup Slider</li>
-                               <li><input id="mySlider2" name="mySlider2" type="range" value="50" min="0" max="100" /></li>
-                               <li data-role="list-divider">Icon Slider</li>
-                               <li><input id="mySlider3" name="mySlider3" data-popup='false' type="range" value="5" min="0" max="10" data-icon='bright'/></li>
-                               <li><input id="mySlider4" name="mySlider4" data-popup='false' type="range" value="5" min="0" max="10" data-icon='volume'/></li>
-                               <li data-role="list-divider">Text Slider</li>
-                               <li><input id="mySlider5" name="mySlider5" data-popup='false' type="range" value="50" min="0" max="99" data-icon='text' data-text-left='0' data-text-right='99'/></li>
-                               <li><input id="mySlider6" name="mySlider6" data-popup='false' type="range" value="5" min="0" max="10" data-icon='text' data-text-left='Min' data-text-right='Max'/></li>
-                               <li data-role="list-divider">data-highlight="false"</li>
-                               <li><input id="mySlider7" name="mySlider7" data-popup='false' type="range" value="5" min="0" max="10" data-highlight="false" /></li>
-                       </ul>
-               </div><!-- /content -->
-               <div data-role="footer">
-               </div>
-       </div> <!-- /page -->
-
        <div data-role="page" id="tokentextarea" data-add-back-btn="true">
                <div data-role="header" data-position="fixed">
                        <h1>Token Text Area</h1>
diff --git a/demos/tizen-winsets/widgets/slider/slider.html b/demos/tizen-winsets/widgets/slider/slider.html
new file mode 100644 (file)
index 0000000..81be9ce
--- /dev/null
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+       <head>
+               <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
+               <script src="../../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
+               <script src="../../configure.js"></script>
+               <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
+               <script src="../../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
+                               data-framework-theme="tizen-white"
+                               data-framework-viewport-width="device-width">
+               </script>
+               <script src="../../main.js"></script>
+               <link rel="stylesheet" href="../../custom.css" />
+
+               <title>Tizen UI - Slider</title>
+
+               <!-- for compatibility test -->
+               <meta name="apple-mobile-web-app-capable" content="yes" />
+               <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+               <link rel="apple-touch-icon" href="../../icon-tizen.png" />
+       </head>
+       <body>
+               <div data-role="page" id="slider-demo" data-add-back-btn="true">
+                       <div data-role="header" data-position="fixed">
+                               <h1>Slider</h1>
+                       </div>
+                       <div data-role="content">
+                               <ul data-role="listview">
+                                       <li data-role="list-divider">Normal Slider</li>
+                                       <li><input id="mySlider1" name="mySlider1" data-popup='false' type="range" value="5" min="0" max="10" /></li>
+                                       <li data-role="list-divider">Popup Slider</li>
+                                       <li><input id="mySlider2" name="mySlider2" type="range" value="50" min="0" max="100" /></li>
+                                       <li data-role="list-divider">Icon Slider</li>
+                                       <li><input id="mySlider3" name="mySlider3" data-popup='false' type="range" value="5" min="0" max="10" data-icon='bright'/></li>
+                                       <li><input id="mySlider4" name="mySlider4" data-popup='false' type="range" value="5" min="0" max="10" data-icon='volume'/></li>
+                                       <li data-role="list-divider">Text Slider</li>
+                                       <li><input id="mySlider5" name="mySlider5" data-popup='false' type="range" value="50" min="0" max="99" data-icon='text' data-text-left='0' data-text-right='99'/></li>
+                                       <li><input id="mySlider6" name="mySlider6" data-popup='false' type="range" value="5" min="0" max="10" data-icon='text' data-text-left='Min' data-text-right='Max'/></li>
+                                       <li data-role="list-divider">data-highlight="false"</li>
+                                       <li><input id="mySlider7" name="mySlider7" data-popup='false' type="range" value="5" min="0" max="10" data-highlight="false" /></li>
+                               </ul>
+                       </div><!-- /content -->
+                       <div data-role="footer">
+                       </div>
+               </div> <!-- /page -->
+       </body>
+</html>