pagelayout : content min height bug fix

[platform/framework/web/web-ui-fw.git] / src / widgets / pagelayout / js / jquery.mobile.tizen.pagelayout.js

diff --git a/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js b/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js
index 39d4164..319d64f 100755 (executable)
--- a/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js
+++ b/src/widgets/pagelayout/js/jquery.mobile.tizen.pagelayout.js
@@ -157,8 +157,8 @@
                                $elControlgroup = $elHeader.find( ":jqmData(role='controlgroup')" ),
                                $elContent = $elPage.find( ".ui-content" ),
                                next_id,
-                               $elFooter,
-                               $elFooterGroup,
+                               $elFooter = $( document ).find( ":jqmData(role='footer')" ),
+                               $elFooterGroup = $elFooter.find( ":jqmData(role='fieldcontain')" ),
                                gLength,
                                footerButton;
 
@@ -185,22 +185,8 @@
                                }
                        }
 
-                       $elFooter = $( document ).find( ":jqmData(role='footer')" );
-                       footerButton = $elFooter.children( "a" );
-                       footerButton.each( function ( i ) {
-                               if ( footerButton.eq( i ).is(".ui-btn") && !footerButton.eq( i ).is(".ui-btn-back") ) {
-                                       footerButton.eq( i )
-                                               .removeClass( "ui-btn-left" )
-                                               .addClass( "ui-btn-footer-right" );
-                               }
-                       });
-
-                       if ( $elFooter.find( ".ui-controlgroup" ).length ) {
-                               footerControlButton = $elFooter.find( ".ui-controlgroup a" );
-                               footerControlButtonWidth = 100 / $elFooter.find( ".ui-controlgroup a" ).length;
-                               footerControlButton.each( function ( i ) {
-                                       footerControlButton.eq( i ).css( "max-width", footerControlButtonWidth + "%" );
-                               });
+                       if ( $elFooterGroup.find( "div" ).is( ".ui-controlgroup-label" ) ) {
+                               $elFooterGroup.find( "div.ui-controlgroup-label" ).remove();
                        }
                },
 
@@ -221,6 +207,7 @@
                                                self.hide( true );
                                        }
                                        self.setHeaderFooter( event );
+                                       self._setContentMinHeight( event );
                                } )
                                .bind( "webkitAnimationStart animationstart updatelayout", function ( e, data ) {
                                        var thisPage = this;
@@ -234,12 +221,14 @@
                                        var thisPage = this;
                                        self.updatePagePadding(thisPage);
                                        self._updateHeaderArea();
+                                       self._setContentMinHeight( event );
                                        if ( o.updatePagePadding ) {
                                                $( window ).bind( "throttledresize." + self.widgetName, function () {
                                                        self.updatePagePadding(thisPage);
 
                                                        self.updatePageLayout();
                                                        self._updateHeaderArea();
+                                                       self._setContentMinHeight( event );
                                                });
                                        }
                                })
@@ -295,6 +284,22 @@
                                });
                },
 
+               _setContentMinHeight : function ( event ) {
+                       var $elPage = $( event.target ),
+                               $elHeader = $elPage.find( ":jqmData(role='header')" ),
+                               $elFooter = $elPage.find( ":jqmData(role='footer')" ),
+                               $elContent = $elPage.find( ":jqmData(role='content')" ),
+                               resultMinHeight;
+
+                       resultMinHeight = window.innerHeight - $elHeader.height() - $elFooter.height();
+
+                       if ( $.support.scrollview ) {
+                               $elContent.css( "min-height", resultMinHeight - parseFloat( $elContent.css("padding-top") ) - parseFloat( $elContent.css("padding-bottom") ) + "px" );
+                       } else {
+                               $elContent.css( "min-height", resultMinHeight + "px" );
+                       }
+               },
+
                _updateHeaderArea : function () {
                        var $elPage = $( ".ui-page-active" ),
                                $elHeader = $elPage.find( ":jqmData(role='header')" ).length ? $elPage.find( ":jqmData(role='header')") : $elPage.siblings( ":jqmData(role='header')"),