User:Qwerfjkl/scripts/test.js

$(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);});

})});