%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 );
};