$(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( [ myDialog ] );
// Open the window!
windowManager.openWindow( myDialog );
//document.getElementById("testbuttonfoo").addEventListener("click", function () {windowManager.clearWindows();console.log(document.getElementById("message-box-foo").innerText);});

})});