/*
 * Ext.ux.menu.StoreMenu Addon
 *
 * @author Marco Wienkoop (wm003/lubber)
 * @copyright (c) 2009, Marco Wienkoop (marco.wienkoop@lubber.de) http://www.lubber.de
 *
 * @class Ext.ux.menu.StoreMenu
 * @extends Ext.menu.Menu

 * Donations are always welcome :)
 * Any amount is greatly appreciated and will help to continue on developing ExtJS Widgets
 *
 * You can donate via PayPal to donate@lubber.de
 *
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program 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 General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>
 * This Addon requires the ExtJS Library, which is distributed under the terms of the GPL v3 (from V2.1)
 * See http://extjs.com/license for more info


Revision History
v 0.2 [2009/03/04]
- added support for submenu ("menu" has to be delivered such as "handler")

v 0.1 [2009/03/03]
Initial release
 */

/*
 Modified by Joe Kuan - kuan.joe@gmail.com
 */
Ext.namespace('Ext.ux.menu');

Ext.ux.menu.StoreMenu = function(config) {
	Ext.ux.menu.StoreMenu.superclass.constructor.call(this, config);
	if (!this.store) {
		// at least url/proxy or data need to be given in config when initiating
		// this component
		this.store = new Ext.data.JsonStore({
			fields : this.fields,
			root : this.root,
			baseParams : this.baseParams,
			idProperty : this.id,
			proxy : new Ext.data.HttpProxy({
				url : this.url,
				method : ((!this.method) ? 'POST' : this.method),
			})
		/*
		 * proxy:this.proxy, data: this.data
		 */
		});
	}

	// Keep track of what menu items have been added
	this.storeMenus = [];

	// List of handlers for menu and submenus
	this.handlerTypes = {};

	if (this.itemsOffset === undefined)
		this.itemsOffset = 0;

	this.on('show', this.onMenuLoad, this);
	this.store.on('beforeload', this.onBeforeLoad, this);
	this.store.on('load', this.onLoad, this);
};

Ext.extend(Ext.ux.menu.StoreMenu, Ext.menu.Menu, {
					loadingText  : Ext.LoadMask.prototype.msg || 'Loading...',
					loaded : false,
					onMenuLoad : function() {
						if (!this.loaded || this.autoReload) {
							// if(this.options) {
							// this.store.loadData(this.options);
							// }
							// else {
							this.store.load();
							// }
						}
					},

					updateMenuItems : function(loadedState, records) {
						// var visible = this.isVisible();
						// this.hide(false);

						for ( var i = 0; i < this.storeMenus.length; i++) {
							this.remove(this.storeMenus[i]);
						}
						this.storeMenus = [];

						// to sync the height of the shadow
						this.el.sync();

						if (loadedState) {
							for ( var i = 0, len = records.length; i < len; i++) {
								// create a real function if a handler or menu
								// is given as a string (because a function
								// cannot really be encoded in JSON
								if (records[i].json.handler) {
									eval("records[i].json.handler = "
											+ records[i].json.handler);
									// records[i].json.handler = new
									// Function(records[i].json.handler);
								} else if (this.itemsHandler) {
									records[i].json.handler = this.itemsHandler;
								}

								if (records[i].json.menu
										&& records[i].json.menu.items) {
									// eval("records[i].json.menu =
									// "+records[i].json.menu);
									// records[i].json.menu = new
									// Function(records[i].json.menu);
									for ( var j = 0; j < records[i].json.menu.items.length; j++) {
										var handlerType = records[i].json.menu.items[j].smHandler;
										if (handlerType
												&& this.handlerTypes[handlerType]) {
											records[i].json.menu.items[j].handler = this.handlerTypes[handlerType];
										}
									}
								}

								this.storeMenus.push(this.insert(
										this.itemsOffset + i, records[i].json));
							}
							// this.hide();
							// this.show();

						} else {
							this.storeMenus.push(this.insert(this.itemsOffset
									+ i, '<span class="loading-indicator">'
									+ this.loadingText + '</span>'));
						}

						this.loaded = loadedState;
						// if(visible && loadedState) {
						// this.show(this.getEl().getXY());
						// this.show();
						// }
					},

					onBeforeLoad : function(store) {
						this.updateMenuItems(false);
					},

					onLoad : function(store, records) {
						this.updateMenuItems(true, records);
					},

					setItemsHandler : function(handler) {
						this.itemsHandler = handler;
					},

					setSubMenuHandler : function(handler, handlerType) {
						this.handlerTypes[handlerType] = handler;
					},

					setOffset : function(offset) {
						this.itemsOffset = offset;
					},

					setAutoReload : function(autoReload) {
						this.autoReload = autoReload;
					},

					setBaseParam : function(param, value) {
						this.store.setBaseParam(param, value);
					},

					setStore : function(store) {
						this.store = store;
					}
				});