mirror of
https://github.com/google/pebble.git
synced 2025-07-04 22:00:38 -04:00
Import the pebble dev site into devsite/
This commit is contained in:
Katharine Berry
parent
3b92768480
commit
527858cf4c
1359 changed files with 265431 additions and 0 deletions
138
third_party/jquery-mmenu/js/jquery.mmenu.footer.js
vendored
Executable file
138
third_party/jquery-mmenu/js/jquery.mmenu.footer.js
vendored
Executable file
|
|
@ -0,0 +1,138 @@
|
|||
/*
|
||||
* jQuery mmenu footer addon
|
||||
* mmenu.frebsite.nl
|
||||
*
|
||||
* Copyright (c) Fred Heusschen
|
||||
*/
|
||||
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
var _PLUGIN_ = 'mmenu',
|
||||
_ADDON_ = 'footer';
|
||||
|
||||
|
||||
$[ _PLUGIN_ ].addons[ _ADDON_ ] = {
|
||||
|
||||
// _init: fired when (re)initiating the plugin
|
||||
_init: function( $panels )
|
||||
{
|
||||
var that = this,
|
||||
opts = this.opts[ _ADDON_ ];
|
||||
|
||||
|
||||
// Update content
|
||||
var $footer = $('div.' + _c.footer, this.$menu);
|
||||
if ( $footer.length )
|
||||
{
|
||||
// Auto-update the footer content
|
||||
if ( opts.update )
|
||||
{
|
||||
$panels
|
||||
.each(
|
||||
function()
|
||||
{
|
||||
var $panl = $(this);
|
||||
|
||||
// Find content
|
||||
var $cnt = $('.' + that.conf.classNames[ _ADDON_ ].panelFooter, $panl),
|
||||
_cnt = $cnt.html();
|
||||
|
||||
if ( !_cnt )
|
||||
{
|
||||
_cnt = opts.title;
|
||||
}
|
||||
|
||||
// Update footer info
|
||||
var updateFooter = function()
|
||||
{
|
||||
$footer[ _cnt ? 'show' : 'hide' ]();
|
||||
$footer.html( _cnt );
|
||||
};
|
||||
|
||||
$panl.on( _e.open, updateFooter );
|
||||
|
||||
if ( $panl.hasClass( _c.current ) )
|
||||
{
|
||||
updateFooter();
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
// Init other add-ons
|
||||
if ( $[ _PLUGIN_ ].addons.buttonbars )
|
||||
{
|
||||
$[ _PLUGIN_ ].addons.buttonbars._init.call( this, $footer );
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
// _setup: fired once per menu
|
||||
_setup: function()
|
||||
{
|
||||
var opts = this.opts[ _ADDON_ ];
|
||||
|
||||
|
||||
// Extend shortcut options
|
||||
if ( typeof opts == 'boolean' )
|
||||
{
|
||||
opts = {
|
||||
add : opts,
|
||||
update : opts
|
||||
};
|
||||
}
|
||||
if ( typeof opts != 'object' )
|
||||
{
|
||||
opts = {};
|
||||
}
|
||||
opts = $.extend( true, {}, $[ _PLUGIN_ ].defaults[ _ADDON_ ], opts );
|
||||
|
||||
|
||||
this.opts[ _ADDON_ ] = opts;
|
||||
|
||||
|
||||
// Add markup
|
||||
if ( opts.add )
|
||||
{
|
||||
var content = opts.content
|
||||
? opts.content
|
||||
: opts.title;
|
||||
|
||||
$( '<div class="' + _c.footer + '" />' )
|
||||
.appendTo( this.$menu )
|
||||
.append( content );
|
||||
|
||||
this.$menu.addClass( _c.hasfooter );
|
||||
}
|
||||
},
|
||||
|
||||
// _add: fired once per page load
|
||||
_add: function()
|
||||
{
|
||||
_c = $[ _PLUGIN_ ]._c;
|
||||
_d = $[ _PLUGIN_ ]._d;
|
||||
_e = $[ _PLUGIN_ ]._e;
|
||||
|
||||
_c.add( 'footer hasfooter' );
|
||||
|
||||
glbl = $[ _PLUGIN_ ].glbl;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
// Default options and configuration
|
||||
$[ _PLUGIN_ ].defaults[ _ADDON_ ] = {
|
||||
add : false,
|
||||
content : false,
|
||||
title : '',
|
||||
update : false
|
||||
};
|
||||
$[ _PLUGIN_ ].configuration.classNames[ _ADDON_ ] = {
|
||||
panelFooter: 'Footer'
|
||||
};
|
||||
|
||||
|
||||
var _c, _d, _e, glbl;
|
||||
|
||||
})( jQuery );
|
||||
386
third_party/jquery-mmenu/js/jquery.mmenu.offcanvas.js
vendored
Executable file
386
third_party/jquery-mmenu/js/jquery.mmenu.offcanvas.js
vendored
Executable file
|
|
@ -0,0 +1,386 @@
|
|||
/*
|
||||
* jQuery mmenu offCanvas addon
|
||||
* mmenu.frebsite.nl
|
||||
*
|
||||
* Copyright (c) Fred Heusschen
|
||||
*/
|
||||
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
var _PLUGIN_ = 'mmenu',
|
||||
_ADDON_ = 'offCanvas';
|
||||
|
||||
|
||||
$[ _PLUGIN_ ].addons[ _ADDON_ ] = {
|
||||
|
||||
// _init: fired when (re)initiating the plugin
|
||||
_init: function( $panels ) {},
|
||||
|
||||
// _setup: fired once per menu
|
||||
_setup: function()
|
||||
{
|
||||
if ( !this.opts[ _ADDON_ ] )
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
var that = this,
|
||||
opts = this.opts[ _ADDON_ ],
|
||||
conf = this.conf[ _ADDON_ ];
|
||||
|
||||
|
||||
// Extend shortcut configuration
|
||||
if ( typeof conf.pageSelector != 'string' )
|
||||
{
|
||||
conf.pageSelector = '> ' + conf.pageNodetype;
|
||||
}
|
||||
|
||||
|
||||
glbl.$allMenus = ( glbl.$allMenus || $() ).add( this.$menu );
|
||||
|
||||
|
||||
// Setup the menu
|
||||
this.vars.opened = false;
|
||||
|
||||
var clsn = [ _c.offcanvas ];
|
||||
|
||||
if ( opts.position != 'left' )
|
||||
{
|
||||
clsn.push( _c.mm( opts.position ) );
|
||||
}
|
||||
if ( opts.zposition != 'back' )
|
||||
{
|
||||
clsn.push( _c.mm( opts.zposition ) );
|
||||
}
|
||||
|
||||
this.$menu
|
||||
.addClass( clsn.join( ' ' ) )
|
||||
.parent()
|
||||
.removeClass( _c.wrapper );
|
||||
|
||||
|
||||
// Setup the page
|
||||
this.setPage( glbl.$page );
|
||||
|
||||
|
||||
// Setup the UI blocker and the window
|
||||
this[ _ADDON_ + '_initBlocker' ]();
|
||||
this[ _ADDON_ + '_initWindow' ]();
|
||||
|
||||
|
||||
// Add events
|
||||
this.$menu
|
||||
.on( _e.open + ' ' + _e.opening + ' ' + _e.opened + ' ' +
|
||||
_e.close + ' ' + _e.closing + ' ' + _e.closed + ' ' + _e.setPage,
|
||||
function( e )
|
||||
{
|
||||
e.stopPropagation();
|
||||
}
|
||||
)
|
||||
.on( _e.open + ' ' + _e.close + ' ' + _e.setPage,
|
||||
function( e )
|
||||
{
|
||||
that[ e.type ]();
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
// Append to the body
|
||||
this.$menu[ conf.menuInjectMethod + 'To' ]( conf.menuWrapperSelector );
|
||||
},
|
||||
|
||||
// _add: fired once per page load
|
||||
_add: function()
|
||||
{
|
||||
_c = $[ _PLUGIN_ ]._c;
|
||||
_d = $[ _PLUGIN_ ]._d;
|
||||
_e = $[ _PLUGIN_ ]._e;
|
||||
|
||||
_c.add( 'offcanvas slideout modal background opening blocker page' );
|
||||
_d.add( 'style' );
|
||||
_e.add( 'opening opened closing closed setPage' );
|
||||
|
||||
glbl = $[ _PLUGIN_ ].glbl;
|
||||
},
|
||||
|
||||
// _clickAnchor: prevents default behavior when clicking an anchor
|
||||
_clickAnchor: function( $a, inMenu )
|
||||
{
|
||||
if ( !this.opts[ _ADDON_ ] )
|
||||
{
|
||||
return false;
|
||||
}
|
||||
|
||||
// Open menu
|
||||
var id = this.$menu.attr( 'id' );
|
||||
if ( id && id.length )
|
||||
{
|
||||
if ( this.conf.clone )
|
||||
{
|
||||
id = _c.umm( id );
|
||||
}
|
||||
if ( $a.is( '[href="#' + id + '"]' ) )
|
||||
{
|
||||
this.open();
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
// Close menu
|
||||
if ( !glbl.$page )
|
||||
{
|
||||
return;
|
||||
}
|
||||
var id = glbl.$page.attr( 'id' );
|
||||
if ( id && id.length )
|
||||
{
|
||||
if ( $a.is( '[href="#' + id + '"]' ) )
|
||||
{
|
||||
this.close();
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
// Default options and configuration
|
||||
$[ _PLUGIN_ ].defaults[ _ADDON_ ] = {
|
||||
position : 'left',
|
||||
zposition : 'back',
|
||||
modal : false,
|
||||
moveBackground : true
|
||||
};
|
||||
$[ _PLUGIN_ ].configuration[ _ADDON_ ] = {
|
||||
pageNodetype : 'div',
|
||||
pageSelector : null,
|
||||
menuWrapperSelector : 'body',
|
||||
menuInjectMethod : 'prepend'
|
||||
};
|
||||
|
||||
|
||||
// Methods
|
||||
$[ _PLUGIN_ ].prototype.open = function()
|
||||
{
|
||||
if ( this.vars.opened )
|
||||
{
|
||||
return false;
|
||||
}
|
||||
|
||||
var that = this;
|
||||
|
||||
this._openSetup();
|
||||
|
||||
// Without the timeout, the animation won't work because the element had display: none;
|
||||
setTimeout(
|
||||
function()
|
||||
{
|
||||
that._openFinish();
|
||||
}, this.conf.openingInterval
|
||||
);
|
||||
|
||||
return 'open';
|
||||
};
|
||||
|
||||
$[ _PLUGIN_ ].prototype._openSetup = function()
|
||||
{
|
||||
var that = this;
|
||||
|
||||
// Close other menus
|
||||
glbl.$allMenus.not( this.$menu ).trigger( _e.close );
|
||||
|
||||
// Store style and position
|
||||
glbl.$page.data( _d.style, glbl.$page.attr( 'style' ) || '' );
|
||||
|
||||
// Trigger window-resize to measure height
|
||||
glbl.$wndw.trigger( _e.resize, [ true ] );
|
||||
|
||||
var clsn = [ _c.opened ];
|
||||
|
||||
// Add options
|
||||
if ( this.opts[ _ADDON_ ].modal )
|
||||
{
|
||||
clsn.push( _c.modal );
|
||||
}
|
||||
if ( this.opts[ _ADDON_ ].moveBackground )
|
||||
{
|
||||
clsn.push( _c.background );
|
||||
}
|
||||
if ( this.opts[ _ADDON_ ].position != 'left' )
|
||||
{
|
||||
clsn.push( _c.mm( this.opts[ _ADDON_ ].position ) );
|
||||
}
|
||||
if ( this.opts[ _ADDON_ ].zposition != 'back' )
|
||||
{
|
||||
clsn.push( _c.mm( this.opts[ _ADDON_ ].zposition ) );
|
||||
}
|
||||
if ( this.opts.classes )
|
||||
{
|
||||
clsn.push( this.opts.classes );
|
||||
}
|
||||
glbl.$html.addClass( clsn.join( ' ' ) );
|
||||
|
||||
// Open
|
||||
setTimeout(function(){
|
||||
that.vars.opened = true;
|
||||
},this.conf.openingInterval);
|
||||
|
||||
this.$menu.addClass( _c.current + ' ' + _c.opened );
|
||||
};
|
||||
|
||||
$[ _PLUGIN_ ].prototype._openFinish = function()
|
||||
{
|
||||
var that = this;
|
||||
|
||||
// Callback
|
||||
this.__transitionend( glbl.$page,
|
||||
function()
|
||||
{
|
||||
that.$menu.trigger( _e.opened );
|
||||
}, this.conf.transitionDuration
|
||||
);
|
||||
|
||||
// Opening
|
||||
glbl.$html.addClass( _c.opening );
|
||||
this.$menu.trigger( _e.opening );
|
||||
};
|
||||
|
||||
$[ _PLUGIN_ ].prototype.close = function()
|
||||
{
|
||||
if ( !this.vars.opened )
|
||||
{
|
||||
return false;
|
||||
}
|
||||
|
||||
var that = this;
|
||||
|
||||
// Callback
|
||||
this.__transitionend( glbl.$page,
|
||||
function()
|
||||
{
|
||||
that.$menu
|
||||
.removeClass( _c.current )
|
||||
.removeClass( _c.opened );
|
||||
|
||||
glbl.$html
|
||||
.removeClass( _c.opened )
|
||||
.removeClass( _c.modal )
|
||||
.removeClass( _c.background )
|
||||
.removeClass( _c.mm( that.opts[ _ADDON_ ].position ) )
|
||||
.removeClass( _c.mm( that.opts[ _ADDON_ ].zposition ) );
|
||||
|
||||
if ( that.opts.classes )
|
||||
{
|
||||
glbl.$html.removeClass( that.opts.classes );
|
||||
}
|
||||
|
||||
// Restore style and position
|
||||
glbl.$page.attr( 'style', glbl.$page.data( _d.style ) );
|
||||
|
||||
that.vars.opened = false;
|
||||
that.$menu.trigger( _e.closed );
|
||||
|
||||
}, this.conf.transitionDuration
|
||||
);
|
||||
|
||||
// Closing
|
||||
glbl.$html.removeClass( _c.opening );
|
||||
this.$menu.trigger( _e.closing );
|
||||
|
||||
return 'close';
|
||||
};
|
||||
|
||||
$[ _PLUGIN_ ].prototype.setPage = function( $page )
|
||||
{
|
||||
if ( !$page )
|
||||
{
|
||||
$page = $(this.conf[ _ADDON_ ].pageSelector, glbl.$body);
|
||||
if ( $page.length > 1 )
|
||||
{
|
||||
$page = $page.wrapAll( '<' + this.conf[ _ADDON_ ].pageNodetype + ' />' ).parent();
|
||||
}
|
||||
}
|
||||
|
||||
$page.addClass( _c.page + ' ' + _c.slideout );
|
||||
glbl.$page = $page;
|
||||
};
|
||||
|
||||
$[ _PLUGIN_ ].prototype[ _ADDON_ + '_initWindow' ] = function()
|
||||
{
|
||||
// Prevent tabbing
|
||||
glbl.$wndw
|
||||
.on( _e.keydown,
|
||||
function( e )
|
||||
{
|
||||
if ( glbl.$html.hasClass( _c.opened ) )
|
||||
{
|
||||
if ( e.keyCode == 9 )
|
||||
{
|
||||
e.preventDefault();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// Set page min-height to window height
|
||||
var _h = 0;
|
||||
glbl.$wndw
|
||||
.on( _e.resize,
|
||||
function( e, force )
|
||||
{
|
||||
if ( force || glbl.$html.hasClass( _c.opened ) )
|
||||
{
|
||||
var nh = glbl.$wndw.height();
|
||||
if ( force || nh != _h )
|
||||
{
|
||||
_h = nh;
|
||||
glbl.$page.css( 'minHeight', nh );
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
// Once fired, it can be removed
|
||||
$[ _PLUGIN_ ].prototype[ _ADDON_ + '_initWindow' ] = function() {};
|
||||
};
|
||||
|
||||
$[ _PLUGIN_ ].prototype[ _ADDON_ + '_initBlocker' ] = function()
|
||||
{
|
||||
var that = this;
|
||||
var $blck = $( '<div id="' + _c.blocker + '" class="' + _c.slideout + '" />' )
|
||||
.appendTo( glbl.$body );
|
||||
|
||||
$blck
|
||||
.on( _e.touchstart,
|
||||
function( e )
|
||||
{
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
$blck.trigger( _e.mousedown );
|
||||
}
|
||||
)
|
||||
.on( _e.mousedown,
|
||||
function( e )
|
||||
{
|
||||
e.preventDefault();
|
||||
if ( !glbl.$html.hasClass( _c.modal ) )
|
||||
{
|
||||
glbl.$allMenus.trigger( _e.close );
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
|
||||
// Once fired, it can be removed
|
||||
$[ _PLUGIN_ ].prototype[ _ADDON_ + '_initBlocker' ] = function() {};
|
||||
};
|
||||
|
||||
|
||||
var _c, _d, _e, glbl;
|
||||
|
||||
})( jQuery );
|
||||
664
third_party/jquery-mmenu/js/jquery.mmenu.oncanvas.js
vendored
Executable file
664
third_party/jquery-mmenu/js/jquery.mmenu.oncanvas.js
vendored
Executable file
|
|
@ -0,0 +1,664 @@
|
|||
/*
|
||||
* jQuery mmenu v4.7.5
|
||||
* @requires jQuery 1.7.0 or later
|
||||
*
|
||||
* mmenu.frebsite.nl
|
||||
*
|
||||
* Copyright (c) Fred Heusschen
|
||||
* www.frebsite.nl
|
||||
*
|
||||
* Licensed under the MIT license:
|
||||
* http://en.wikipedia.org/wiki/MIT_License
|
||||
*/
|
||||
|
||||
|
||||
(function( $ ) {
|
||||
|
||||
var _PLUGIN_ = 'mmenu',
|
||||
_VERSION_ = '4.7.5';
|
||||
|
||||
|
||||
// Plugin already excists
|
||||
if ( $[ _PLUGIN_ ] )
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
// Global variables
|
||||
var _c = {}, _d = {}, _e = {},
|
||||
plugin_initiated = false;
|
||||
|
||||
var glbl = {
|
||||
$wndw: null,
|
||||
$html: null,
|
||||
$body: null
|
||||
};
|
||||
|
||||
|
||||
/*
|
||||
Class
|
||||
*/
|
||||
$[ _PLUGIN_ ] = function( $menu, opts, conf )
|
||||
{
|
||||
this.$menu = $menu;
|
||||
this.opts = opts;
|
||||
this.conf = conf;
|
||||
this.vars = {};
|
||||
|
||||
if ( typeof this.___deprecated == 'function' )
|
||||
{
|
||||
this.___deprecated();
|
||||
}
|
||||
|
||||
this._initMenu();
|
||||
this._initAnchors();
|
||||
this._initEvents();
|
||||
|
||||
var $panels = this.$menu.children( this.conf.panelNodetype );
|
||||
|
||||
for ( var a in $[ _PLUGIN_ ].addons )
|
||||
{
|
||||
// Add add-ons to plugin
|
||||
$[ _PLUGIN_ ].addons[ a ]._add.call( this );
|
||||
$[ _PLUGIN_ ].addons[ a ]._add = function() {};
|
||||
|
||||
// Setup adds-on for menu
|
||||
$[ _PLUGIN_ ].addons[ a ]._setup.call( this );
|
||||
}
|
||||
|
||||
this._init( $panels );
|
||||
|
||||
if ( typeof this.___debug == 'function' )
|
||||
{
|
||||
this.___debug();
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
$[ _PLUGIN_ ].version = _VERSION_;
|
||||
|
||||
$[ _PLUGIN_ ].addons = {};
|
||||
|
||||
$[ _PLUGIN_ ].uniqueId = 0;
|
||||
|
||||
$[ _PLUGIN_ ].defaults = {
|
||||
classes : '',
|
||||
slidingSubmenus : true,
|
||||
onClick : {
|
||||
// close : true,
|
||||
// blockUI : null,
|
||||
// preventDefault : null,
|
||||
setSelected : true
|
||||
}
|
||||
};
|
||||
|
||||
$[ _PLUGIN_ ].configuration = {
|
||||
panelNodetype : 'ul, ol, div',
|
||||
transitionDuration : 400,
|
||||
openingInterval : 25,
|
||||
classNames : {
|
||||
panel : 'Panel',
|
||||
selected : 'Selected',
|
||||
label : 'Label',
|
||||
spacer : 'Spacer'
|
||||
}
|
||||
};
|
||||
$[ _PLUGIN_ ].prototype = {
|
||||
|
||||
_init: function( $panels )
|
||||
{
|
||||
$panels = $panels.not( '.' + _c.nopanel );
|
||||
$panels = this._initPanels( $panels );
|
||||
|
||||
for ( var a in $[ _PLUGIN_ ].addons )
|
||||
{
|
||||
$[ _PLUGIN_ ].addons[ a ]._init.call( this, $panels );
|
||||
}
|
||||
this._update();
|
||||
},
|
||||
|
||||
_initMenu: function()
|
||||
{
|
||||
var that = this;
|
||||
|
||||
// Clone if needed
|
||||
if ( this.opts.offCanvas && this.conf.clone )
|
||||
{
|
||||
this.$menu = this.$menu.clone( true );
|
||||
this.$menu.add( this.$menu.find( '*' ) ).filter( '[id]' ).each(
|
||||
function()
|
||||
{
|
||||
$(this).attr( 'id', _c.mm( $(this).attr( 'id' ) ) );
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
// Strip whitespace
|
||||
this.$menu.contents().each(
|
||||
function()
|
||||
{
|
||||
if ( $(this)[ 0 ].nodeType == 3 )
|
||||
{
|
||||
$(this).remove();
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
this.$menu
|
||||
.parent()
|
||||
.addClass( _c.wrapper );
|
||||
|
||||
var clsn = [ _c.menu ];
|
||||
|
||||
// Add direction class
|
||||
clsn.push( _c.mm( this.opts.slidingSubmenus ? 'horizontal' : 'vertical' ) );
|
||||
|
||||
// Add options classes
|
||||
if ( this.opts.classes )
|
||||
{
|
||||
clsn.push( this.opts.classes );
|
||||
}
|
||||
|
||||
this.$menu.addClass( clsn.join( ' ' ) );
|
||||
},
|
||||
|
||||
_initPanels: function( $panels )
|
||||
{
|
||||
var that = this;
|
||||
|
||||
// Add List class
|
||||
this.__findAddBack( $panels, 'ul, ol' )
|
||||
.not( '.' + _c.nolist )
|
||||
.addClass( _c.list );
|
||||
|
||||
var $lis = this.__findAddBack( $panels, '.' + _c.list ).find( '> li' );
|
||||
|
||||
// Refactor Selected class
|
||||
this.__refactorClass( $lis, this.conf.classNames.selected, 'selected' );
|
||||
|
||||
// Refactor Label class
|
||||
this.__refactorClass( $lis, this.conf.classNames.label, 'label' );
|
||||
|
||||
// Refactor Spacer class
|
||||
this.__refactorClass( $lis, this.conf.classNames.spacer, 'spacer' );
|
||||
|
||||
// setSelected-event
|
||||
$lis
|
||||
.off( _e.setSelected )
|
||||
.on( _e.setSelected,
|
||||
function( e, selected )
|
||||
{
|
||||
e.stopPropagation();
|
||||
|
||||
$lis.removeClass( _c.selected );
|
||||
if ( typeof selected != 'boolean' )
|
||||
{
|
||||
selected = true;
|
||||
}
|
||||
if ( selected )
|
||||
{
|
||||
$(this).addClass( _c.selected );
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// Refactor Panel class
|
||||
this.__refactorClass( this.__findAddBack( $panels, '.' + this.conf.classNames.panel ), this.conf.classNames.panel, 'panel' );
|
||||
|
||||
// Add Panel class
|
||||
$panels
|
||||
.add( this.__findAddBack( $panels, '.' + _c.list ).children().children().filter( this.conf.panelNodetype ).not( '.' + _c.nopanel ) )
|
||||
.addClass( _c.panel );
|
||||
|
||||
var $curpanels = this.__findAddBack( $panels, '.' + _c.panel ),
|
||||
$allpanels = $('.' + _c.panel, this.$menu);
|
||||
|
||||
// Add an ID to all panels
|
||||
$curpanels
|
||||
.each(
|
||||
function( i )
|
||||
{
|
||||
var $t = $(this),
|
||||
id = $t.attr( 'id' ) || that.__getUniqueId();
|
||||
|
||||
$t.attr( 'id', id );
|
||||
}
|
||||
);
|
||||
|
||||
// Add open and close links to menu items
|
||||
$curpanels
|
||||
.each(
|
||||
function( i )
|
||||
{
|
||||
var $t = $(this),
|
||||
$u = $t.is( 'ul, ol' ) ? $t : $t.find( 'ul ,ol' ).first(),
|
||||
$l = $t.parent(),
|
||||
$a = $l.children( 'a, span' ),
|
||||
$p = $l.closest( '.' + _c.panel );
|
||||
|
||||
if ( $l.parent().is( '.' + _c.list ) && !$t.data( _d.parent) )
|
||||
{
|
||||
$t.data( _d.parent, $l );
|
||||
|
||||
var $btn = $( '<a class="' + _c.subopen + '" href="#' + $t.attr( 'id' ) + '" />' ).insertBefore( $a );
|
||||
if ( !$a.is( 'a' ) )
|
||||
{
|
||||
$btn.addClass( _c.fullsubopen );
|
||||
}
|
||||
if ( that.opts.slidingSubmenus )
|
||||
{
|
||||
$u.prepend( '<li class="' + _c.subtitle + '"><a class="' + _c.subclose + '" href="#' + $p.attr( 'id' ) + '">' + $a.text() + '</a></li>' );
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
if ( this.opts.slidingSubmenus )
|
||||
{
|
||||
// Add opened-classes
|
||||
var $selected = this.__findAddBack( $panels, '.' + _c.list ).find( '> li.' + _c.selected );
|
||||
$selected
|
||||
.parents( 'li' )
|
||||
.removeClass( _c.selected )
|
||||
.end()
|
||||
.add( $selected.parents( 'li' ) )
|
||||
.each(
|
||||
function()
|
||||
{
|
||||
var $t = $(this),
|
||||
$u = $t.find( '> .' + _c.panel );
|
||||
|
||||
if ( $u.length )
|
||||
{
|
||||
$t.parents( '.' + _c.panel ).addClass( _c.subopened );
|
||||
$u.addClass( _c.opened );
|
||||
}
|
||||
}
|
||||
)
|
||||
.closest( '.' + _c.panel )
|
||||
.addClass( _c.opened )
|
||||
.parents( '.' + _c.panel )
|
||||
.addClass( _c.subopened );
|
||||
}
|
||||
else
|
||||
{
|
||||
// Replace Selected-class with opened-class in parents from .Selected
|
||||
var $selected = $('li.' + _c.selected, $allpanels);
|
||||
$selected
|
||||
.parents( 'li' )
|
||||
.removeClass( _c.selected )
|
||||
.end()
|
||||
.add( $selected.parents( 'li' ) )
|
||||
.addClass( _c.opened );
|
||||
}
|
||||
|
||||
// Set current opened
|
||||
var $current = $allpanels.filter( '.' + _c.opened );
|
||||
if ( !$current.length )
|
||||
{
|
||||
$current = $curpanels.first();
|
||||
}
|
||||
$current
|
||||
.addClass( _c.opened )
|
||||
.last()
|
||||
.addClass( _c.current );
|
||||
|
||||
// Rearrange markup
|
||||
if ( this.opts.slidingSubmenus )
|
||||
{
|
||||
$curpanels
|
||||
.not( $current.last() )
|
||||
.addClass( _c.hidden )
|
||||
.end()
|
||||
.appendTo( this.$menu );
|
||||
}
|
||||
|
||||
return $curpanels;
|
||||
},
|
||||
|
||||
_initAnchors: function()
|
||||
{
|
||||
var that = this;
|
||||
|
||||
glbl.$body
|
||||
.on( _e.click,
|
||||
'a',
|
||||
function( e )
|
||||
{
|
||||
var $t = $(this),
|
||||
fired = false,
|
||||
inMenu = that.$menu.find( $t ).length;
|
||||
|
||||
|
||||
// Find behavior for addons
|
||||
for ( var a in $[ _PLUGIN_ ].addons )
|
||||
{
|
||||
if ( $[ _PLUGIN_ ].addons[ a ]._clickAnchor &&
|
||||
( fired = $[ _PLUGIN_ ].addons[ a ]._clickAnchor.call( that, $t, inMenu ) )
|
||||
) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// Open/Close panel
|
||||
if ( !fired && inMenu )
|
||||
{
|
||||
var _h = $t.attr( 'href' ) || '';
|
||||
if ( _h.slice( 0, 1 ) == '#' )
|
||||
{
|
||||
try
|
||||
{
|
||||
if ( $(_h, that.$menu).is( '.' + _c.panel ) )
|
||||
{
|
||||
fired = true;
|
||||
$(_h).trigger( that.opts.slidingSubmenus ? _e.open : _e.toggle );
|
||||
}
|
||||
}
|
||||
catch( error ) {}
|
||||
}
|
||||
}
|
||||
|
||||
if ( fired )
|
||||
{
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
|
||||
// All other anchors in lists
|
||||
if ( !fired && inMenu )
|
||||
{
|
||||
if ( $t.is( '.' + _c.list + ' > li > a' )
|
||||
&& !$t.is( '[rel="external"]' )
|
||||
&& !$t.is( '[target="_blank"]' ) )
|
||||
{
|
||||
|
||||
// Set selected item
|
||||
if ( that.__valueOrFn( that.opts.onClick.setSelected, $t ) )
|
||||
{
|
||||
$t.parent().trigger( _e.setSelected );
|
||||
}
|
||||
|
||||
// Prevent default / don't follow link. Default: false
|
||||
var preventDefault = that.__valueOrFn( that.opts.onClick.preventDefault, $t, _h.slice( 0, 1 ) == '#' );
|
||||
if ( preventDefault )
|
||||
{
|
||||
e.preventDefault();
|
||||
}
|
||||
|
||||
// Block UI. Default: false if preventDefault, true otherwise
|
||||
if ( that.__valueOrFn( that.opts.onClick.blockUI, $t, !preventDefault ) )
|
||||
{
|
||||
glbl.$html.addClass( _c.blocking );
|
||||
}
|
||||
|
||||
// Close menu. Default: true if preventDefault, false otherwise
|
||||
if ( that.__valueOrFn( that.opts.onClick.close, $t, preventDefault ) )
|
||||
{
|
||||
that.$menu.trigger( _e.close );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
},
|
||||
|
||||
_initEvents: function()
|
||||
{
|
||||
var that = this;
|
||||
|
||||
this.$menu
|
||||
.on( _e.toggle + ' ' + _e.open + ' ' + _e.close,
|
||||
'.' + _c.panel,
|
||||
function( e )
|
||||
{
|
||||
e.stopPropagation();
|
||||
}
|
||||
);
|
||||
|
||||
if ( this.opts.slidingSubmenus )
|
||||
{
|
||||
this.$menu
|
||||
.on( _e.open,
|
||||
'.' + _c.panel,
|
||||
function( e )
|
||||
{
|
||||
return that._openSubmenuHorizontal( $(this) );
|
||||
}
|
||||
);
|
||||
}
|
||||
else
|
||||
{
|
||||
this.$menu
|
||||
.on( _e.toggle,
|
||||
'.' + _c.panel,
|
||||
function( e )
|
||||
{
|
||||
var $t = $(this);
|
||||
$t.trigger( $t.parent().hasClass( _c.opened ) ? _e.close : _e.open );
|
||||
}
|
||||
)
|
||||
.on( _e.open,
|
||||
'.' + _c.panel,
|
||||
function( e )
|
||||
{
|
||||
$(this).parent().addClass( _c.opened );
|
||||
}
|
||||
)
|
||||
.on( _e.close,
|
||||
'.' + _c.panel,
|
||||
function( e )
|
||||
{
|
||||
$(this).parent().removeClass( _c.opened );
|
||||
}
|
||||
);
|
||||
}
|
||||
},
|
||||
|
||||
_openSubmenuHorizontal: function( $opening )
|
||||
{
|
||||
if ( $opening.hasClass( _c.current ) )
|
||||
{
|
||||
return false;
|
||||
}
|
||||
|
||||
var $panels = $('.' + _c.panel, this.$menu),
|
||||
$current = $panels.filter( '.' + _c.current );
|
||||
|
||||
$panels
|
||||
.removeClass( _c.highest )
|
||||
.removeClass( _c.current )
|
||||
.not( $opening )
|
||||
.not( $current )
|
||||
.addClass( _c.hidden );
|
||||
|
||||
if ( $opening.hasClass( _c.opened ) )
|
||||
{
|
||||
$current
|
||||
.addClass( _c.highest )
|
||||
.removeClass( _c.opened )
|
||||
.removeClass( _c.subopened );
|
||||
}
|
||||
else
|
||||
{
|
||||
$opening
|
||||
.addClass( _c.highest );
|
||||
|
||||
$current
|
||||
.addClass( _c.subopened );
|
||||
}
|
||||
|
||||
$opening
|
||||
.removeClass( _c.hidden )
|
||||
.addClass( _c.current );
|
||||
|
||||
// Without the timeout, the animation won't work because the element had display: none;
|
||||
setTimeout(
|
||||
function()
|
||||
{
|
||||
$opening
|
||||
.removeClass( _c.subopened )
|
||||
.addClass( _c.opened );
|
||||
}, this.conf.openingInterval
|
||||
);
|
||||
|
||||
return 'open';
|
||||
},
|
||||
|
||||
_update: function( fn )
|
||||
{
|
||||
if ( !this.updates )
|
||||
{
|
||||
this.updates = [];
|
||||
}
|
||||
if ( typeof fn == 'function' )
|
||||
{
|
||||
this.updates.push( fn );
|
||||
}
|
||||
else
|
||||
{
|
||||
for ( var u = 0, l = this.updates.length; u < l; u++ )
|
||||
{
|
||||
this.updates[ u ].call( this, fn );
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
__valueOrFn: function( o, $e, d )
|
||||
{
|
||||
if ( typeof o == 'function' )
|
||||
{
|
||||
return o.call( $e[ 0 ] );
|
||||
}
|
||||
if ( typeof o == 'undefined' && typeof d != 'undefined' )
|
||||
{
|
||||
return d;
|
||||
}
|
||||
return o;
|
||||
},
|
||||
|
||||
__refactorClass: function( $e, o, c )
|
||||
{
|
||||
return $e.filter( '.' + o ).removeClass( o ).addClass( _c[ c ] );
|
||||
},
|
||||
|
||||
__findAddBack: function( $e, s )
|
||||
{
|
||||
return $e.find( s ).add( $e.filter( s ) );
|
||||
},
|
||||
|
||||
__transitionend: function( $e, fn, duration )
|
||||
{
|
||||
var _ended = false,
|
||||
_fn = function()
|
||||
{
|
||||
if ( !_ended )
|
||||
{
|
||||
fn.call( $e[ 0 ] );
|
||||
}
|
||||
_ended = true;
|
||||
};
|
||||
|
||||
$e.one( _e.transitionend, _fn );
|
||||
$e.one( _e.webkitTransitionEnd, _fn );
|
||||
setTimeout( _fn, duration * 1.1 );
|
||||
},
|
||||
|
||||
__getUniqueId: function()
|
||||
{
|
||||
return _c.mm( $[ _PLUGIN_ ].uniqueId++ );
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/*
|
||||
jQuery plugin
|
||||
*/
|
||||
$.fn[ _PLUGIN_ ] = function( opts, conf )
|
||||
{
|
||||
// First time plugin is fired
|
||||
if ( !plugin_initiated )
|
||||
{
|
||||
_initPlugin();
|
||||
}
|
||||
|
||||
// Extend options
|
||||
opts = $.extend( true, {}, $[ _PLUGIN_ ].defaults, opts );
|
||||
conf = $.extend( true, {}, $[ _PLUGIN_ ].configuration, conf );
|
||||
|
||||
return this.each(
|
||||
function()
|
||||
{
|
||||
var $menu = $(this);
|
||||
if ( $menu.data( _PLUGIN_ ) )
|
||||
{
|
||||
return;
|
||||
}
|
||||
$menu.data( _PLUGIN_, new $[ _PLUGIN_ ]( $menu, opts, conf ) );
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
/*
|
||||
SUPPORT
|
||||
*/
|
||||
$[ _PLUGIN_ ].support = {
|
||||
touch: 'ontouchstart' in window || navigator.msMaxTouchPoints
|
||||
};
|
||||
|
||||
|
||||
|
||||
function _initPlugin()
|
||||
{
|
||||
plugin_initiated = true;
|
||||
|
||||
glbl.$wndw = $(window);
|
||||
glbl.$html = $('html');
|
||||
glbl.$body = $('body');
|
||||
|
||||
// Classnames, Datanames, Eventnames
|
||||
$.each( [ _c, _d, _e ],
|
||||
function( i, o )
|
||||
{
|
||||
o.add = function( c )
|
||||
{
|
||||
c = c.split( ' ' );
|
||||
for ( var d in c )
|
||||
{
|
||||
o[ c[ d ] ] = o.mm( c[ d ] );
|
||||
}
|
||||
};
|
||||
}
|
||||
);
|
||||
|
||||
// Classnames
|
||||
_c.mm = function( c ) { return 'mm-' + c; };
|
||||
_c.add( 'wrapper menu inline panel nopanel list nolist subtitle selected label spacer current highest hidden opened subopened subopen fullsubopen subclose' );
|
||||
_c.umm = function( c )
|
||||
{
|
||||
if ( c.slice( 0, 3 ) == 'mm-' )
|
||||
{
|
||||
c = c.slice( 3 );
|
||||
}
|
||||
return c;
|
||||
};
|
||||
|
||||
// Datanames
|
||||
_d.mm = function( d ) { return 'mm-' + d; };
|
||||
_d.add( 'parent' );
|
||||
|
||||
// Eventnames
|
||||
_e.mm = function( e ) { return e + '.mm'; };
|
||||
_e.add( 'toggle open close setSelected transitionend webkitTransitionEnd mousedown mouseup touchstart touchmove touchend scroll resize click keydown keyup' );
|
||||
|
||||
$[ _PLUGIN_ ]._c = _c;
|
||||
$[ _PLUGIN_ ]._d = _d;
|
||||
$[ _PLUGIN_ ]._e = _e;
|
||||
|
||||
$[ _PLUGIN_ ].glbl = glbl;
|
||||
}
|
||||
|
||||
|
||||
})( jQuery );
|
||||
Loading…
Add table
Add a link
Reference in a new issue