/** * 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.DocumentViewBranchNode.call( this, model ); // Properties this.$icon = $( '
' ).prependTo( this.$ ); // DOM Changes this.$.addClass( 'es-listItemView' ); // Events this.on( 'update', this.setClasses ); // Initialization this.setClasses(); }; /* Methods */ 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 + '.' ); }; /* Registration */ es.DocumentView.splitRules.listItem = { 'self': true, 'children': false }; /* Inheritance */ es.extendClass( es.ListItemView, es.DocumentViewBranchNode );