sources/plugins/widget/dev/assets/simplebox/dialogs/simplebox.js

   1 // Note: This automatic widget to dialog window binding (the fact that every field is set up from the widget
   2 // and is committed to the widget) is only possible when the dialog is opened by the Widgets System
   3 // (i.e. the widgetDef.dialog property is set).
   4 // When you are opening the dialog window by yourself, you need to take care of this by yourself too.
   5
   6 CKEDITOR.dialog.add( 'simplebox', function( editor ) {
   7         return {
   8                 title: 'Edit Simple Box',
   9                 minWidth: 200,
  10                 minHeight: 100,
  11                 contents: [
  12                         {
  13                                 id: 'info',
  14                                 elements: [
  15                                         {
  16                                                 id: 'align',
  17                                                 type: 'select',
  18                                                 label: 'Align',
  19                                                 items: [
  20                                                         [ editor.lang.common.notSet, '' ],
  21                                                         [ editor.lang.common.alignLeft, 'left' ],
  22                                                         [ editor.lang.common.alignRight, 'right' ],
  23                                                         [ editor.lang.common.alignCenter, 'center' ]
  24                                                 ],
  25                                                 // When setting up this field, set its value to the "align" value from widget data.
  26                                                 // Note: Align values used in the widget need to be the same as those defined in the "items" array above.
  27                                                 setup: function( widget ) {
  28                                                         this.setValue( widget.data.align );
  29                                                 },
  30                                                 // When committing (saving) this field, set its value to the widget data.
  31                                                 commit: function( widget ) {
  32                                                         widget.setData( 'align', this.getValue() );
  33                                                 }
  34                                         },
  35                                         {
  36                                                 id: 'width',
  37                                                 type: 'text',
  38                                                 label: 'Width',
  39                                                 width: '50px',
  40                                                 setup: function( widget ) {
  41                                                         this.setValue( widget.data.width );
  42                                                 },
  43                                                 commit: function( widget ) {
  44                                                         widget.setData( 'width', this.getValue() );
  45                                                 }
  46                                         }
  47                                 ]
  48                         }
  49                 ]
  50         };
  51 } );