Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | 1x 1x 1x 1x | /*!
* VisualEditor UserInterface SymbolListBookletLayout class.
*
* @copyright See AUTHORS.txt
*/
/**
* ...
*
* @class
* @extends OO.ui.BookletLayout
*
* @constructor
* @param {Object} [config] Configuration options
*/
ve.ui.SymbolListBookletLayout = function VeUiSymbolListBookletLayout( config ) {
config = config || {};
// Parent constructor
ve.ui.SymbolListBookletLayout.super.call( this, ve.extendObject( {
outlined: true,
continuous: true
}, config ) );
this.$element.addClass( 've-ui-symbolListBookletLayout' );
};
/* Inheritance */
OO.inheritClass( ve.ui.SymbolListBookletLayout, OO.ui.BookletLayout );
/* Methods */
/**
* Set symbol data
*
* @param {Object} symbolData
*/
ve.ui.SymbolListBookletLayout.prototype.setSymbolData = function ( symbolData ) {
const pages = [];
for ( const category in symbolData ) {
pages.push(
new ve.ui.SymbolListPage( category, symbolData[ category ] )
);
}
this.addPages( pages );
this.$element.on(
'click',
'.ve-ui-symbolListPage-symbol',
this.onListClick.bind( this )
);
};
/**
* Handle the click event on the list
*
* @param {jQuery.Event} e Mouse click event
*/
ve.ui.SymbolListBookletLayout.prototype.onListClick = function ( e ) {
const symbol = $( e.target ).data( 'symbol' );
if ( symbol ) {
this.emit( 'choose', symbol );
}
};
|