/*

Copyright 2008-2013 Clipperz Srl

This file is part of Clipperz, the online password manager.
For further information about its features and functionalities please
refer to http://www.clipperz.com.

* Clipperz is free software: you can redistribute it and/or modify it
  under the terms of the GNU Affero General Public License as published
  by the Free Software Foundation, either version 3 of the License, or 
  (at your option) any later version.

* Clipperz is distributed in the hope that it will be useful, but 
  WITHOUT ANY WARRANTY; without even the implied warranty of 
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
  See the GNU Affero General Public License for more details.

* You should have received a copy of the GNU Affero General Public
  License along with Clipperz. If not, see http://www.gnu.org/licenses/.

*/

Clipperz.Base.module('Clipperz.PM.UI.Web.Components');

Clipperz.PM.UI.Common.Components.SimpleMessagePanel = function(args) {
	args = args || {};

	Clipperz.PM.UI.Common.Components.SimpleMessagePanel.superclass.constructor.apply(this, arguments);

	this._title		= args.title		|| Clipperz.Base.exception.raise('MandatoryParameter');
	this._text		= args.text			|| Clipperz.Base.exception.raise('MandatoryParameter');
	this._type		= args.type			|| Clipperz.Base.exception.raise('MandatoryParameter');	//	ALERT, INFO, ERROR
	this._buttons	= args.buttons		|| Clipperz.Base.exception.raise('MandatoryParameter');

	this._buttonComponents = [];
	this._deferred = null;

	this.renderModalMask();

	return this;
}

//=============================================================================

Clipperz.Base.extend(Clipperz.PM.UI.Common.Components.SimpleMessagePanel, Clipperz.PM.UI.Common.Components.BaseComponent, {

	//-------------------------------------------------------------------------

	'toString': function () {
		return "Clipperz.PM.UI.Common.Components.SimpleMessagePanel component";
	},

	//-------------------------------------------------------------------------

	'deferred': function() {
		if (this._deferred == null) {
			this._deferred = new Clipperz.Async.Deferred("SimpleMessagePanel.deferred", {trace:false});
		}

		return this._deferred;
	},

	//-------------------------------------------------------------------------

	'title': function () {
		return this._title;
	},
	
	'setTitle': function (aValue) {
		this._title = aValue;

		if (this.getElement('title') != null) {
			this.getElement('title').innerHTML = aValue;
		}
	},

	//-------------------------------------------------------------------------

	'text': function () {
		return this._text;
	},
	
	'setText': function (aValue) {
		this._text = aValue;

		if (this.getElement('text') != null) {
			this.getElement('text').innerHTML = aValue;
		}
	},

	//-------------------------------------------------------------------------

	'type': function () {
		return this._type;
	},
	
	'setType': function (aValue) {
//		if (this.getElement('icon') != null) {
//			MochiKit.DOM.removeElementClass(this.getId('icon'), this._type);
//			MochiKit.DOM.addElementClass(this.getId('icon'), aValue);
//		}

		this._type = aValue;
	},

	'icon': function () {
		var type = this.type();
		var result;

		if (type == 'ALERT') {
			result = '!';
		} else if (type == 'INFO') {
			result = 'i';
		} else if (type == 'ERROR') {
			result = '!';
		}

		return result;
	},

	//-------------------------------------------------------------------------

	'buttons': function () {
		return this._buttons;
	},
	
	'setButtons': function (someValues) {
		MochiKit.Iter.forEach(this.buttonComponents(), MochiKit.Base.methodcaller('clear'));
		
		this._buttons = someValues;

		if (this.getElement('buttonArea') != null) {
			this.renderButtons();
		}
	},

	//.........................................................................

	'buttonComponents': function () {
		return this._buttonComponents;
	},

	//-------------------------------------------------------------------------

	'renderSelf': function() {
		this.append(this.element(), {tag:'div', cls:'SimpleMessagePanel', id:this.getId('panel'), children: [
//			{tag:'div', cls:'header', children:[]},
			{tag:'div', cls:'body', children:[
//				{tag:'div',	id:this.getId('icon'),	cls:'img ' + this.type(), children:[{tag:'div'}]},
				{tag:'div',	/*id:this.getId('icon'),*/	cls:'img ' + this.type(), children:[{tag:'canvas', id:this.getId('icon')}]},
				{tag:'h3',	id:this.getId('title'),	html:this.title()},
				{tag:'p',	id:this.getId('text'),	html:this.text()},
				{tag:'div', id:this.getId('container')},
				{tag:'div', id:this.getId('buttonArea'), cls:'buttonArea', children:[]}
			]}
//			{tag:'div', cls:'footer', children:[]}
		]});

		Clipperz.PM.UI.Canvas.marks[this.icon()](this.getElement('icon'), "#ffffff");

		MochiKit.Signal.connect(this.getId('panel'), 'onkeydown', this, 'keyDownHandler');

		this.renderButtons();
	},

	//-------------------------------------------------------------------------

	'renderButtons': function () {
		this.getElement('buttonArea').innerHTML = '';

		MochiKit.Base.map(MochiKit.Base.bind(function (aButton) {
			var buttonElement;
			var buttonComponent;
			
//			element = this.append(this.getElement('buttonArea'), {tag:'div', cls:'button' + (aButton['isDefault'] === true ? ' default' : ''), children:[
//				{tag:'a', href:'#'/*, id:this.getId('buttonLink')*/, html:aButton['text']}
//			]});

			buttonElement = this.append(this.getElement('buttonArea'), {tag:'div'});
			buttonComponent = new Clipperz.PM.UI.Common.Components.Button({'element':buttonElement, 'text':aButton['text'], 'isDefault':aButton['isDefault']});
			this.buttonComponents().push(buttonComponent);

			MochiKit.Signal.connect(buttonComponent, 'onclick', MochiKit.Base.method(this, 'buttonEventHandler', aButton));
		}, this), MochiKit.Iter.reversed(this.buttons()));
	},

	//-------------------------------------------------------------------------

	'displayElement': function() {
		return this.getElement('panel');
	},

	//-------------------------------------------------------------------------

	'closeOk': function () {
		this.deferred().callback();
		this._deferred = null;
	},
	
	'closeCancel': function () {
		this.deferred().cancel();
		this._deferred = null;
	},

	'closeError': function () {
		this.deferred().errback();
		this._deferred = null;
	},

	//-------------------------------------------------------------------------

	'buttonEventHandler': function(aButton, anEvent) {
		anEvent.preventDefault();
		
//		MochiKit.Signal.signal(this, 'cancelEvent');
		switch (aButton['result']) {
			case 'OK':
				this.closeOk();
				break;
			case 'CANCEL':
				this.closeCancel();
				break;
			default:
				this.closeError();
				break;
		}
	},

	//-------------------------------------------------------------------------

	'deferredShow': function (someArgs, aResult) {
		this.deferredShowModal(someArgs);

		this.deferred().addMethod(this, 'deferredHideModal', {closeToElement:someArgs.onOkCloseToElement });
		this.deferred().addErrback (MochiKit.Base.method(this, 'deferredHideModal', {closeToElement:someArgs.onCancelCloseToElement }));
		this.deferred().addCallback(MochiKit.Async.succeed, aResult);

		return this.deferred();
	},

	//-------------------------------------------------------------------------

	'modalDialogMask': function () {
		return this.getId('modalDialogMask');
	},
	
	'modalDialog': function () {
		return this.getId('modalDialog');
	},
	
	'modalDialogFrame': function() {
		return this.getId('modalDialogFrame');
	},

	//-------------------------------------------------------------------------
	
	'renderModalMask': function () {
		Clipperz.DOM.Helper.append(MochiKit.DOM.currentDocument().body,
			{tag:'div', id:this.getId('modalDialogWrapper'), cls:'modalDialogWrapper simpleMessagePanelMask', children:[
				{tag:'div', id:this.getId('modalDialogMask'), cls:'modalDialogMask simpleMessagePanelMask'},
				{tag:'div', id:this.getId('modalDialogFrame'), cls:'modalDialogFrame simpleMessagePanelMask'},
				{tag:'div', id:this.getId('modalDialog'), cls:'modalDialog simpleMessagePanelMask'}
			]}
		);
	
		MochiKit.Style.hideElement(this.getId('modalDialogMask'));
		MochiKit.Style.hideElement(this.getId('modalDialogFrame'));
	},

	//-------------------------------------------------------------------------

	'keyDownHandler': function (anEvent) {
		if (anEvent.key().string == 'KEY_ENTER') {
			anEvent.preventDefault();
			this.closeOk();
		}

		if (anEvent.key().string == 'KEY_ESCAPE') {
			anEvent.preventDefault();
			this.closeCancel();
		}
	},

	//-------------------------------------------------------------------------
	__syntaxFix__: "syntax fix"
});