Tizenwinset: Reorder tizenwinset menu

UI widgets order has been changed and added sample pages

Change-Id: I028aac3ff26a199a6db73ff1cfff980a3e925d14

diff --git a/demos/tizen-winsets/index.html b/demos/tizen-winsets/index.html
index 91e1ef0..71837a3 100644 (file)
--- a/demos/tizen-winsets/index.html
+++ b/demos/tizen-winsets/index.html
@@ -31,45 +31,34 @@
                        <ul data-role="listview">
                                <li data-role="list-divider">WIDGETS</li>
                                <li><a href="widgets/pagelayout/backbutton-control.html">Back button control</a></li>
+                               <li><a href="widgets/list/lists-autodividers.html">Autodividers</a></li>
                                <li><a href="widgets/button/button.html">Button</a></li>
-                               <li><a href="widgets/buttonGrouping.html">Button group control(new segment)</a></li>
                                <li><a href="widgets/checkbox/checkbox.html">Checkbox</a></li>
                                <li><a href="widgets/ctxpopup.html">Context popup</a></li>
-                               <li><a href="widgets/datefield.html">Date picker,Time picker,and Date time picker</a></li>
-                               <li><a href="widgets/entry.html">Entry</a></li>
+                               <li><a href="widgets/datefield.html">Date picker,Time picker,and Date time picker</a></li>
+                               <li><a href="widgets/list/list-extendable.html">Extendable list</a></li>
                                <li><a href="widgets/fastscroll.html">Fast scroll</a></li>
                                <li><a href="widgets/switch/toggleswitch.html">Flip toggle switch</a></li>
                                <li><a href="widgets/gallery.html">Gallery</a></li>
                                <li><a href="widgets/handler.html">Handler</a></li>
-                               <li><a href="widgets/pagelayout/barcontrol.html">Header and footer</a></li>
+                               <li><a href="widgets/naviframe/headerandfooter.html">Header and footer</a></li>
                                <li><a href="widgets/list/list.html">List</a></li>
-                               <li><a href="widgets/list/lists-autodividers.html">List divider</a></li>
+                               <li><a href="widgets/list/list-divider.html">List divider</a></li>
                                <li><a href="widgets/multimediaview/multimediaview.html">Multimedia view</a></li>
-                               <li><a href="widgets/naviframe/naviframe.html">Naviframe</a></li>
                                <li><a href="widgets/tickernoti.html">Notification</a></li>
-                                <li><a href="widgets/tickernoti-interval.html">Notification - Interval</a></li>
                                <li><a href="widgets/popupwindow/popup.html">Popup</a></li>
+                               <li><a href="widgets/progress.html">Progress</a></li>
                                <li><a href="widgets/progressbar.html">Progress bar</a></li>
-                               <li><a href="widgets/radio/radio.html">Radio</a></li>
-                               <li><a href="widgets/scroll_jump.html">Scroll Jump</a></li>
-                               <li><a href="widgets/scrollview_x.html">Scroll view - Horizontal</a></li>
-                                <li><a href="widgets/scrollview_y.html">Scroll view - Vertical</a></li>
-                                <li><a href="widgets/scrollview_xy.html">Scroll view - XY</a></li>
                                <li><a href="widgets/searchbar/searchbar.html">Search filter bar</a></li>
-                               <li><a href="widgets/segmentctrl.html">Segment control</a></li>
-                               <li><a href="widgets/small-popup.html">Small popup</a></li>
-                                <li><a href="widgets/small-popup-interval.html">Small popup interval</a></li>
                                <li><a href="widgets/slider/slider.html">Slider</a></li>
-                               <li><a href="widgets/splitview.html">Split view</a></li>
+                               <li><a href="widgets/list/list-swipe.html">Swipe</a></li>
                                <li><a href="widgets/tabbar/tabbar.html">Tabbar</a></li>
-                               <li><a href="widgets/tabbar/tabbar_persist.html">Tabbar - Persist</a></li>
-                               <li><a href="widgets/tokentextarea/tokentextarea.html">Token text area</a></li>
+                               <li><a href="widgets/tokentextarea/tokentextarea.html" >Token text area</a></li>
+                               <li><a href="widgets/list/virtuallist.html">Virtual list</a></li>
                                <li><a href="widgets/grid/virtualgrid.html">Virtual grid</a></li>
-                                <li><a href="widgets/grid/virtualgrid-rotation.html">Virtual grid - Rotation</a></li>
-                                <li><a href="widgets/grid/virtualgrid-list.html">Virtual grid - List</a></li>
-                                <li><a href="widgets/grid/virtualgrid-x.html">Virtual grid - X</a></li>
-                                <li><a href="widgets/grid/virtualgrid-size.html">Virtual grid - Size</a></li>
                                <li data-role="list-divider">PROGRAMMING TIPS</li>
+                               <li><a href="widgets/pagelayout/backbutton-control.html">Back button control</a></li>
+                               <li><a href="widgets/scroll_jump.html">Scroll Jump</a></li>
                                <li><a href="tips/generate-elements-dynamically/generate-elements-dynamically.html">Generate Elements by JS</a></li>
                                <li><a href="tips/custom-globalize-culture/custom-globalize-culture.html">Using custom Globalize culture files</a></li>
                                <li><a href="tips/two-line-text/two-line-text.html">2 line text</a></li>
@@ -77,10 +66,24 @@
                                <li><a href="tips/page-transition/transition.html">Page transitions</a></li>
                                <li><a href="tips/pinch-event/pinch.html">Pinch Event</a></li>
                                <li><a href="tips/localeinfo.html">Locale Information</a></li>
-
+                               <li><a href="widgets/tabbar/tabbar_persist.html">Tabbar - Persist</a></li>
+                               <li><a href="widgets/grid/virtualgrid-rotation.html">Virtual grid - Rotation</a></li>
+                               <li><a href="widgets/grid/virtualgrid-list.html">Virtual grid - List</a></li>
+                               <li><a href="widgets/grid/virtualgrid-x.html">Virtual grid - X</a></li>
+                               <li><a href="widgets/grid/virtualgrid-size.html">Virtual grid - Size</a></li>
+                               <li><a href="widgets/small-popup.html">Small popup</a></li>
+                               <li><a href="widgets/small-popup-interval.html">Small popup interval</a></li>
+                               <li><a href="widgets/scrollview_x.html">Scroll view - Horizontal</a></li>
+                               <li><a href="widgets/scrollview_y.html">Scroll view - Vertical</a></li>
+                               <li><a href="widgets/scrollview_xy.html">Scroll view - XY</a></li>
+                               <li><a href="widgets/entry.html">Entry</a></li>
+                               <li><a href="widgets/segmentctrl.html">Segment control</a></li>
+                               <li><a href="widgets/radio/radio.html">Radio</a></li>
+                               <li><a href="widgets/naviframe/naviframe.html">Naviframe</a></li>
 <!-- START_PROPRIETARY -->
                                <li data-role="list-divider">EXPERIMENTAL</li>
                                <li><a href="widgets/gallery3d/gallery3d.html">Gallery 3D</a></li>
+                               <li><a href="widgets/splitview.html">Split view</a></li>
 <!-- END_PROPRIETARY -->
                        </ul>
                </div>

diff --git a/demos/tizen-winsets/widgets/checkbox/checkbox.html b/demos/tizen-winsets/widgets/checkbox/checkbox.html
index 114d6ec..f097802 100644 (file)
--- a/demos/tizen-winsets/widgets/checkbox/checkbox.html
+++ b/demos/tizen-winsets/widgets/checkbox/checkbox.html
@@ -19,7 +19,7 @@
        <body>
                <div data-role="page" id="checkbox-demo" data-add-back-btn="true">
                        <div data-role="header" data-position="fixed">
-                               <h1>CHECK</h1>
+                               <h1>cHECKBOX</h1>
                        </div>
                        <div data-role="content">
                                <div class="content-primary">

diff --git a/demos/tizen-winsets/widgets/ctxpopup.html b/demos/tizen-winsets/widgets/ctxpopup.html
index 5fc0706..93a79e4 100644 (file)
--- a/demos/tizen-winsets/widgets/ctxpopup.html
+++ b/demos/tizen-winsets/widgets/ctxpopup.html
@@ -20,7 +20,7 @@
        <body>
                <div data-role="page" id="ctxpopup-demo" data-add-back-btn="true">
                        <div data-role="header" data-position="fixed">
-                               <h1>CONTEXTUAL POPUP</h1>
+                               <h1>CONTEXT POPUP</h1>
                        </div>
                        <div class="content" data-role="content">
                                <div>

diff --git a/demos/tizen-winsets/widgets/handler.html b/demos/tizen-winsets/widgets/handler.html
index c1a0b06..679cce1 100644 (file)
--- a/demos/tizen-winsets/widgets/handler.html
+++ b/demos/tizen-winsets/widgets/handler.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <div data-role="page" data-add-back-btn="true">
        <div data-role="header" data-position="fixed">
-               <h1>HANDLER TEST</h1>
+               <h1>hANDLER</h1>
        </div><!-- /header -->
        <div data-role="content" data-scroll="y" data-handler="true">
                <ul data-role="listview">

diff --git a/demos/tizen-winsets/widgets/list/list-divider.html b/demos/tizen-winsets/widgets/list/list-divider.html
new file mode 100644 (file)
index 0000000..a7b870b
--- /dev/null
+++ b/demos/tizen-winsets/widgets/list/list-divider.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+       <head></head>
+       <body>
+       <div data-role="page" id="list" data-add-back-btn="true">
+                       <div data-role="header" data-position="fixed">
+                               <h1>List divider</h1>
+                       </div>
+                       <div data-role="content">
+                               <ul data-role="listview">
+                                       <li data-role="list-divider">Divider style</li>
+                                       <li><a href="list-divider_normal.html">Normal divider</a></li>
+                                       <li><a href="list-divider_groupped.html">Groupped divider</a></li>
+                                       <li><a href="list-divider_check.html">Check divider</a></li>
+                               </ul>
+                       </div>
+                       <div data-role="footer">
+                       </div>
+               </div>
+       </div>
+       </body>
+</html>

diff --git a/demos/tizen-winsets/widgets/list/list-swipe.html b/demos/tizen-winsets/widgets/list/list-swipe.html
index cdcf830..9cffe53 100644 (file)
--- a/demos/tizen-winsets/widgets/list/list-swipe.html
+++ b/demos/tizen-winsets/widgets/list/list-swipe.html
@@ -18,7 +18,7 @@
 
        </script>
        <div data-role="header" data-position="fixed">
-               <h1>SWIPE LISTS</h1>
+               <h1>SWIPE LIST</h1>
        </div>
        <div class="content" data-role="content">
                <ul data-role="listview">

diff --git a/demos/tizen-winsets/widgets/list/virtuallist.html b/demos/tizen-winsets/widgets/list/virtuallist.html
new file mode 100644 (file)
index 0000000..bae8317
--- /dev/null
+++ b/demos/tizen-winsets/widgets/list/virtuallist.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+       <head></head>
+       <body>
+       <div data-role="page" id="list" data-add-back-btn="true">
+                       <div data-role="header" data-position="fixed">
+                               <h1>Virtual list</h1>
+                       </div>
+                       <div data-role="content">
+                               <ul data-role="listview">
+                                       <li data-role="list-divider">Virtual List</li>
+                                       <li><a href="virtuallist-normal.html">Virtual List Normal Style 1line</a></li>
+                                       <li><a href="virtuallist-normal_3_1_4.html">Virtual List Normal Style 1line-btn1</a></li>
+                                       <li><a href="virtuallist-normal_3_1_14.html">Virtual List Normal Style 1line-bigicon5</a></li>
+                                       <li><a href="virtuallist-normal_3_2_7.html">Virtual List Normal Style 2line-star1</a></li>
+                               </ul>
+                       </div>
+                       <div data-role="footer">
+                       </div>
+               </div>
+       </div>
+       </body>
+</html>

diff --git a/demos/tizen-winsets/widgets/naviframe/headerandfooter.html b/demos/tizen-winsets/widgets/naviframe/headerandfooter.html
new file mode 100644 (file)
index 0000000..016c718
--- /dev/null
+++ b/demos/tizen-winsets/widgets/naviframe/headerandfooter.html
@@ -0,0 +1,46 @@
+<!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>
+               <title>Header and footer</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="NavigationbarMain" data-add-back-btn="true">
+               <div data-role="header" data-position="fixed">
+                       <h1>Header and footer</h1>
+               </div>
+               <div data-role="content">
+                       <div class="content-primary">
+                               <ul data-role="listview">
+                                       <li data-role="list-divider">Simple Naviframe Header Style</li>
+                                       <li><a href="naviframe_title_text.html">Title text</a></li>
+                                       <li><a href="naviframe_title_text_2_btn.html">Title text Button 2</a></li>
+                                       <li><a href="naviframe_title_text_1_btn.html">Title text Button 1</a></li>
+                                       <li><a href="naviframe_title_text_src.html">Image Title text</a></li>
+                                       <li><a href="naviframe_title_text_multiline.html">Title text Multiline</a></li>
+                                       <li><a href="naviframe_title_text_multiline_src.html">Image Title text Multiline</a></li>
+                                       <li><a href="naviframe_title_text_multiline_src_2_btn.html">Image Title text Multiline Button 02</a></li>
+                                       <li data-role="list-divider">Simple Naviframe Footer Style</li>
+                                       <li><a href="naviframe_footer_more.html">Footer more</a></li>
+                                       <li><a href="naviframe_footer_more_button.html">Footer with button</a></li>
+                               </ul>
+                       </div>
+               </div>
+               <div data-role="footer">
+               </div>
+       </div>
+</body>
+</html>

diff --git a/demos/tizen-winsets/widgets/popupwindow/popup.html b/demos/tizen-winsets/widgets/popupwindow/popup.html
index 6ae0db5..dbf3579 100644 (file)
--- a/demos/tizen-winsets/widgets/popupwindow/popup.html
+++ b/demos/tizen-winsets/widgets/popupwindow/popup.html
@@ -21,7 +21,7 @@
 
 <div data-role="page" id="popupwindow-demo" data-add-back-btn="true">
        <div data-role="header" data-position="fixed">
-               <h1>POPUP WINDOW</h1>
+               <h1>POPUP</h1>
        </div>
        <div class="content" data-role="content">
                <ul data-role="listview" data-icon="1line-textonly">

diff --git a/demos/tizen-winsets/widgets/progress.html b/demos/tizen-winsets/widgets/progress.html
new file mode 100644 (file)
index 0000000..b2b993e
--- /dev/null
+++ b/demos/tizen-winsets/widgets/progress.html
@@ -0,0 +1,40 @@
+<!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>
+               <title>Tizen UI - Checkbox</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" data-add-back-btn="true">
+                       <script>
+                               $(document).bind("pageshow" ,function(){
+                                       var currentRunning = $("#foo").progress("option", "running");
+                                       $("#foo").progress("running", true);
+                               });
+                       </script>
+                       <div data-role="header" data-position="fixed">
+                               <h1>Progress</h1>
+                       </div>
+                       <div data-role="content">
+                               <div style="width:100px;height:100px">
+                                       <div id="foo" data-role="progress" data-style="circle"></div>
+                               </div>
+                       </div> <!-- /content -->
+                       <div data-role="footer">
+                       </div>
+               </div> <!-- /page -->
+       </body>
+</html>

diff --git a/demos/tizen-winsets/widgets/searchbar/searchbar.html b/demos/tizen-winsets/widgets/searchbar/searchbar.html
index 223b1ea..734d0a1 100644 (file)
--- a/demos/tizen-winsets/widgets/searchbar/searchbar.html
+++ b/demos/tizen-winsets/widgets/searchbar/searchbar.html
@@ -19,7 +19,7 @@
 <body>
 <div data-role="page" data-add-back-btn="true">
        <div data-role="header" data-position ="fixed" >
-               <h1>SEARCHBAR LIST</h1>
+               <h1> LIST SEARCH FILTER BAR</h1>
        </div><!-- /header -->
 
        <div data-role="content">

diff --git a/demos/tizen-winsets/widgets/tabbar/tabbar.html b/demos/tizen-winsets/widgets/tabbar/tabbar.html
index 5ca5a4d..3b5c5fc 100644 (file)
--- a/demos/tizen-winsets/widgets/tabbar/tabbar.html
+++ b/demos/tizen-winsets/widgets/tabbar/tabbar.html
@@ -20,7 +20,7 @@
 
        <div data-role="page" data-add-back-btn="true">
                <div data-role="header" data-position="fixed">
-                       <h1>TABBAR DEMO</h1>
+                       <h1>tABBAR</h1>
                </div>
                <div data-role="content">
                        <div class="content-primary">