%PDF- %PDF-
Direktori : /www/varak.net/wiki.varak.net/vendor/oojs/oojs-ui/demos/classes/ |
Current File : //www/varak.net/wiki.varak.net/vendor/oojs/oojs-ui/demos/classes/IndexedDialog.js |
Demo.IndexedDialog = function DemoIndexedDialog( config ) { Demo.IndexedDialog.parent.call( this, config ); }; OO.inheritClass( Demo.IndexedDialog, OO.ui.ProcessDialog ); Demo.IndexedDialog.static.title = 'Indexed dialog'; Demo.IndexedDialog.static.actions = [ { action: 'save', label: 'Done', flags: [ 'primary', 'progressive' ] }, { action: 'cancel', label: 'Cancel', flags: [ 'safe', 'back' ] } ]; Demo.IndexedDialog.prototype.getBodyHeight = function () { return 250; }; Demo.IndexedDialog.prototype.initialize = function () { var loremIpsum = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, ' + 'sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\u200E'; Demo.IndexedDialog.parent.prototype.initialize.apply( this, arguments ); this.indexLayout = new OO.ui.IndexLayout(); this.tabPanels = [ new Demo.SampleTabPanel( 'first', { label: 'One tab' } ), new Demo.SampleTabPanel( 'second', { label: 'Two tab' } ), new Demo.SampleTabPanel( 'third', { label: 'Three tab' } ), new Demo.SampleTabPanel( 'fourth', { label: 'Four tab' } ), new Demo.SampleTabPanel( 'long', { label: 'Long tab', content: [ $( '<p>' ).text( loremIpsum ), $( '<p>' ).text( loremIpsum ), $( '<p>' ).text( loremIpsum ) ] } ) ]; this.indexLayout.addTabPanels( this.tabPanels ); this.$body.append( this.indexLayout.$element ); this.indexLayout.getTabs().findItemFromData( 'fourth' ).setDisabled( true ); }; Demo.IndexedDialog.prototype.getActionProcess = function ( action ) { if ( action ) { return new OO.ui.Process( function () { this.close( { action: action } ); }, this ); } return Demo.IndexedDialog.parent.prototype.getActionProcess.call( this, action ); };