mirror of
https://github.com/google/pebble.git
synced 2025-05-19 09:54:55 +00: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
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