function ProcessDialog(config) {
	ProcessDialog.super.call(this, config);
}

OO.inheritClass(ProcessDialog, OO.ui.ProcessDialog);

ProcessDialog.static.name = 'managewiki-review';

ProcessDialog.static.title = 'Review changes';

ProcessDialog.static.actions = [{
	label: 'Close',
	flags: 'safe'
}];

ProcessDialog.prototype.initialize = function() {
	ProcessDialog.super.prototype.initialize.apply(this, arguments);

	this.content = new OO.ui.PanelLayout({
		padded: true,
		expanded: false
	});

	var $this = this;
	$('#managewiki-form :input').each(function() {
		if (this.type === 'checkbox' && this.defaultValue && this.defaultChecked != this.checked) {
			$this.content.$element.append('<b>' + this.name.split('-')[1].replace('[]', '[' + this.value + ']') + '</b>: ' + this.defaultChecked + ' -> ' + this.checked + '<br />');
		} else if (this.defaultValue && this.defaultValue != this.value) {
			$this.content.$element.append('<b>' + this.name.split('-')[1] + '</b>: ' + this.defaultValue + ' -> ' + this.value + '<br />');
		}
	});

	this.$body.append(this.content.$element);
};

ProcessDialog.prototype.getActionProcess = function(action) {
	var dialog = this;
	if (action) {
		return new OO.ui.Process(function() {
			dialog.close({
				action: action
			});
		});
	}

	return ProcessDialog.super.prototype.getActionProcess.call(this, action);
};

ProcessDialog.prototype.getBodyHeight = function() {
	return this.content.$element.outerHeight(true);
};

var windowManager = new OO.ui.WindowManager();
$(document.body).append(windowManager.$element);

var processDialog = new ProcessDialog({
	size: 'medium'
});

windowManager.addWindows([processDialog]);

windowManager.openWindow(processDialog);