| Index: trunk/extensions/VisualEditor/modules/es/views/es.ToolbarView.js |
| — | — | @@ -4,53 +4,68 @@ |
| 5 | 5 |
|
| 6 | 6 | this.config = [
|
| 7 | 7 | {
|
| 8 | | - name: 'Text',
|
| | 8 | + name: 'text',
|
| 9 | 9 | items: [
|
| 10 | | - {
|
| 11 | | - 'type' : 'bold',
|
| 12 | | - 'annotation': 'textStyle/bold'
|
| 13 | | - },
|
| 14 | | - {
|
| 15 | | - 'type' : 'italic',
|
| 16 | | - 'annotation': 'textStyle/italic'
|
| 17 | | - },
|
| 18 | | - {
|
| 19 | | - 'type' : 'link',
|
| 20 | | - 'annotation': 'link/internal'
|
| 21 | | - },
|
| 22 | | - 'small',
|
| 23 | | - 'big',
|
| 24 | | - 'sub',
|
| 25 | | - 'super',
|
| 26 | | - 'clear'
|
| | 10 | + { 'name': 'bold', 'annotation': 'textStyle/bold' },
|
| | 11 | + { 'name': 'italic', 'annotation': 'textStyle/italic' },
|
| | 12 | + { 'name': 'link', 'annotation': 'link/internal' },
|
| | 13 | + { 'name': 'small' },
|
| | 14 | + { 'name': 'big' },
|
| | 15 | + { 'name': 'sub' },
|
| | 16 | + { 'name': 'super' },
|
| | 17 | + { 'name': 'clear' }
|
| 27 | 18 | ]
|
| 28 | 19 | },
|
| 29 | 20 | '/',
|
| 30 | 21 | {
|
| 31 | | - name: 'Lists',
|
| 32 | | - items: [ 'bullet', 'number', 'indent', 'outdent' ]
|
| | 22 | + name: 'list',
|
| | 23 | + items: [
|
| | 24 | + { 'name': 'bullet' },
|
| | 25 | + { 'name': 'number' },
|
| | 26 | + { 'name': 'indent' },
|
| | 27 | + { 'name': 'outdent' }
|
| | 28 | + ]
|
| 33 | 29 | },
|
| 34 | | - '/',
|
| 35 | 30 | {
|
| 36 | | - name: 'Preview',
|
| 37 | | - items: [ 'json', 'wikitext', 'html', 'render' ]
|
| | 31 | + name: 'preview',
|
| | 32 | + items: [
|
| | 33 | + { 'name': 'json' },
|
| | 34 | + { 'name': 'wikitext' },
|
| | 35 | + { 'name': 'html' },
|
| | 36 | + { 'name': 'render' }
|
| | 37 | + ]
|
| 38 | 38 | }
|
| 39 | 39 | ];
|
| 40 | 40 |
|
| 41 | | - for( var i = this.config.length - 1; i >= 0; i-- ) {
|
| 42 | | - if ( es.isPlainObject( this.config[i] ) ) {
|
| 43 | | - var $group = $( '<div class="es-toolbarGroup">' );
|
| 44 | | - $( '<div class="es-toolbarLabel">' ).html( this.config[i].name ).appendTo( $group );
|
| | 41 | + for ( var i = this.config.length - 1; i >= 0; i-- ) {
|
| | 42 | + if ( !es.isPlainObject( this.config[i] ) ) {
|
| | 43 | + if ( this.config[i] === '/' ) {
|
| | 44 | + this.$.prepend( '<div class="es-toolbarDivider">' );
|
| | 45 | + }
|
| | 46 | + } else {
|
| | 47 | + var $group = $( '<div>' )
|
| | 48 | + .addClass( 'es-toolbarGroup' )
|
| | 49 | + .addClass( 'es-toolbarGroup-' + this.config[i].name );
|
| | 50 | +
|
| | 51 | + $( '<div>' )
|
| | 52 | + .addClass( 'es-toolbarLabel' )
|
| | 53 | + .html( this.config[i].name )
|
| | 54 | + .appendTo( $group );
|
| | 55 | +
|
| 45 | 56 | for ( var j = 0; j < this.config[i].items.length; j++ ) {
|
| 46 | | - var toolName = es.isPlainObject( this.config[i].items[j] ) ? this.config[i].items[j].type : this.config[i].items[j];
|
| 47 | | - $( '<div class="es-toolbarTool" id="' + toolName + '"><img src="images/' + toolName + '.png" /></div>' ).appendTo( $group );
|
| | 57 | + var $tool = $('<div>')
|
| | 58 | + .addClass( 'es-toolbarTool' )
|
| | 59 | + .attr( 'id', 'es-toolbar-' + this.config[i].items[j].name );
|
| | 60 | +
|
| | 61 | + $( '<img>' )
|
| | 62 | + .attr( 'src', 'images/' + this.config[i].items[j].name + '.png')
|
| | 63 | + .appendTo( $tool );
|
| | 64 | +
|
| | 65 | + $group.append( $tool );
|
| 48 | 66 | }
|
| | 67 | +
|
| 49 | 68 | this.$.prepend( $group );
|
| 50 | | - } else {
|
| 51 | | - if ( this.config[i] === '/' ) {
|
| 52 | | - this.$.prepend( '<div class="es-toolbarDivider">' );
|
| 53 | | - }
|
| 54 | 69 | }
|
| 55 | | -
|
| 56 | 70 | }
|
| | 71 | +
|
| 57 | 72 | }; |
| \ No newline at end of file |