H/W key issue fixed (sync to 0.2.44)

Change-Id: I0fca071b2422edc5fdd92e8c8ae01b2441b46690

diff --git a/widgets/checkbox/checkbox.js b/widgets/checkbox/checkbox.js
index b99ab4c..0b45a49 100644 (file)
--- a/widgets/checkbox/checkbox.js
+++ b/widgets/checkbox/checkbox.js
@@ -14,6 +14,7 @@ $( document ).one( "pagecreate", "#checkbox-demo", function () {
 
        $("input[type='checkbox']").on( "change", function (event, ui) {
                $( ".triggered-check" ).text( this.id + " is " + this.checked );
+               $( ".checked-value" ).text( $( "#checkbox-1" ).prop( "checked" ) );
        });
 
 });

diff --git a/widgets/gallery3d/gallery3d.html b/widgets/gallery3d/gallery3d.html
index e117374..1cd08fd 100644 (file)
--- a/widgets/gallery3d/gallery3d.html
+++ b/widgets/gallery3d/gallery3d.html
@@ -6,6 +6,7 @@
 
        <div data-role="content">
                <div id="gallery3d" data-role="gallery3d" style="width: 100%;"></div>
+               <div style="width:100%; white-space:nowrap; text-overflow:ellipsis;" id="filename">&nbsp;</div>
        </div><!-- /content -->
 
        <script>
@@ -32,6 +33,11 @@
                                        widget.gallery3d( "add", { src: "../test/0" + j + ".jpg" } );
                                }
                        }
+               }).on( "select", function ( e, data ) {
+                       var path = data.src,
+                               fileName = path.substring( path.lastIndexOf( '/' ) + 1 );
+
+                       $( "#filename" ).text( fileName );
                });
        </script>
 </div><!-- /page -->

diff --git a/widgets/grid/virtualgrid-list.html b/widgets/grid/virtualgrid-list.html
index bd55881..cea0606 100644 (file)
--- a/widgets/grid/virtualgrid-list.html
+++ b/widgets/grid/virtualgrid-list.html
@@ -1,4 +1,4 @@
-<div id="virtualgrid_list_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
+<div id="virtualgrid_list_page" data-role="page" class="virtualgrid_grid_demo">
        <div id="normal" data-role="header" data-position="fixed">
                <h1>Virtual grid - list</h1>
        </div>
@@ -15,8 +15,20 @@
                </script>
                <div id="virtualgrid-demo"  data-role="virtualgrid" data-rotation="false" data-template="tizen-demo-namecard"></div>
        </div>
-       <div data-role="footer">
-       </div>
+       <script>
+       $( "#virtualgrid_list_page" ).on( "pageshow" , function() {
+               $( window ).on( "tizenhwkey", function ( ev ) {
+                       if ( ev.originalEvent.keyName === "back" ) {
+                               //bind callbacks to the H/W keys
+                               window.history.back();
+                       }
+               });
+       });
+       $( "#virtualgrid_list_page" ).on( "pagebeforehide" , function() {
+               //unbind callbacks to the H/W keys
+               $( window ).off( "tizenhwkey" );
+       });
+       </script>
        <link rel="stylesheet" href="namecard.css" />
        <script type="text/javascript" src="virtualgrid.js"></script>
 </div>

diff --git a/widgets/grid/virtualgrid-rotation.html b/widgets/grid/virtualgrid-rotation.html
index ad5179e..be1478b 100644 (file)
--- a/widgets/grid/virtualgrid-rotation.html
+++ b/widgets/grid/virtualgrid-rotation.html
@@ -1,4 +1,4 @@
-<div id="virtualgrid_rotation_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
+<div id="virtualgrid_rotation_page" data-role="page" class="virtualgrid_grid_demo">
        <div id="normal" data-role="header" data-position="fixed">
                <h1>Virtual grid - rotation</h1>
        </div>
@@ -16,8 +16,20 @@
                <div id="virtualgrid-demo" data-role="virtualgrid" data-rotation="true" data-template="tizen-demo-namecard">
                </div>
        </div>
-       <div data-role="footer">
-       </div>
+       <script>
+       $( "#virtualgrid_rotation_page" ).on( "pageshow" , function() {
+               $( window ).on( "tizenhwkey", function ( ev ) {
+                       if ( ev.originalEvent.keyName === "back" ) {
+                               //bind callbacks to the H/W keys
+                               window.history.back();
+                       }
+               });
+       });
+       $( "#virtualgrid_rotation_page" ).on( "pagebeforehide" , function() {
+               //unbind callbacks to the H/W keys
+               $( window ).off( "tizenhwkey" );
+       });
+       </script>
        <link rel="stylesheet" href="namecard.css" />
        <script type="text/javascript" src="virtualgrid.js"></script>
 </div>

diff --git a/widgets/grid/virtualgrid-size.html b/widgets/grid/virtualgrid-size.html
index 144fb92..7ca3f5c 100644 (file)
--- a/widgets/grid/virtualgrid-size.html
+++ b/widgets/grid/virtualgrid-size.html
@@ -1,4 +1,4 @@
-<div id="virtualgrid_grid_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
+<div id="virtualgrid_grid_page" data-role="page" class="virtualgrid_grid_demo">
        <div data-role="header" data-position="fixed">
                <h1>Virtual grid - size</h1>
        </div>
@@ -16,8 +16,20 @@
                <div id="virtualgrid-demo" data-role="virtualgrid" data-direction="y" data-rotation="false" data-template="tizen-demo-namecard" style="width:250px; height:400px;">
                </div>
        </div>
-       <div data-role="footer">
-       </div>
+       <script>
+       $( "#virtualgrid_grid_page" ).on( "pageshow" , function() {
+               $( window ).on( "tizenhwkey", function ( ev ) {
+                       if ( ev.originalEvent.keyName === "back" ) {
+                               //bind callbacks to the H/W keys
+                               window.history.back();
+                       }
+               });
+       });
+       $( "#virtualgrid_grid_page" ).on( "pagebeforehide" , function() {
+               //unbind callbacks to the H/W keys
+               $( window ).off( "tizenhwkey" );
+       });
+       </script>
        <link rel="stylesheet" href="namecard.css" />
        <script type="text/javascript" src="virtualgrid.js"></script>
 </div>

diff --git a/widgets/grid/virtualgrid-x.html b/widgets/grid/virtualgrid-x.html
index b108814..4ac0431 100644 (file)
--- a/widgets/grid/virtualgrid-x.html
+++ b/widgets/grid/virtualgrid-x.html
@@ -1,4 +1,4 @@
-<div id="virtualgrid_x_page" data-role="page" class="virtualgrid_grid_demo" data-add-back-btn="true">
+<div id="virtualgrid_x_page" data-role="page" class="virtualgrid_grid_demo">
        <div id="normal" data-role="header" data-position="fixed">
                <h1>Virtual grid - x</h1>
        </div>
@@ -16,8 +16,20 @@
                <div id="virtualgrid-demo" data-direction="x" data-role="virtualgrid" data-template="tizen-demo-namecard">
                </div>
        </div>
-       <div data-role="footer">
-       </div>
+       <script>
+       $( "#virtualgrid_x_page" ).on( "pageshow" , function() {
+               $( window ).on( "tizenhwkey", function ( ev ) {
+                       if ( ev.originalEvent.keyName === "back" ) {
+                               //bind callbacks to the H/W keys
+                               window.history.back();
+                       }
+               });
+       });
+       $( "#virtualgrid_x_page" ).on( "pagebeforehide" , function() {
+               //unbind callbacks to the H/W keys
+               $( window ).off( "tizenhwkey" );
+       });
+       </script>
        <link rel="stylesheet" href="namecard.css" />
        <script type="text/javascript" src="virtualgrid.js"></script>
 </div>

diff --git a/widgets/list/list-swipe.html b/widgets/list/list-swipe.html
index 6c57158..5d097af 100644 (file)
--- a/widgets/list/list-swipe.html
+++ b/widgets/list/list-swipe.html
@@ -105,14 +105,13 @@
                                </li>
                </ul>
        </div>
-       <div data-role="footer" data-position ="fixed">
-                       API Test:
-                       <div data-role="button" data-inline="true" onclick="openSwipe()">
-                               Open
-                       </div>
-                       <div data-role="button" data-inline="true" onclick="closeSwipe()">
-                               Close
-                       </div>
+       <div data-role="footer">
+               <a data-role="button" data-inline="true" onclick="openSwipe()">
+               Open
+               </a>
+               <a data-role="button" data-inline="true" onclick="closeSwipe()">
+               Close
+               </a>
        </div>
        <script>
        $( "#genlist-swipe" ).on( "pageshow" , function() {

diff --git a/widgets/list/virtuallist-normal_3_1_4.html b/widgets/list/virtuallist-normal_3_1_4.html
index 5326457..005d05a 100644 (file)
--- a/widgets/list/virtuallist-normal_3_1_4.html
+++ b/widgets/list/virtuallist-normal_3_1_4.html
@@ -24,7 +24,7 @@
                </ul>
        </div>
        <script>
-       $( "#genlist-normal" ).on( "pageshow" , function() {
+       $( "#virtuallist-normal_1line-btn1" ).on( "pageshow" , function() {
                $( window ).on( "tizenhwkey", function ( ev ) {
                        if ( ev.originalEvent.keyName === "back" ) {
                                //bind callbacks to the H/W keys
@@ -32,7 +32,7 @@
                        }
                });
        });
-       $( "#genlist-normal" ).on( "pagebeforehide" , function() {
+       $( "#virtuallist-normal_1line-btn1" ).on( "pagebeforehide" , function() {
                //unbind callbacks to the H/W keys
                $( window ).off( "tizenhwkey" );
        });

diff --git a/widgets/list/virtuallist-normal_3_1_6.html b/widgets/list/virtuallist-normal_3_1_6.html
index 44f8a3e..2865a3d 100644 (file)
--- a/widgets/list/virtuallist-normal_3_1_6.html
+++ b/widgets/list/virtuallist-normal_3_1_6.html
@@ -1,5 +1,5 @@
 
-<div data-role="page" id="virtuallist-normal_1line-toggle" class="virtuallist_demo_page" data-add-back-btn="true">
+<div data-role="page" id="virtuallist-normal_1line-toggle" class="virtuallist_demo_page">
        <div data-role="header" data-position="fixed">
                <h1>VIRTUAL LIST - NORMAL STYLE 1LINE-TOGGLE</h1>
        </div>
@@ -13,7 +13,19 @@
                <ul id="virtuallist-normal_1line-toggle_ul" data-role="virtuallistview" data-template="tmp-1line-toggle" data-row="100">
                </ul>
        </div>
-       <div data-role="footer">
-       </div>
+       <script>
+       $( "#virtuallist-normal_1line-toggle" ).on( "pageshow" , function() {
+               $( window ).on( "tizenhwkey", function ( ev ) {
+                       if ( ev.originalEvent.keyName === "back" ) {
+                               //bind callbacks to the H/W keys
+                               window.history.back();
+                       }
+               });
+       });
+       $( "#virtuallist-normal_1line-toggle" ).on( "pagebeforehide" , function() {
+               //unbind callbacks to the H/W keys
+               $( window ).off( "tizenhwkey" );
+       });
+       </script>
        <script type="text/javascript" src="virtuallist.js"></script>
 </div>

diff --git a/widgets/multimediaview/multimediaview_audio.html b/widgets/multimediaview/multimediaview_audio.html
index 80f82e1..0654be2 100644 (file)
--- a/widgets/multimediaview/multimediaview_audio.html
+++ b/widgets/multimediaview/multimediaview_audio.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<div data-role="page" data-add-back-btn="true">
+<div data-role="page" id="audio">
        <script>
                $(document).bind("pageinit", function() {
                        $.mobile.tizen.disableContextMenu( $("div:jqmData(role='page')"));
@@ -14,6 +14,18 @@
                        <p>Your browser does not support the audio tag.</p>
                </audio>
        </div>
-       <div data-role="footer">
-       </div>
+       <script>
+       $( "#audio" ).on( "pageshow" , function() {
+               $( window ).on( "tizenhwkey", function ( ev ) {
+                       if ( ev.originalEvent.keyName === "back" ) {
+                               //bind callbacks to the H/W keys
+                               window.history.back();
+                       }
+               });
+       });
+       $( "#audio" ).on( "pagebeforehide" , function() {
+               //unbind callbacks to the H/W keys
+               $( window ).off( "tizenhwkey" );
+       });
+       </script>
 </div>

diff --git a/widgets/multimediaview/multimediaview_video.html b/widgets/multimediaview/multimediaview_video.html
index b761eb6..122b03b 100644 (file)
--- a/widgets/multimediaview/multimediaview_video.html
+++ b/widgets/multimediaview/multimediaview_video.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<div data-role="page" data-add-back-btn="true">
+<div data-role="page" id="video">
        <script>
                $(document).bind("pageinit", function() {
                        $.mobile.tizen.disableContextMenu( $("div:jqmData(role='page')"));
@@ -14,6 +14,18 @@
                        <p>Your browser does not support the video tag.</p>
                </video>
        </div>
-       <div data-role="footer">
-       </div>
+       <script>
+       $( "#video" ).on( "pageshow" , function() {
+               $( window ).on( "tizenhwkey", function ( ev ) {
+                       if ( ev.originalEvent.keyName === "back" ) {
+                               //bind callbacks to the H/W keys
+                               window.history.back();
+                       }
+               });
+       });
+       $( "#video" ).on( "pagebeforehide" , function() {
+               //unbind callbacks to the H/W keys
+               $( window ).off( "tizenhwkey" );
+       });
+       </script>
 </div>

diff --git a/widgets/naviframe/naviframe_footer_more.html b/widgets/naviframe/naviframe_footer_more.html
index 10525d0..4b3a3b4 100644 (file)
--- a/widgets/naviframe/naviframe_footer_more.html
+++ b/widgets/naviframe/naviframe_footer_more.html
@@ -26,7 +26,7 @@
                <p>Footer more sample</p>
        </div>
 
-       <div id="pop_js" data-role="popup" >
+       <div id="pop_js" data-role="popup" class="ui-ctxpopup-optionmenu">
                <ul data-role="listview">
                        <li><a href="#" data-rel="back">Settings</a></li>
                        <li><a href="#" data-rel="back">Add to contact</a></li>

diff --git a/widgets/naviframe/naviframe_footer_more_button.html b/widgets/naviframe/naviframe_footer_more_button.html
index 7841104..784472d 100644 (file)
--- a/widgets/naviframe/naviframe_footer_more_button.html
+++ b/widgets/naviframe/naviframe_footer_more_button.html
@@ -20,23 +20,22 @@
 
 <div data-role="page" id="navi_foot_button">
        <div data-role="header" data-position="fixed">
-               <h1>Footer more</h1>
+               <h1>Footer with button</h1>
        </div>
        <div data-role="content">
-               <p>Footer more sample</p>
+               <p>Footer with button sample</p>
        </div>
-       <div data-role="footer" data-position="fixed">
-               <div data-role="button" data-inline="true">BUTTON1</div>
-               <div data-role="button" data-inline="true">BUTTON2</div>
-
-               <div id="pop_js" data-role="popup" >
+       <div id="pop_js" data-role="popup" >
                <ul data-role="listview">
                        <li><a href="#" data-rel="back">Settings</a></li>
                        <li><a href="#" data-rel="back">Add to contact</a></li>
                        <li><a href="#" data-rel="back">Call log</a></li>
                        <li><a href="#" data-rel="back">Music</a></li>
                </ul>
-               </div>
+       </div>
+       <div data-role="footer">
+               <div data-role="button" data-inline="true" class="naviframe-button">BUTTON1</div>
+               <div data-role="button" data-inline="true" class="naviframe-button">BUTTON2</div>
        </div>
        <script>
        $( "#navi_foot_button" ).on( "pageshow" , function() {

diff --git a/widgets/naviframe/naviframe_title_text.html b/widgets/naviframe/naviframe_title_text.html
index de235ef..2bad702 100644 (file)
--- a/widgets/naviframe/naviframe_title_text.html
+++ b/widgets/naviframe/naviframe_title_text.html
@@ -22,7 +22,7 @@
                <div data-role="header" data-position="fixed">
                        <h1>Title text</h1>
                        <div data-role="button">Cancel</div>
-                       <div data-role="button">Cancel</div>
+                       <div data-role="button">OK</div>
                </div>
                <div data-role="content">
                        <p>title text sample</p>

diff --git a/widgets/popupwindow/popupwindow.js b/widgets/popupwindow/popupwindow.js
index f505747..bfd0740 100644 (file)
--- a/widgets/popupwindow/popupwindow.js
+++ b/widgets/popupwindow/popupwindow.js
@@ -4,6 +4,10 @@ $( document ).one( "pageinit", "#popupwindow-demo", function () {
                $("#textbox_popup").popup("close");
                return false;
        });
+       
+       $('#textbox_popup a').click(function(){
+               $('#textbox_popup input').val('');
+       });
 
        if ( $.tizen.__tizen__.util.isMobileBrowser() ) {
                 var direction = window.screen.orientation;

diff --git a/widgets/tabbar/tabbar_footer_more.html b/widgets/tabbar/tabbar_footer_more.html
index a4f3bf3..87e65c5 100644 (file)
--- a/widgets/tabbar/tabbar_footer_more.html
+++ b/widgets/tabbar/tabbar_footer_more.html
@@ -46,9 +46,10 @@
        </div>
        <script>
        $( "#tabbar_more" ).on( "pageshow" , function() {
-               $( window ).on( "tizenhwkey", function ( ev ) {
-                       if ( ev.originalEvent.keyName === "back" ) {
-                               //bind callbacks to the H/W keys
+               $( window ).on( "tizenhwkey" , function( e ) {
+                       if ( e.originalEvent.keyName === "menu" ) {
+                               $( "#pop_js" ).popup( "open" );
+                       }else if( e.originalEvent.keyName === "back" ) {
                                window.history.back();
                        }
                });