$(function() {
$(mw.util.addPortletLink("p-cactions", "#", "test", "ca-test", "test"));
$('#ca-test').on('click', function(e) {
e.preventDefault();
// Add interface shell
// A simple dialog window.
function MyDialog( config ) {
MyDialog.super.call( this, config );
}
OO.inheritClass( MyDialog, OO.ui.Dialog );
MyDialog.static.name = 'myDialog';
MyDialog.prototype.initialize = function () {
MyDialog.super.prototype.initialize.call( this );
this.content = new OO.ui.PanelLayout( { padded: false, expanded: false } );
var textarea = new OO.ui.MultilineTextInputWidget( {
autosize: true,
value: 'sdf\n\nsffgfg\ndfdfs',
id: "message-box-foo",
text: 'Test text'
} )
this.content.$element.append( textarea.$element );
var button = new OO.ui.ButtonInputWidget( {
label: 'Input button',
icon: 'check',
value: 'check',
id: 'testbuttonfoo',
flags: [
'primary',
'destructive'
]
} );
$( button.$element ).click(function() {alert(textarea);alert(textarea.$element);alert(textarea.value)});
this.content.$element.append( button.$element );
this.$body.append( this.content.$element );
};
MyDialog.prototype.getBodyHeight = function () {
return this.content.$element.outerHeight( true );
};
var myDialog = new MyDialog();
// Create and append a window manager, which opens and closes the window.
var windowManager = new OO.ui.WindowManager();
windowManager.defaultSize = 'full'
windowManager.height = '100%'
$( document.body ).append( windowManager.$element );
windowManager.addWindows( );
// Open the window!
windowManager.openWindow( myDialog );
//document.getElementById("testbuttonfoo").addEventListener("click", function () {windowManager.clearWindows();console.log(document.getElementById("message-box-foo").innerText);});
})});