1778

pending completion

Build # 1778

Build Type

push

travis-ci

Committed by

gabrielschulhof

Commit Message

Table: remove reflow CSS hack for Safari <= 5

It causes problems with assistive technology not being able to detect tables.

This effectively reverts bafa5d95d, thus
removing the fix for gh-5380.

(cherry picked from commit 71c823e81)

Closes gh-6584
Fixes gh-6583
Re gh-5380

Run Details

3497 of 4202 relevant lines covered (83.22%)

654.64 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

78.21

/js/widgets/panel.js

//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
//>>description: Responsive presentation and behavior for HTML data panels
//>>label: Panel
//>>group: Widgets
//>>css.structure: ../css/structure/jquery.mobile.panel.css
//>>css.theme: ../css/themes/default/jquery.mobile.theme.css

define( [ "jquery", "../jquery.mobile.widget", "./page" ], function( jQuery ) {
//>>excludeEnd("jqmBuildExclude");
(function( $, undefined ) {

$.widget( "mobile.panel", {
        options: {
                classes: {
                        panel: "ui-panel",
                        panelOpen: "ui-panel-open",
                        panelClosed: "ui-panel-closed",
                        panelFixed: "ui-panel-fixed",
                        panelInner: "ui-panel-inner",
                        modal: "ui-panel-dismiss",
                        modalOpen: "ui-panel-dismiss-open",
                        pageContainer: "ui-panel-page-container",
                        pageWrapper: "ui-panel-wrapper",
                        pageFixedToolbar: "ui-panel-fixed-toolbar",
                        pageContentPrefix: "ui-panel-page-content", /* Used for wrapper and fixed toolbars position, display and open classes. */
                        animate: "ui-panel-animate"
                },
                animate: true,
                theme: null,
                position: "left",
                dismissible: true,
                display: "reveal", //accepts reveal, push, overlay
                swipeClose: true,
                positionFixed: false
        },

        _closeLink: null,
        _parentPage: null,
        _page: null,
        _modal: null,
        _panelInner: null,
        _wrapper: null,
        _fixedToolbars: null,

        _create: function() {
                var el = this.element,
                        parentPage = el.closest( ".ui-page, :jqmData(role='page')" );

                // expose some private props to other methods
                $.extend( this, {
                        _closeLink: el.find( ":jqmData(rel='close')" ),
                        _parentPage: ( parentPage.length > 0 ) ? parentPage : false,
                        _openedPage: null,
                        _page: this._getPage,
                        _panelInner: this._getPanelInner(),
                        _fixedToolbars: this._getFixedToolbars
                });
                if ( this.options.display !== "overlay" ){
                        this._getWrapper();
                }
                this._addPanelClasses();

                // if animating, add the class to do so
                if ( $.support.cssTransform3d && !!this.options.animate ) {
                        this.element.addClass( this.options.classes.animate );
                }

                this._bindUpdateLayout();
                this._bindCloseEvents();
                this._bindLinkListeners();
                this._bindPageEvents();

                if ( !!this.options.dismissible ) {
                        this._createModal();
                }

                this._bindSwipeEvents();
        },

        _getPanelInner: function() {
                var panelInner = this.element.find( "." + this.options.classes.panelInner );

                if ( panelInner.length === 0 ) {
                        panelInner = this.element.children().wrapAll( "<div class='" + this.options.classes.panelInner + "' />" ).parent();
                }

                return panelInner;
        },

        _createModal: function() {
                var self = this,
                        target = self._parentPage ? self._parentPage.parent() : self.element.parent();

                self._modal = $( "<div class='" + self.options.classes.modal + "'></div>" )
                        .on( "mousedown", function() {
                                self.close();
                        })
                        .appendTo( target );
        },

        _getPage: function() {
                var page = this._openedPage || this._parentPage || $( "." + $.mobile.activePageClass );

                return page;
        },

        _getWrapper: function() {
                var wrapper = this._page().find( "." + this.options.classes.pageWrapper );
                if ( wrapper.length === 0 ) {
                        wrapper = this._page().children( ".ui-header:not(.ui-header-fixed), .ui-content:not(.ui-popup), .ui-footer:not(.ui-footer-fixed)" )
                                .wrapAll( "<div class='" + this.options.classes.pageWrapper + "'></div>" )
                                .parent();
                }

                this._wrapper = wrapper;
        },

        _getFixedToolbars: function() {
                var extFixedToolbars = $( "body" ).children( ".ui-header-fixed, .ui-footer-fixed" ),
                        intFixedToolbars = this._page().find( ".ui-header-fixed, .ui-footer-fixed" ),
                        fixedToolbars = extFixedToolbars.add( intFixedToolbars ).addClass( this.options.classes.pageFixedToolbar );

                return fixedToolbars;
        },

        _getPosDisplayClasses: function( prefix ) {
                return prefix + "-position-" + this.options.position + " " + prefix + "-display-" + this.options.display;
        },

        _getPanelClasses: function() {
                var panelClasses = this.options.classes.panel +
                        " " + this._getPosDisplayClasses( this.options.classes.panel ) +
                        " " + this.options.classes.panelClosed +
                        " " + "ui-body-" + ( this.options.theme ? this.options.theme : "inherit" );

                if ( !!this.options.positionFixed ) {
                        panelClasses += " " + this.options.classes.panelFixed;
                }

                return panelClasses;
        },

        _addPanelClasses: function() {
                this.element.addClass( this._getPanelClasses() );
        },

        _handleCloseClick: function( event ) {
                if ( !event.isDefaultPrevented() ) {
                        this.close();
                }
        },

        _bindCloseEvents: function() {
                this._on( this._closeLink, {
                        "click": "_handleCloseClick"
                });

                this._on({
                        "click a:jqmData(ajax='false')": "_handleCloseClick"
                });
        },

        _positionPanel: function( scrollToTop ) {
                var self = this,
                        panelInnerHeight = self._panelInner.outerHeight(),
                        expand = panelInnerHeight > $.mobile.getScreenHeight();

                if ( expand || !self.options.positionFixed ) {
                        if ( expand ) {
                                self._unfixPanel();
                                $.mobile.resetActivePageHeight( panelInnerHeight );
                        }
                        if ( scrollToTop ) {
                                this.window[ 0 ].scrollTo( 0, $.mobile.defaultHomeScroll );
                        }
                } else {
                        self._fixPanel();
                }
        },

        _bindFixListener: function() {
                this._on( $( window ), { "throttledresize": "_positionPanel" });
        },

        _unbindFixListener: function() {
                this._off( $( window ), "throttledresize" );
        },

        _unfixPanel: function() {
                if ( !!this.options.positionFixed && $.support.fixedPosition ) {
                        this.element.removeClass( this.options.classes.panelFixed );
                }
        },

        _fixPanel: function() {
                if ( !!this.options.positionFixed && $.support.fixedPosition ) {
                        this.element.addClass( this.options.classes.panelFixed );
                }
        },

        _bindUpdateLayout: function() {
                var self = this;

                self.element.on( "updatelayout", function(/* e */) {
                        if ( self._open ) {
                                self._positionPanel();
                        }
                });
        },

        _bindLinkListeners: function() {
                this._on( "body", {
                        "click a": "_handleClick"
                });

        },

        _handleClick: function( e ) {
                var link,
                        panelId = this.element.attr( "id" );

                if ( e.currentTarget.href.split( "#" )[ 1 ] === panelId && panelId !== undefined ) {

                        e.preventDefault();
                        link = $( e.target );
                        if ( link.hasClass( "ui-btn" ) ) {
                                link.addClass( $.mobile.activeBtnClass );
                                this.element.one( "panelopen panelclose", function() {
                                        link.removeClass( $.mobile.activeBtnClass );
                                });
                        }
                        this.toggle();
                }
        },

        _bindSwipeEvents: function() {
                var self = this,
                        area = self._modal ? self.element.add( self._modal ) : self.element;

                // on swipe, close the panel
                if ( !!self.options.swipeClose ) {
                        if ( self.options.position === "left" ) {
                                area.on( "swipeleft.panel", function(/* e */) {
                                        self.close();
                                });
                        } else {
                                area.on( "swiperight.panel", function(/* e */) {
                                        self.close();
                                });
                        }
                }
        },

        _bindPageEvents: function() {
                var self = this;

                this.document
                        // Close the panel if another panel on the page opens
                        .on( "panelbeforeopen", function( e ) {
                                if ( self._open && e.target !== self.element[ 0 ] ) {
                                        self.close();
                                }
                        })
                        // On escape, close? might need to have a target check too...
                        .on( "keyup.panel", function( e ) {
                                if ( e.keyCode === 27 && self._open ) {
                                        self.close();
                                }
                        });
                if ( !this._parentPage && this.options.display !== "overlay" ) {
                        this._on( this.document, {
                                "pageshow": "_getWrapper"
                        });
                }
                // Clean up open panels after page hide
                if ( self._parentPage ) {
                        this.document.on( "pagehide", ":jqmData(role='page')", function() {
                                if ( self._open ) {
                                        self.close( true );
                                }
                        });
                } else {
                        this.document.on( "pagebeforehide", function() {
                                if ( self._open ) {
                                        self.close( true );
                                }
                        });
                }
        },

        // state storage of open or closed
        _open: false,
        _pageContentOpenClasses: null,
        _modalOpenClasses: null,

        open: function( immediate ) {
                if ( !this._open ) {
                        var self = this,
                                o = self.options,

                                _openPanel = function() {
                                        self.document.off( "panelclose" );
                                        self._page().jqmData( "panel", "open" );

                                        if ( $.support.cssTransform3d && !!o.animate && o.display !== "overlay" ) {
                                                self._wrapper.addClass( o.classes.animate );
                                                self._fixedToolbars().addClass( o.classes.animate );
                                        }

                                        if ( !immediate && $.support.cssTransform3d && !!o.animate ) {
                                                ( self._wrapper || self.element )
                                                        .animationComplete( complete, "transition" );
                                        } else {
                                                setTimeout( complete, 0 );
                                        }

                                        if ( o.theme && o.display !== "overlay" ) {
                                                self._page().parent()
                                                        .addClass( o.classes.pageContainer + "-themed " + o.classes.pageContainer + "-" + o.theme );
                                        }

                                        self.element
                                                .removeClass( o.classes.panelClosed )
                                                .addClass( o.classes.panelOpen );

                                        self._positionPanel( true );

                                        self._pageContentOpenClasses = self._getPosDisplayClasses( o.classes.pageContentPrefix );

                                        if ( o.display !== "overlay" ) {
                                                self._page().parent().addClass( o.classes.pageContainer );
                                                self._wrapper.addClass( self._pageContentOpenClasses );
                                                self._fixedToolbars().addClass( self._pageContentOpenClasses );
                                        }

                                        self._modalOpenClasses = self._getPosDisplayClasses( o.classes.modal ) + " " + o.classes.modalOpen;
                                        if ( self._modal ) {
                                                self._modal
                                                        .addClass( self._modalOpenClasses )
                                                        .height( Math.max( self._modal.height(), self.document.height() ) );
                                        }
                                },
                                complete = function() {

                                        // Bail if the panel was closed before the opening animation has completed
                                        if ( !self._open ) {
                                                return;
                                        }

                                        if ( o.display !== "overlay" ) {
                                                self._wrapper.addClass( o.classes.pageContentPrefix + "-open" );
                                                self._fixedToolbars().addClass( o.classes.pageContentPrefix + "-open" );
                                        }

                                        self._bindFixListener();

                                        self._trigger( "open" );

                                        self._openedPage = self._page();
                                };

                        self._trigger( "beforeopen" );

                        if ( self._page().jqmData( "panel" ) === "open" ) {
                                self.document.on( "panelclose", function() {
                                        _openPanel();
                                });
                        } else {
                                _openPanel();
                        }

                        self._open = true;
                }
        },

        close: function( immediate ) {
                if ( this._open ) {
                        var self = this,
                                o = this.options,

                                _closePanel = function() {

                                        self.element.removeClass( o.classes.panelOpen );

                                        if ( o.display !== "overlay" ) {
                                                self._wrapper.removeClass( self._pageContentOpenClasses );
                                                self._fixedToolbars().removeClass( self._pageContentOpenClasses );
                                        }

                                        if ( !immediate && $.support.cssTransform3d && !!o.animate ) {
                                                ( self._wrapper || self.element )
                                                        .animationComplete( complete, "transition" );
                                        } else {
                                                setTimeout( complete, 0 );
                                        }

                                        if ( self._modal ) {
                                                self._modal
                                                        .removeClass( self._modalOpenClasses )
                                                        .height( "" );
                                        }
                                },
                                complete = function() {
                                        if ( o.theme && o.display !== "overlay" ) {
                                                self._page().parent().removeClass( o.classes.pageContainer + "-themed " + o.classes.pageContainer + "-" + o.theme );
                                        }

                                        self.element.addClass( o.classes.panelClosed );

                                        if ( o.display !== "overlay" ) {
                                                self._page().parent().removeClass( o.classes.pageContainer );
                                                self._wrapper.removeClass( o.classes.pageContentPrefix + "-open" );
                                                self._fixedToolbars().removeClass( o.classes.pageContentPrefix + "-open" );
                                        }

                                        if ( $.support.cssTransform3d && !!o.animate && o.display !== "overlay" ) {
                                                self._wrapper.removeClass( o.classes.animate );
                                                self._fixedToolbars().removeClass( o.classes.animate );
                                        }

                                        self._fixPanel();
                                        self._unbindFixListener();
                                        $.mobile.resetActivePageHeight();

                                        self._page().jqmRemoveData( "panel" );

                                        self._trigger( "close" );

                                        self._openedPage = null;
                                };

                        self._trigger( "beforeclose" );

                        _closePanel();

                        self._open = false;
                }
        },

        toggle: function() {
                this[ this._open ? "close" : "open" ]();
        },

        _destroy: function() {
                var otherPanels,
                o = this.options,
                multiplePanels = ( $( "body > :mobile-panel" ).length + $.mobile.activePage.find( ":mobile-panel" ).length ) > 1;

                if ( o.display !== "overlay" ) {

                        //  remove the wrapper if not in use by another panel
                        otherPanels = $( "body > :mobile-panel" ).add( $.mobile.activePage.find( ":mobile-panel" ) );
                        if ( otherPanels.not( ".ui-panel-display-overlay" ).not( this.element ).length === 0 ) {
                                this._wrapper.children().unwrap();
                        }

                        if ( this._open ) {

                                this._fixedToolbars().removeClass( o.classes.pageContentPrefix + "-open" );

                                if ( $.support.cssTransform3d && !!o.animate ) {
                                        this._fixedToolbars().removeClass( o.classes.animate );
                                }

                                this._page().parent().removeClass( o.classes.pageContainer );

                                if ( o.theme ) {
                                        this._page().parent().removeClass( o.classes.pageContainer + "-themed " + o.classes.pageContainer + "-" + o.theme );
                                }
                        }
                }

                if ( !multiplePanels ) {

                        this.document.off( "panelopen panelclose" );

                }

                if ( this._open ) {
                        this._page().jqmRemoveData( "panel" );
                }

                this._panelInner.children().unwrap();

                this.element
                        .removeClass( [ this._getPanelClasses(), o.classes.panelOpen, o.classes.animate ].join( " " ) )
                        .off( "swipeleft.panel swiperight.panel" )
                        .off( "panelbeforeopen" )
                        .off( "panelhide" )
                        .off( "keyup.panel" )
                        .off( "updatelayout" );

                if ( this._modal ) {
                        this._modal.remove();
                }
        }
});

})( jQuery );
//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
});
//>>excludeEnd("jqmBuildExclude");

1	//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
2	//>>description: Responsive presentation and behavior for HTML data panels
3	//>>label: Panel
4	//>>group: Widgets
5	//>>css.structure: ../css/structure/jquery.mobile.panel.css
6	//>>css.theme: ../css/themes/default/jquery.mobile.theme.css
7
8	define( [ "jquery", "../jquery.mobile.widget", "./page" ], function( jQuery ) {	9✔
9	//>>excludeEnd("jqmBuildExclude");
10	(function( $, undefined ) {	9✔
11
12	$.widget( "mobile.panel", {	9✔
13	options: {
14	classes: {
15	panel: "ui-panel",
16	panelOpen: "ui-panel-open",
17	panelClosed: "ui-panel-closed",
18	panelFixed: "ui-panel-fixed",
19	panelInner: "ui-panel-inner",
20	modal: "ui-panel-dismiss",
21	modalOpen: "ui-panel-dismiss-open",
22	pageContainer: "ui-panel-page-container",
23	pageWrapper: "ui-panel-wrapper",
24	pageFixedToolbar: "ui-panel-fixed-toolbar",
25	pageContentPrefix: "ui-panel-page-content", /* Used for wrapper and fixed toolbars position, display and open classes. */
26	animate: "ui-panel-animate"
27	},
28	animate: true,
29	theme: null,
30	position: "left",
31	dismissible: true,
32	display: "reveal", //accepts reveal, push, overlay
33	swipeClose: true,
34	positionFixed: false
35	},
36
37	_closeLink: null,
38	_parentPage: null,
39	_page: null,
40	_modal: null,
41	_panelInner: null,
42	_wrapper: null,
43	_fixedToolbars: null,
44
45	_create: function() {
46	var el = this.element,	60✔
47	parentPage = el.closest( ".ui-page, :jqmData(role='page')" );
48
49	// expose some private props to other methods
50	$.extend( this, {	60✔
51	_closeLink: el.find( ":jqmData(rel='close')" ),
52	_parentPage: ( parentPage.length > 0 ) ? parentPage : false,
53	_openedPage: null,
54	_page: this._getPage,
55	_panelInner: this._getPanelInner(),
56	_fixedToolbars: this._getFixedToolbars
57	});
58	if ( this.options.display !== "overlay" ){	60✔
59	this._getWrapper();	57✔
60	}
61	this._addPanelClasses();	60✔
62
63	// if animating, add the class to do so
64	if ( $.support.cssTransform3d && !!this.options.animate ) {	60✔
65	this.element.addClass( this.options.classes.animate );	×
66	}
67
68	this._bindUpdateLayout();	60✔
69	this._bindCloseEvents();	60✔
70	this._bindLinkListeners();	60✔
71	this._bindPageEvents();	60✔
72
73	if ( !!this.options.dismissible ) {	60✔
74	this._createModal();	60✔
75	}
76
77	this._bindSwipeEvents();	60✔
78	},
79
80	_getPanelInner: function() {
81	var panelInner = this.element.find( "." + this.options.classes.panelInner );	60✔
82
83	if ( panelInner.length === 0 ) {	60✔
84	panelInner = this.element.children().wrapAll( "<div class='" + this.options.classes.panelInner + "' />" ).parent();	60✔
85	}
86
87	return panelInner;	60✔
88	},
89
90	_createModal: function() {
91	var self = this,	60✔
92	target = self._parentPage ? self._parentPage.parent() : self.element.parent();
93
94	self._modal = $( "<div class='" + self.options.classes.modal + "'></div>" )	60✔
95	.on( "mousedown", function() {
96	self.close();	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
97	})
98	.appendTo( target );
99	},
100
101	_getPage: function() {
102	var page = this._openedPage \|\| this._parentPage \|\| $( "." + $.mobile.activePageClass );	600✔
103
104	return page;	600✔
105	},
106
107	_getWrapper: function() {
108	var wrapper = this._page().find( "." + this.options.classes.pageWrapper );	75✔
109	if ( wrapper.length === 0 ) {	75✔
110	wrapper = this._page().children( ".ui-header:not(.ui-header-fixed), .ui-content:not(.ui-popup), .ui-footer:not(.ui-footer-fixed)" )	15✔
111	.wrapAll( "<div class='" + this.options.classes.pageWrapper + "'></div>" )
112	.parent();
113	}
114
115	this._wrapper = wrapper;	75✔
116	},
117
118	_getFixedToolbars: function() {
119	var extFixedToolbars = $( "body" ).children( ".ui-header-fixed, .ui-footer-fixed" ),	198✔
120	intFixedToolbars = this._page().find( ".ui-header-fixed, .ui-footer-fixed" ),
121	fixedToolbars = extFixedToolbars.add( intFixedToolbars ).addClass( this.options.classes.pageFixedToolbar );
122
123	return fixedToolbars;	198✔
124	},
125
126	_getPosDisplayClasses: function( prefix ) {
127	return prefix + "-position-" + this.options.position + " " + prefix + "-display-" + this.options.display;	171✔
128	},
129
130	_getPanelClasses: function() {
131	var panelClasses = this.options.classes.panel +	63✔
132	" " + this._getPosDisplayClasses( this.options.classes.panel ) +
133	" " + this.options.classes.panelClosed +
134	" " + "ui-body-" + ( this.options.theme ? this.options.theme : "inherit" );
135
136	if ( !!this.options.positionFixed ) {	63✔
137	panelClasses += " " + this.options.classes.panelFixed;	×
138	}
139
140	return panelClasses;	63✔
141	},
142
143	_addPanelClasses: function() {
144	this.element.addClass( this._getPanelClasses() );	60✔
145	},
146
147	_handleCloseClick: function( event ) {
148	if ( !event.isDefaultPrevented() ) {	6 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
149	this.close();	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
150	}
151	},
152
153	_bindCloseEvents: function() {
154	this._on( this._closeLink, {	60✔
155	"click": "_handleCloseClick"
156	});
157
158	this._on({	60✔
159	"click a:jqmData(ajax='false')": "_handleCloseClick"
160	});
161	},
162
163	_positionPanel: function( scrollToTop ) {
164	var self = this,	54✔
165	panelInnerHeight = self._panelInner.outerHeight(),
166	expand = panelInnerHeight > $.mobile.getScreenHeight();
167
168	if ( expand \|\| !self.options.positionFixed ) {	54✔
169	if ( expand ) {	54✔
170	self._unfixPanel();	×
171	$.mobile.resetActivePageHeight( panelInnerHeight );	×
172	}
173	if ( scrollToTop ) {	54✔
174	this.window[ 0 ].scrollTo( 0, $.mobile.defaultHomeScroll );	54✔
175	}
176	} else {
177	self._fixPanel();	×
178	}
179	},
180
181	_bindFixListener: function() {
182	this._on( $( window ), { "throttledresize": "_positionPanel" });	54✔
183	},
184
185	_unbindFixListener: function() {
186	this._off( $( window ), "throttledresize" );	51✔
187	},
188
189	_unfixPanel: function() {
190	if ( !!this.options.positionFixed && $.support.fixedPosition ) {	×
191	this.element.removeClass( this.options.classes.panelFixed );	×
192	}
193	},
194
195	_fixPanel: function() {
196	if ( !!this.options.positionFixed && $.support.fixedPosition ) {	51✔
197	this.element.addClass( this.options.classes.panelFixed );	×
198	}
199	},
200
201	_bindUpdateLayout: function() {
202	var self = this;	60✔
203
204	self.element.on( "updatelayout", function(/* e */) {	60✔
205	if ( self._open ) {	×
206	self._positionPanel();	×
207	}
208	});
209	},
210
211	_bindLinkListeners: function() {
212	this._on( "body", {	60✔
213	"click a": "_handleClick"
214	});
215
216	},
217
218	_handleClick: function( e ) {
219	var link,	216✔
220	panelId = this.element.attr( "id" );
221
222	if ( e.currentTarget.href.split( "#" )[ 1 ] === panelId && panelId !== undefined ) {	216✔
223
224	e.preventDefault();	9✔
225	link = $( e.target );	9✔
226	if ( link.hasClass( "ui-btn" ) ) {	9✔
227	link.addClass( $.mobile.activeBtnClass );	×
228	this.element.one( "panelopen panelclose", function() {	×
229	link.removeClass( $.mobile.activeBtnClass );	×
230	});
231	}
232	this.toggle();	9✔
233	}
234	},
235
236	_bindSwipeEvents: function() {
237	var self = this,	60✔
238	area = self._modal ? self.element.add( self._modal ) : self.element;
239
240	// on swipe, close the panel
241	if ( !!self.options.swipeClose ) {	60✔
242	if ( self.options.position === "left" ) {	60✔
243	area.on( "swipeleft.panel", function(/* e */) {	60✔
244	self.close();	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
245	});
246	} else {
247	area.on( "swiperight.panel", function(/* e */) {	×
248	self.close();	×
249	});
250	}
251	}
252	},
253
254	_bindPageEvents: function() {
255	var self = this;	60✔
256
257	this.document	60✔
258	// Close the panel if another panel on the page opens
259	.on( "panelbeforeopen", function( e ) {
260	if ( self._open && e.target !== self.element[ 0 ] ) {	693✔
261	self.close();	×
262	}
263	})
264	// On escape, close? might need to have a target check too...
265	.on( "keyup.panel", function( e ) {
266	if ( e.keyCode === 27 && self._open ) {	×
267	self.close();	×
268	}
269	});
270	if ( !this._parentPage && this.options.display !== "overlay" ) {	60✔
271	this._on( this.document, {	6 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
272	"pageshow": "_getWrapper"
273	});
274	}
275	// Clean up open panels after page hide
276	if ( self._parentPage ) {	60✔
277	this.document.on( "pagehide", ":jqmData(role='page')", function() {	54✔
278	if ( self._open ) {	462 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
279	self.close( true );	×
280	}
281	});
282	} else {
283	this.document.on( "pagebeforehide", function() {	6 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
284	if ( self._open ) {	18 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
285	self.close( true );	6 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
286	}
287	});
288	}
289	},
290
291	// state storage of open or closed
292	_open: false,
293	_pageContentOpenClasses: null,
294	_modalOpenClasses: null,
295
296	open: function( immediate ) {
297	if ( !this._open ) {	54✔
298	var self = this,	54✔
299	o = self.options,
300
301	_openPanel = function() {
302	self.document.off( "panelclose" );	54✔
303	self._page().jqmData( "panel", "open" );	54✔
304
305	if ( $.support.cssTransform3d && !!o.animate && o.display !== "overlay" ) {	54✔
306	self._wrapper.addClass( o.classes.animate );	×
307	self._fixedToolbars().addClass( o.classes.animate );	×
308	}
309
310	if ( !immediate && $.support.cssTransform3d && !!o.animate ) {	54✔
311	( self._wrapper \|\| self.element )	×
312	.animationComplete( complete, "transition" );
313	} else {
314	setTimeout( complete, 0 );	54✔
315	}
316
317	if ( o.theme && o.display !== "overlay" ) {	54✔
318	self._page().parent()	×
319	.addClass( o.classes.pageContainer + "-themed " + o.classes.pageContainer + "-" + o.theme );
320	}
321
322	self.element	54✔
323	.removeClass( o.classes.panelClosed )
324	.addClass( o.classes.panelOpen );
325
326	self._positionPanel( true );	54✔
327
328	self._pageContentOpenClasses = self._getPosDisplayClasses( o.classes.pageContentPrefix );	54✔
329
330	if ( o.display !== "overlay" ) {	54✔
331	self._page().parent().addClass( o.classes.pageContainer );	51✔
332	self._wrapper.addClass( self._pageContentOpenClasses );	51✔
333	self._fixedToolbars().addClass( self._pageContentOpenClasses );	51✔
334	}
335
336	self._modalOpenClasses = self._getPosDisplayClasses( o.classes.modal ) + " " + o.classes.modalOpen;	54✔
337	if ( self._modal ) {	54✔
338	self._modal	54✔
339	.addClass( self._modalOpenClasses )
340	.height( Math.max( self._modal.height(), self.document.height() ) );
341	}
342	},
343	complete = function() {
344
345	// Bail if the panel was closed before the opening animation has completed
346	if ( !self._open ) {	54✔
347	return;	×
348	}
349
350	if ( o.display !== "overlay" ) {	54✔
351	self._wrapper.addClass( o.classes.pageContentPrefix + "-open" );	51✔
352	self._fixedToolbars().addClass( o.classes.pageContentPrefix + "-open" );	51✔
353	}
354
355	self._bindFixListener();	54✔
356
357	self._trigger( "open" );	54✔
358
359	self._openedPage = self._page();	54✔
360	};
361
362	self._trigger( "beforeopen" );	54✔
363
364	if ( self._page().jqmData( "panel" ) === "open" ) {	54✔
365	self.document.on( "panelclose", function() {	×
366	_openPanel();	×
367	});
368	} else {
369	_openPanel();	54✔
370	}
371
372	self._open = true;	54✔
373	}
374	},
375
376	close: function( immediate ) {
377	if ( this._open ) {	51✔
378	var self = this,	51✔
379	o = this.options,
380
381	_closePanel = function() {
382
383	self.element.removeClass( o.classes.panelOpen );	51✔
384
385	if ( o.display !== "overlay" ) {	51✔
386	self._wrapper.removeClass( self._pageContentOpenClasses );	48✔
387	self._fixedToolbars().removeClass( self._pageContentOpenClasses );	48✔
388	}
389
390	if ( !immediate && $.support.cssTransform3d && !!o.animate ) {	51✔
391	( self._wrapper \|\| self.element )	×
392	.animationComplete( complete, "transition" );
393	} else {
394	setTimeout( complete, 0 );	51✔
395	}
396
397	if ( self._modal ) {	51✔
398	self._modal	51✔
399	.removeClass( self._modalOpenClasses )
400	.height( "" );
401	}
402	},
403	complete = function() {
404	if ( o.theme && o.display !== "overlay" ) {	51✔
405	self._page().parent().removeClass( o.classes.pageContainer + "-themed " + o.classes.pageContainer + "-" + o.theme );	×
406	}
407
408	self.element.addClass( o.classes.panelClosed );	51✔
409
410	if ( o.display !== "overlay" ) {	51✔
411	self._page().parent().removeClass( o.classes.pageContainer );	48✔
412	self._wrapper.removeClass( o.classes.pageContentPrefix + "-open" );	48✔
413	self._fixedToolbars().removeClass( o.classes.pageContentPrefix + "-open" );	48✔
414	}
415
416	if ( $.support.cssTransform3d && !!o.animate && o.display !== "overlay" ) {	51✔
417	self._wrapper.removeClass( o.classes.animate );	×
418	self._fixedToolbars().removeClass( o.classes.animate );	×
419	}
420
421	self._fixPanel();	51✔
422	self._unbindFixListener();	51✔
423	$.mobile.resetActivePageHeight();	51✔
424
425	self._page().jqmRemoveData( "panel" );	51✔
426
427	self._trigger( "close" );	51✔
428
429	self._openedPage = null;	51✔
430	};
431
432	self._trigger( "beforeclose" );	51✔
433
434	_closePanel();	51✔
435
436	self._open = false;	51✔
437	}
438	},
439
440	toggle: function() {
441	this[ this._open ? "close" : "open" ]();	12✔
442	},
443
444	_destroy: function() {
445	var otherPanels,	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
446	o = this.options,
447	multiplePanels = ( $( "body > :mobile-panel" ).length + $.mobile.activePage.find( ":mobile-panel" ).length ) > 1;
448
449	if ( o.display !== "overlay" ) {	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
450
451	// remove the wrapper if not in use by another panel
452	otherPanels = $( "body > :mobile-panel" ).add( $.mobile.activePage.find( ":mobile-panel" ) );	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
453	if ( otherPanels.not( ".ui-panel-display-overlay" ).not( this.element ).length === 0 ) {	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
454	this._wrapper.children().unwrap();	×
455	}
456
457	if ( this._open ) {	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
458
459	this._fixedToolbars().removeClass( o.classes.pageContentPrefix + "-open" );	×
460
461	if ( $.support.cssTransform3d && !!o.animate ) {	×
462	this._fixedToolbars().removeClass( o.classes.animate );	×
463	}
464
465	this._page().parent().removeClass( o.classes.pageContainer );	×
466
467	if ( o.theme ) {	×
468	this._page().parent().removeClass( o.classes.pageContainer + "-themed " + o.classes.pageContainer + "-" + o.theme );	×
469	}
470	}
471	}
472
473	if ( !multiplePanels ) {	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
474
475	this.document.off( "panelopen panelclose" );	×
476
477	}
478
479	if ( this._open ) {	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
480	this._page().jqmRemoveData( "panel" );	×
481	}
482
483	this._panelInner.children().unwrap();	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
484
485	this.element	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
486	.removeClass( [ this._getPanelClasses(), o.classes.panelOpen, o.classes.animate ].join( " " ) )
487	.off( "swipeleft.panel swiperight.panel" )
488	.off( "panelbeforeopen" )
489	.off( "panelhide" )
490	.off( "keyup.panel" )
491	.off( "updatelayout" );
492
493	if ( this._modal ) {	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
494	this._modal.remove();	3 only TYPES=unit JQUERIES=1.8.3, TYPES=unit JQUERIES=1.10.2, and TYPES=unit JQUERIES=2.0.3 ✔
495	}
496	}
497	});
498
499	})( jQuery );
500	//>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude);
501	});
502	//>>excludeEnd("jqmBuildExclude");

jquery / jquery-mobile / 1778

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous