Subversion-Projekte lars-tiefland.prado

Prado.WebUI.TRatingList = Base.extend(

{

	selectedIndex : -1,

	rating: -1,

	readOnly : false,

	constructor : function(options)

	{

		var cap = $(options.CaptionID);

		this.options = Object.extend(

		{

			caption : cap ? cap.innerHTML : ''

		}, options || {});

		Prado.WebUI.TRatingList.register(this);

		this._init();

		this.selectedIndex = options.SelectedIndex;

		this.rating = options.Rating;

		this.readOnly = options.ReadOnly

		if(options.Rating <= 0 && options.SelectedIndex >= 0)

			this.rating = options.SelectedIndex+1;

		this.setReadOnly(this.readOnly);

	},

	_init: function(options)

	{

		Element.addClassName($(this.options.ListID),this.options.Style);

		this.radios = new Array();

		this._mouseOvers = new Array();

		this._mouseOuts = new Array();

		this._clicks = new Array();

		var index=0;

		for(var i = 0; i<this.options.ItemCount; i++)

		{

			var radio = $(this.options.ListID+'_c'+i);

			var td = radio.parentNode.parentNode;

			if(radio && td.tagName.toLowerCase()=='td')

			{

				this.radios.push(radio);

				this._mouseOvers.push(this.hover.bindEvent(this,index));

				this._mouseOuts.push(this.recover.bindEvent(this,index));

				this._clicks.push(this.click.bindEvent(this,index));

				index++;

				Element.addClassName(td,"rating");

			}

		}

	},

	hover : function(ev,index)

	{

		if(this.readOnly==true) return;

		for(var i = 0; i<this.radios.length; i++)

		{

			var node = this.radios[i].parentNode.parentNode;

			var action = i <= index ? 'addClassName' : 'removeClassName'

			Element[action](node,"rating_hover");

			Element.removeClassName(node,"rating_selected");

			Element.removeClassName(node,"rating_half");

		}

		this.showCaption(this.getIndexCaption(index));

	},

	recover : function(ev,index)

	{

		if(this.readOnly==true) return;

		this.showRating(this.rating);

		this.showCaption(this.options.caption);

	},

	click : function(ev, index)

	{

		if(this.readOnly==true) return;

		for(var i = 0; i<this.radios.length; i++)

			this.radios[i].checked = (i == index);

		this.selectedIndex = index;

		this.setRating(index+1);

		if(this.options['AutoPostBack']==true){

			this.dispatchRequest(ev);

		}

	},

	dispatchRequest : function(ev)

	{

		var requestOptions = Object.extend(

		{

			ID : this.options.ListID+"_c"+this.selectedIndex,

			EventTarget : this.options.ListName+"$c"+this.selectedIndex

		},this.options);

		Prado.PostBack(ev, requestOptions);

	},

	setRating : function(value)

	{

		this.rating = value;

		var base = Math.floor(value-1);

		var remainder = value - base-1;

		var halfMax = this.options.HalfRating["1"];

		var index = remainder > halfMax ? base+1 : base;

		for(var i = 0; i<this.radios.length; i++)

			this.radios[i].checked = (i == index);

		var caption = this.getIndexCaption(index);

		this.setCaption(caption);

		this.showCaption(caption);

		this.showRating(this.rating);

	},

	showRating: function(value)

	{

		var base = Math.floor(value-1);

		var remainder = value - base-1;

		var halfMin = this.options.HalfRating["0"];

		var halfMax = this.options.HalfRating["1"];

		var index = remainder > halfMax ? base+1 : base;

		var hasHalf = remainder >= halfMin && remainder <= halfMax;

		for(var i = 0; i<this.radios.length; i++)

		{

			var node = this.radios[i].parentNode.parentNode;

			var action = i > index ? 'removeClassName' : 'addClassName';

			Element[action](node, "rating_selected");

			if(i==index+1 && hasHalf)

				Element.addClassName(node, "rating_half");

			else

				Element.removeClassName(node, "rating_half");

			Element.removeClassName(node,"rating_hover");

		}

	},

	getIndexCaption : function(index)

	{

		return index > -1 ? this.radios[index].value : this.options.caption;

	},

	showCaption : function(value)

	{

		var caption = $(this.options.CaptionID);

		if(caption) caption.innerHTML = value;

		$(this.options.ListID).title = value;

	},

	setCaption : function(value)

	{

		this.options.caption = value;

		this.showCaption(value);

	},

	setReadOnly : function(value)

	{

		this.readOnly = value;

		for(var i = 0; i<this.radios.length; i++)

		{

			var action = value ? 'addClassName' : 'removeClassName';

			Element[action](this.radios[i].parentNode.parentNode, "rating_disabled");

			var action = value ? 'stopObserving' : 'observe';

			var td = this.radios[i].parentNode.parentNode;

			Event[action](td, "mouseover", this._mouseOvers[i]);

			Event[action](td, "mouseout", this._mouseOuts[i]);

			Event[action](td, "click", this._clicks[i]);

		}

		this.showRating(this.rating);

	}

},

{

ratings : {},

register : function(rating)

{

	Prado.WebUI.TRatingList.ratings[rating.options.ListID] = rating;

},

setReadOnly : function(id,value)

{

	Prado.WebUI.TRatingList.ratings[id].setReadOnly(value);

},

setRating : function(id,value)

{

	Prado.WebUI.TRatingList.ratings[id].setRating(value);

},

setCaption : function(id,value)

{

	Prado.WebUI.TRatingList.ratings[id].setCaption(value);

}

});

Prado.WebUI.TActiveRatingList = Prado.WebUI.TRatingList.extend(

{

	dispatchRequest : function(ev)

	{

		var requestOptions = Object.extend(

		{

			ID : this.options.ListID+"_c"+this.selectedIndex,

			EventTarget : this.options.ListName+"$c"+this.selectedIndex

		},this.options);

		var request = new Prado.CallbackRequest(requestOptions.EventTarget, requestOptions);

		if(request.dispatch()==false)

			Event.stop(ev);

	}

});