mediawiki-extensions-Visual.../modules/es/views/es.ListItemView.js
2011-11-02 21:31:45 +00:00

50 lines
1.3 KiB
JavaScript

/**
* Creates an es.ListItemView object.
*
* @class
* @constructor
* @extends {es.DocumentViewLeafNode}
* @param {es.ListItemModel} model List item model to view
*/
es.ListItemView = function( model ) {
// Inheritance
es.DocumentViewLeafNode.call( this, model );
// Properties
this.$icon = $( '<div class="es-listItemView-icon"></div>' ).prependTo( this.$ );
// DOM Changes
this.$.addClass( 'es-listItemView' );
// Events
this.on( 'update', this.setClasses );
// Initialization
this.setClasses();
};
es.ListItemView.prototype.setClasses = function() {
var classes = this.$.attr( 'class' ),
styles = this.model.getElementAttribute( 'styles' );
this.$
// Remove any existing level classes
.attr(
'class',
classes
.replace( /es-listItemView-level[0-9]+/, '' )
.replace( /es-listItemView-(bullet|number)/, '' )
)
// Set the list style class from the style on top of the stack
.addClass( 'es-listItemView-' + styles[styles.length - 1] )
// Set the list level class from the length of the stack
.addClass( 'es-listItemView-level' + ( styles.length - 1 ) );
};
es.ListItemView.prototype.setNumber = function( number ) {
this.$icon.text( number + '.' );
};
/* Inheritance */
es.extendClass( es.ListItemView, es.DocumentViewLeafNode );