%PDF- %PDF-
| Direktori : /www/varak.net/wiki.varak.net/extensions/VisualEditor/lib/ve/demos/trigger/ |
| Current File : //www/varak.net/wiki.varak.net/extensions/VisualEditor/lib/ve/demos/trigger/trigger.js |
/*!
* VisualEditor trigger demo
*
* @copyright 2011-2016 VisualEditor Team and others; see http://ve.mit-license.org
*/
var i, len, key,
$primary = $( '#primary' ),
$modifiers = $( '#modifiers' ),
$aliases = $( '#aliases' ),
primaryKeys = ve.ui.Trigger.static.primaryKeys,
modifierKeys = ve.ui.Trigger.static.modifierKeys,
keyAliases = ve.ui.Trigger.static.keyAliases;
function setTrigger( trigger ) {
var i, len, key, parts;
trigger = trigger.toString();
parts = trigger.split( '+' );
$( '#trigger' ).text( trigger );
for ( i = 0, len = parts.length; i < len; i++ ) {
key = parts[ i ].replace( '\\', '\\\\' ).replace( '"', '\\"' );
$( '.key[rel="' + key + '"]' ).addClass( 'active' );
}
}
// Initialization
for ( i = 0, len = modifierKeys.length; i < len; i++ ) {
$modifiers.append(
$( '<li>' ).append(
$( '<span class="key"></span>' )
.text( modifierKeys[ i ] )
.attr( 'rel', modifierKeys[ i ] )
)
);
}
for ( i = 0, len = primaryKeys.length; i < len; i++ ) {
$primary.append(
$( '<li>' ).append(
$( '<span class="key"></span>' )
.text( primaryKeys[ i ] )
.attr( 'rel', primaryKeys[ i ] )
)
);
}
for ( key in keyAliases ) {
$aliases.append(
$( '<li>' )
.append( $( '<span class="key alias"></span>' ).text( key ) )
.append( '⇢' )
.append( $( '<span class="key"></span>' ).text( keyAliases[ key ] ) )
);
}
// Events
$( 'body' ).on( {
keydown: function ( e ) {
$( '.active' ).removeClass( 'active' );
setTrigger( new ve.ui.Trigger( e ) );
e.preventDefault();
}
} );
$( '#primary .key, #modifiers .key' ).on( {
mousedown: function ( e ) {
var $target = $( e.target );
if ( e.which === OO.ui.MouseButtons.LEFT ) {
if ( $target.closest( '#primary' ).length ) {
$primary.find( '.active' ).removeClass( 'active' );
}
if ( !$target.hasClass( 'active' ) ) {
$target.addClass( 'active activating' );
}
}
},
mouseup: function ( e ) {
var parts = [],
$target = $( e.target );
if ( e.which === OO.ui.MouseButtons.LEFT ) {
if ( $target.hasClass( 'active' ) && !$target.hasClass( 'activating' ) ) {
$target.removeClass( 'active' );
}
$target.removeClass( 'activating' );
$( '.active' ).each( function () {
parts.push( $( this ).attr( 'rel' ) );
} );
setTrigger( new ve.ui.Trigger( parts.join( '+' ) ) );
}
}
} );