locomotive-aloha-rails 0.20.1.5 → 0.23.2.1

data/vendor/assets/javascripts/aloha/lib/aloha/ui-browser.js

@@ -1,214 +0,0 @@
-/*!
-* This file is part of Aloha Editor Project http://aloha-editor.org
-* Copyright © 2010-2011 Gentics Software GmbH, aloha@gentics.com
-* Contributors http://aloha-editor.org/contribution.php
-* Licensed unter the terms of http://www.aloha-editor.org/license.html
-*//*
-* Aloha Editor 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.*
-*
-* Aloha Editor 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 this program. If not, see <http://www.gnu.org/licenses/>.
-*/
-
-define(
-['aloha/ext', 'aloha/ui'],
-function(Ext, ui) {
-	
-
-	var
-//		$ = jQuery,
-//		GENTICS = window.GENTICS,
-//		Aloha = window.Aloha,
-		Class = window.Class;
-
-/**
- * !!!! ATTENTION !!!!
- * This is work in progress. This implemenation may change heavily.
- * Not yet implemented:
- * - configuring and templating the list
- * - DnD
- * - passing all possible query attributes to the repository
- * - query of subtree
- * - icon representation
- */
-ui.Browser = Class.extend({
-	_constructor: function () {
-
-		/**
-		 * @cfg Function called when an element is selected
-		 */
-		this.onSelect = null;
-
-		var that = this;
-
-		// define the grid that represents the filelist
-		this.grid = new Ext.grid.GridPanel( {
-			region : 'center',
-			autoScroll : true,
-			// the datastore can be used by the gridpanel to fetch data from
-			// repository manager
-			store : new Ext.data.Store( {
-				proxy : new Ext.data.AlohaProxy(),
-				reader : new Ext.data.AlohaObjectReader()
-			}),
-			columns : [ {
-				id : 'name',
-				header : 'Name',
-				width : 100,
-				sortable : true,
-				dataIndex : 'name'
-			}, {
-				header : 'URL',
-				renderer : function(val) {
-					return val;
-				},
-				width : 300,
-				sortable : true,
-				dataIndex : 'url'
-			} ],
-			stripeRows : true,
-			autoExpandColumn : 'name',
-			height : 350,
-			width : 600,
-			title : 'Objectlist',
-			stateful : true,
-			stateId : 'grid',
-			selModel: new Ext.grid.RowSelectionModel({singleSelect:true}),
-			listeners : {
-				'dblclick' : function(e) {
-					that.onItemSelect();
-				}
-			}
-		});
-			this.grid.getSelectionModel().on({
-				'selectionchange' : function(sm, n, node){
-					var resourceItem = that.grid.getSelectionModel().getSelected();
-					if (resourceItem) {
-									this.win.buttons[1].enable();
-					} else {
-									this.win.buttons[1].disable();
-					}
-					},
-					scope:this
-			});
-
-
-		// define the treepanel
-		this.tree = new Ext.tree.TreePanel( {
-			region : 'center',
-			useArrows : true,
-			autoScroll : true,
-			animate : true,
-			enableDD : true,
-			containerScroll : true,
-			border : false,
-			loader : new Ext.tree.AlohaTreeLoader(),
-			root : {
-				nodeType : 'async',
-				text : 'Aloha Repositories',
-				draggable : false,
-				id : 'aloha'
-			},
-			rootVisible : false,
-			listeners : {
-				'beforeload' : function(node) {
-					this.loader.baseParams = {
-						node : node.attributes
-					};
-				}
-			}
-		});
-			this.tree.getSelectionModel().on({
-					'selectionchange' : function(sm, node){
-							if (node) {
-								var resourceItem = node.attributes;
-							that.grid.store.load({ params: {
-								inFolderId: resourceItem.id,
-								objectTypeFilter: that.objectTypeFilter,
-								repositoryId: resourceItem.repositoryId
-							}});
-							}
-					},
-					scope:this
-			});
-
-		// nest the tree within a panel
-		this.nav = new Ext.Panel( {
-			title : 'Navigation',
-			region : 'west',
-			width : 300,
-			layout : 'fit',
-			collapsible : true,
-			items : [ this.tree ]
-		});
-
-		// add the nested tree and grid (filelist) to the window
-		this.win = new Ext.Window( {
-			title : 'Resource Selector',
-			layout : 'border',
-			width : 800,
-			height : 300,
-			closeAction : 'hide',
-			onEsc: function () {
-				this.hide();
-			},
-			defaultButton: this.nav,
-			plain : true,
-			initHidden: true,
-			items : [ this.nav, this.grid ],
-			buttons : [{
-				text : 'Close',
-				handler : function() {
-					that.win.hide();
-				}
-			}, {
-				text : 'Select',
-				disabled : true,
-				handler : function() {
-					that.onItemSelect();
-				}
-			}],
-				toFront : function(e) {
-						this.manager = this.manager || Ext.WindowMgr;
-						this.manager.bringToFront(this);
-						this.setZIndex(9999999999); // bring really to front (floating menu is not registered as window...)
-						return this;
-				}
-		});
-
-		this.onItemSelect = function () {
-			var
-				sm =  this.grid.getSelectionModel(),
-				sel = (sm) ? sm.getSelected() : null,
-				resourceItem = (sel) ? sel.data : null;
-			this.win.hide();
-			if ( typeof this.onSelect === 'function' ) {
-				this.onSelect.call(this, resourceItem);
-			}
-		};
-	},
-
-	setObjectTypeFilter: function(otf) {
-		this.objectTypeFilter = otf;
-	},
-
-	getObjectTypeFilter: function() {
-		return this.objectTypeFilter;
-	},
-
-	show: function() {
-		this.win.show(); // first show,
-		this.win.toFront(true);
-		this.win.focus();
-	}
-});
-
-});

data/vendor/assets/javascripts/aloha/lib/aloha/ui.js

@@ -1,889 +0,0 @@
-/*!
-* This file is part of Aloha Editor Project http://aloha-editor.org
-* Copyright © 2010-2011 Gentics Software GmbH, aloha@gentics.com
-* Contributors http://aloha-editor.org/contribution.php 
-* Licensed unter the terms of http://www.aloha-editor.org/license.html
-*//*
-* Aloha Editor 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.*
-*
-* Aloha Editor 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 this program. If not, see <http://www.gnu.org/licenses/>.
-*/
-
-define(
-['aloha/core', 'util/class', 'aloha/jquery', 'aloha/floatingmenu', 'aloha/ext', 'aloha/console', 'i18n!aloha/nls/i18n'],
-function(Aloha, Class, jQuery, FloatingMenu, Ext, console, i18n) {
-	
-	
-	var
-//		$ = jQuery,
-//		Aloha = window.Aloha,
-//		Ext = window.Ext,
-//		Class = window.Class;
-	GENTICS = window.GENTICS;
-
-	// Ensure Namespace
-	Aloha.ui = Aloha.ui || {};
-	
-	// internationalize ext js message box buttons
-	Ext.MessageBox.buttonText.yes = i18n.t('yes');
-	Ext.MessageBox.buttonText.no = i18n.t('no');
-	Ext.MessageBox.buttonText.cancel = i18n.t('cancel');
-
-	/**
-	 * This is the Gentics Version of the ExtJS Menu. It is necessary to extend the
-	 * Ext.menu.Menu in order to stop propagation of the mousedown event on the DOM
-	 * element of the menu, because a click in the menu shall not deactivate the
-	 * editable.
-	 */
-	Ext.ux.GENTICSMenu = Ext.extend(Ext.menu.Menu, {
-		/**
-         * overwrite onRender
-         */
-		onRender: function() {
-            // call the super method
-            Ext.ux.GENTICSMenu.superclass.onRender.apply(this, arguments);
-
-            // stop propagation of the mousedown event
-            jQuery(this.el.dom).mousedown(function (e) {
-                e.stopPropagation();
-            });
-		}
-	});
-
-/**
- * Constructor for an Aloha button.
- * @namespace Aloha.ui
- * @class Button
- * @param {Object} properties Properties of the button:
- * - label: Label that is displayed on the button.
- * - onclick: Callback function of the button when activated.
- * - menu: Array of Aloha.ui.Button elements that are displayed as drop-down menu.
- * - iconClass: Icon displayed on the button.
- * - icon: URL to an icon that is displayed on the button.
- * - toggle: Boolean that indicates if the button is a toggle button.
- */
-Aloha.ui.Button = Class.extend({
-	_constructor: function(properties) {
-		this.init(properties);
-	},
-
-	/**
-	 * Init method for an Aloha button.
-	 * This method is necessary due to JS specific initalization.
-	 * @namespace Aloha.ui
-	 * @class Button
-	 * @param {Object} properties Properties of the button:
-	 * - label: Label that is displayed on the button.
-	 * - onclick: Callback function of the button when activated.
-	 * - menu: Array of Aloha.ui.Button elements that are displayed as drop-down menu.
-	 * - iconClass: Icon displayed on the button.
-	 * - icon: URL to an icon that is displayed on the button.
-	 * - toggle: Boolean that indicates if the button is a toggle button.
-	 */
-	init: function(properties) {
-		/**
-		 * Label that is displayed on the button
-		 * @hide
-		 */
-		this.label = false;
-
-		/**
-		 * Name for the button
-		 */
-		this.name = false;
-		
-		/**
-		 * CSS class for an icon on the button
-		 * @hide
-		 */
-		this.iconClass = false;
-
-		/**
-		 * URL to an icon to display on the button
-		 * @hide
-		 */
-		this.icon = false;
-
-		/**
-		 * Callback function when the button is activated.
-		 * The "this" variable refers to the button inside the callback function.
-		 * @hide
-		 */
-		this.onclick = false;
-
-		/**
-		 * Array of buttons that are displayed in a drop down menu.
-		 * If a menu is provided and no onclick callback then clicking the button also opens the menu
-		 * @hide
-		 */
-		this.menu = null;
-
-		/**
-		 * Indicates if the button is a toggle button
-		 * @hide
-		 */
-		this.toggle = false;
-
-		/**
-		 * Property that indicates if the button is in pressed state
-		 * @hide
-		 */
-		this.pressed = false;
-
-		/**
-		 * Property that indicates whether the button is currently visible
-		 * @hide
-		 */
-		this.visible = true;
-
-		/**
-		 * Property that indicates whether the button is currently enabled
-		 * @hide
-		 */
-		this.enabled = true;
-
-		/**
-		 * Tooltip text
-		 * @hide
-		 */
-		this.tooltip = false;
-
-		/**
-		 * holds the ext object of the button
-		 * @hide
-		 */
-		this.extButton = null;
-
-		/**
-		 * holds the listeners of the button
-		 * @hide
-		 */
-		this.listenerQueue = [];
-
-		GENTICS.Utils.applyProperties(this, properties);
-
-		// use icon class as a fallback for name		
-		if (this.name === false) {
-			this.name = this.iconClass;
-		}
-
-		/**
-		 * Unique Id of the button
-		 * @hide
-		 */
-		this.id = this.generateId();
-	},
-
-	/**
-	 * Generate a unique id for the button
-	 * @return unique id
-	 * @hide
-	 */
-	generateId: function () {
-		Aloha.ui.Button.idCounter = Aloha.ui.Button.idCounter + 1;
-		return 'aloha-button' + Aloha.ui.Button.idCounter;
-	},
-
-	/**
-	 * Set the 'pressed' state of the button if it is a toggle button
-	 * @param {bool} pressed true when the button shall be 'pressed', false if not
-	 */
-	setPressed: function(pressed) {
-		if (this.toggle) {
-			this.pressed = pressed;
-			if (typeof this.extButton === 'object' && this.extButton != null && this.extButton.pressed != pressed) {
-				this.extButton.toggle(this.pressed);
-			}
-		}
-	},
-
-	/**
-	 * Indicates if the button is currently in "pressed" state.
-	 * This is only relevant if the button is a toggle button.
-	 * If the button is no toggle button this function always returns false.
-	 * @return {bool} True if the button is pressed, false otherwise.
-	 */
-	isPressed: function() {
-		if (this.toggle) {
-			return this.pressed;
-		}
-		return false;
-	},
-
-	/**
-	 * Show the button. When this button is added to the FloatingMenu, it is
-	 * necessary to call FloatingMenu.doLayout() after the visibility
-	 * of the button is changed
-	 */
-	show: function() {
-		this.visible = true;
-	},
-
-	/**
-	 * Hide the button. When this button is added to the FloatingMenu, it is
-	 * necessary to call FloatingMenu.doLayout() after the visibility
-	 * of the button is changed
-	 */
-	hide: function() {
-		this.visible = false;
-	},
-
-	/**
-	 * Check whether the button is visible or not
-	 * @return true when the button is visible, false if not
-	 */
-	isVisible: function() {
-		return this.visible;
-	},
-
-	/**
-	 * Enable the button - make it clickable
-	 */
-	enable: function() {
-		this.enabled = true;
-		if (typeof this.extButton === 'object') {
-			this.extButton.enable();
-		}
-	},
-
-	/**
-	 * Disable the button
-	 */
-	disable: function() {
-		this.enabled = false;
-		if (typeof this.extButton === 'object') {
-			this.extButton.disable();
-		}
-	},
-
-	/**
-	 * Check whether the button is currently enabled
-	 * @return true when the button is enabled, false if it is disabled
-	 */
-	isEnabled: function() {
-		return this.enabled;
-	},
-
-	/**
-	 * Get the Ext menu from this button
-	 * @return Ext menu
-	 * @hide
-	 */
-	getExtMenu: function() {
-		var menu, i, entry;
-		if ( this.menu && typeof this.menu === 'object') {
-			// build the drop down menu
-			menu = new Ext.ux.GENTICSMenu();
-			for (i = 0; i < this.menu.length; ++i) {
-				entry = this.menu[i];
-				menu.addItem(new Ext.menu.Item(entry.getExtMenuConfigProperties()));
-			}
-		}
-		return menu;
-	},
-
-	/**
-	 * Get the config properties for this button as menu entry
-	 * @return config properties for this button as menu entry
-	 * @hide
-	 */
-	getExtMenuConfigProperties: function() {
-		var me = this,
-			submenu = this.getExtMenu();
-
-		return {
-			text: this.label,
-			icon: this.icon,
-			iconCls: this.iconClass,
-			handler: function () {
-				if (typeof me.onclick == 'function') {
-					me.onclick();
-				}
-			},
-			menu: submenu
-		};
-	},
-
-	/**
-	 * Return an object containing the config properties to generate this button
-	 * @return config properties
-	 * @hide
-	 */
-	getExtConfigProperties: function() {
-		var me = this,
-			menu = this.getExtMenu(),
-
-		// configuration for the button
-			buttonConfig = {
-			text : this.label,
-			enableToggle: this.toggle,
-			pressed : this.pressed,
-			icon: this.icon,
-			iconCls: this.iconClass,
-			scale : this.scale||this.size,
-			width : this.width||undefined,
-			rowspan : this.rowspan || ((this.size == 'large' || this.size == 'medium') ? 2 : 1),
-			menu : menu,
-			handler : function(element, event) {
-				if (typeof me.onclick === 'function') {
-					me.onclick.apply(me, [element, event]);
-				}
-				if ( me.toggle ) {
-					me.pressed = !me.pressed;
-				}
-			},
-			xtype : (menu && typeof this.onclick == 'function') ? 'splitbutton' : 'button',
-			tooltipType : 'qtip',
-			tooltip : this.tooltip,
-			id : this.id,
-		    arrowAlign: this.arrowAlign || (this.size == 'large' || this.size == 'small' ? 'right' : 'bottom')
-		};
-
-		return buttonConfig;
-	}
-});
-
-/**
- * id counter, for generation of unique id's for the buttons
- * @hide
- */
-Aloha.ui.Button.idCounter = 0;
-
-/**
- * extJS Multi Split Button
- *
- * Display a Word-like formatting selection button
- * Selection images are typically 52*42 in size
- *
- * Example configuration
- * xtype : 'genticsmultisplitbutton',
- * items : [{
- *   'name'  : 'normal', // the buttons name, used to identify it
- *   'title' : 'Basic Text', // the buttons title, which will be displayed
- *	 'icon'  : 'img/icon.jpg', // source for the icon
- *	 'click' : function() { alert('normal'); } // callback if the button is clicked
- *   'wide'  : false // wether it's a wide button, which would be dispalyed at the bottom
- * }]
- *
- * you might want to check out the tutorial at
- * http://www.extjs.com/learn/Tutorial:Creating_new_UI_controls
- * @hide
- */
-Ext.ux.MultiSplitButton = Ext.extend(Ext.Component, {
-	initComponent: function() {
-		var me = this;
-		this.on('beforehide', function() {
-			me.closePanel();
-		});
-	},
-	/**
-	 * add a css class to the wrapper-div autogenerated by extjs
-	 * @hide
-	 */
-	autoEl: {
-		cls: 'aloha-multisplit-wrapper'
-	},
-
-	/**
-	 * will contain a reference to the ul dom object
-	 * @hide
-	 */
-	ulObj: null,
-
-	/**
-	 * holds a reference to the expand button
-	 * @hide
-	 */
-	panelButton: null,
-
-	/**
-	 * hold a reference to the wrapper div
-	 * @hide
-	 */
-	wrapper: null,
-
-	/**
-	 * true if the panel is expanded
-	 * @hide
-	 */
-	panelOpened: false,
-
-	/**
-	 * get items for the multisplit button according to config
-	 * configuration for a multisplit button has to be stored
-	 * within an array:
-	 *
-	 *		Aloha.settings.components.[MULTISPLITBUTTON-NAME] = [ 'item1', 'item2' ];
-	 *
-	 * An example for that would be:
-	 *
-	 *		// settings for phrasing element for the format plugin
-	 *		Aloha.settings.components.phrasing = [ 'h1', 'h2', 'h3', 'removeFormat' ];
-	 *
-	 * if there is no config available, it will just use all items available
-	 * @return button items for this multisplit button
-	 */
-	_getItems: function() {
-		var that = this,
-			items = [],
-			i, length;
-		
-		if (Aloha.settings.components &&
-			Aloha.settings.components[this.name] &&
-			typeof Aloha.settings.components[this.name] === 'object') {
-			// iterate over all buttons in our config...
-			jQuery.each(Aloha.settings.components[this.name], function (idx, button) {
-				for (i = 0, length = that.items.length; i < length; i++) {
-					if (that.items[i].name === button) {
-						// ... and find the appropriate internal button
-						items.push(that.items[i]);
-						break;
-					}
-				}
-			});
-			return items;
-		} else {
-			return this.items;
-		}
-	},
-
-	/**
-	 * render the multisplit button
-	 * @return void
-	 * @hide
-	 */
-	onRender: function() {
-		Ext.ux.MultiSplitButton.superclass.onRender.apply(this, arguments);
-		// create a reference to this elements dom object
-		this.wrapper = jQuery(this.el.dom);
-
-		var
-			me = this,
-			i,
-			item,
-			items,
-			html = '<ul class="aloha-multisplit">';
-
-		items = this._getItems(); 
-
-		// add a new button to the list for each configured item
-		for (i=0; i<items.length; i++) {
-			item = items[i];
-			if (typeof item.visible == 'undefined') {
-				item.visible = true;
-			}
-			// wide buttons will always be rendered at the bottom of the list
-			if (item.wide) {
-				continue;
-			}
-			html += '<li>' +
-				'<button xmlns:ext="http://www.extjs.com/" class="' + item.iconClass + '" ext:qtip="' + item.tooltip + '" gtxmultisplititem="' + i + '">&#160;</button>' +
-				'</li>';
-		}
-
-        // now add the wide buttons at the bottom of the list
-		for (i=0; i<items.length; i++) {
-			item = items[i];
-			// now only wide buttons will be rendered
-			if (!item.wide) {
-				continue;
-			}
-
-			html += '<li>' +
-				'<button xmlns:ext="http://www.extjs.com/" class="aloha-multisplit-wide ' + item.iconClass + '" ext:qtip="' + item.tooltip + '" gtxmultisplititem="' + i + '">' +
-				item.text + '</button>' +
-				'</li>';
-		}
-
-		html += '</ul>';
-
-		// register on move event, which occurs when the panel was dragged
-		// this should be done within the constructor, but ist not possible there
-		// since the extTabPanel will not be initialized at this moment
-		FloatingMenu.extTabPanel.on('move', function () {
-			me.closePanel();
-		});
-		FloatingMenu.extTabPanel.on('tabchange', function () {
-			me.closePanel();
-		});
-
-		// add onclick event handler
-		this.ulObj = jQuery(this.el.createChild(html).dom)
-		.click(function (event) {
-			me.onClick(event);
-		});
-
-		// add the expand button
-		this.panelButton = jQuery(
-			this.el.createChild('<button class="aloha-multisplit-toggle aloha-multisplit-toggle-open">&#160;</button>').dom
-		)
-		.click(function () {
-			me.togglePanel();
-		});
-  },
-
-	/**
-	 * callback if a button has been clicked
-	 * @param event jquery event object
-	 * @return void
-	 * @hide
-	 */
-  onClick: function(event) {
-		// check if the element has a gtxmultisplititem attribute assigned
-		if (!event.target.attributes.gtxmultisplititem) {
-			return;
-		}
-		var el = jQuery(event.target);
-
-		// collapse the panel
-		this.closePanel();
-
-		// wide buttons cannot become the active element
-		if (!el.hasClass('aloha-multisplit-wide')) {
-			this.setActiveDOMElement(el);
-		}
-
-		// invoke the items function
-		this.items[event.target.attributes.gtxmultisplititem.value].click();
-  },
-
-	/**
-	 * set the active item specified by its name
-	 * @param name the name of the item to be marked as active
-	 * @return void
-	 * @hide
-	 */
-	setActiveItem: function(name) {
-		var button;
-
-		// collapse the panel
-		this.closePanel();
-
-		button = jQuery('#' + this.id + ' .aloha-button-' + name);
-		if (button.length === 1) {
-			this.setActiveDOMElement(button);
-			this.activeItem = name;
-		} else {
-			this.setActiveDOMElement(null);
-			this.activeItem = null;
-		}
-    },
-
-	/**
-	 * mark an item as active
-	 * @param el jquery obj for item to be marked as active
-	 * @return void
-	 * @hide
-	 */
-	setActiveDOMElement: function(el) {
-		// when the component (or one of its owners) is currently hidden, we need to set the active item later
-		var ct = this, top;
-		while (typeof ct !== 'undefined') {
-			if (ct.hidden) {
-				this.activeDOMElement = el;
-				return;
-			}
-			ct = ct.ownerCt;
-		}
-
-		jQuery(this.ulObj).find('.aloha-multisplit-activeitem').removeClass('aloha-multisplit-activeitem');
-		if(el) {
-			el.parent().addClass('aloha-multisplit-activeitem');
-		}
-
-		if ( !el || el.parent().is(':hidden')) {
-			return;
-		}
-
-		// reposition multisplit contents to the active item
-		if ( el && this.ulObj ) {
-			this.ulObj.css('margin-top', 0);
-			top = el.position().top;
-			this.ulObj.css({
-				'margin-top': - top + 6,
-				'height': 46 + top - 6
-			});
-		}
-
-		this.activeDOMElement = undefined;
-    },
-	/**
-	 * toggle the panel display from closed to expanded or vice versa
-	 * @return void
-	 * @hide
-	 */
-	togglePanel: function() {
-		if (this.panelOpened) {
-			this.closePanel();
-		} else {
-			this.openPanel();
-		}
-    },
-
-    /**
-     * expand the button panel
-     * @return void
-     * @hide
-     */
-    openPanel: function() {
-		if (this.panelOpened) {
-			return;
-		}
-
-		var o = this.wrapper.offset();
-
-		// detach the ul element and reattach it onto the body
-		this.ulObj
-			.appendTo(jQuery('body'))
-			.addClass('aloha-multisplit-expanded')
-			.mousedown(function (e) {
-				e.stopPropagation();
-			})
-			.css({
-				// relocate the ul
-				'top': o.top - 1,
-				'left': o.left - 1
-			})
-			.animate({
-				// display expand animation
-				height: (this.ulObj.prop)?this.ulObj.prop('scrollHeight'):this.ulObj.attr('scrollHeight')
-			});
-
-		// TODO change to css
-		this.panelButton
-			.removeClass('aloha-multisplit-toggle-open')
-			.addClass('aloha-multisplit-toggle-close');
-		this.panelOpened = true;
-    },
-
-    /**
-     * collapses the panel
-     * @return void
-     * @hide
-     */
-    closePanel: function() {
-		if (!this.panelOpened) {
-			return;
-		}
-
-		this.ulObj
-			.removeClass('aloha-multisplit-expanded')
-			.appendTo(this.wrapper);
-
-		// TODO change to css
-		this.panelButton
-			.addClass('aloha-multisplit-toggle-open')
-			.removeClass('aloha-multisplit-toggle-close');
-		this.panelOpened = false;
-	},
-
-	/**
-	 * hides a multisplit item
-	 * @return void
-	 * @hide
-	 */
-	hideItem: function(name) {
-		for (var i = 0; i<this.items.length; i++) {
-			if (this.items[i].name == name) {
-				this.items[i].visible = false;
-				// hide the corresponding dom object
-				jQuery('#' + this.id + ' [gtxmultisplititem=' + i + ']').parent().hide();
-				return;
-			}
-		}
-	},
-
-	/**
-	 * shows an item
-	 * @return void
-	 * @hide
-	 */
-	showItem: function(name) {
-		for (var i = 0; i<this.items.length; i++) {
-			if (this.items[i].name == name) {
-				this.items[i].visible = true;
-				// hide the corresponding dom object
-				jQuery('#' + this.id + ' [gtxmultisplititem=' + i + ']').parent().show();
-				return;
-			}
-		}
-	}
-});
-Ext.reg('alohamultisplitbutton', Ext.ux.MultiSplitButton);
-
-/**
- * Aloha MultiSplit Button
- * @namespace Aloha.ui
- * @class MultiSplitButton
- * @param {Object} properties properties object for the new multisplit button
- *		however you just have to fill out the items property of this object
- *		items : [{
- *			'name'  : 'normal', // the buttons name, used to identify it
- *			'tooltip' : 'Basic Text', // the buttons tooltip, which will be displayed on hover
- *			'text'	: 'Basic Text', // text to display on wide buttons
- *			'icon'  : 'img/icon.jpg', // source for the icon
- *			'click' : function() { alert('normal'); } // callback if the button is clicked
- *			'wide'  : false // whether it's a wide button, which would be dispalyed at the bottom
- *		}]
- */
-Aloha.ui.MultiSplitButton = Class.extend({
-	_constructor: function(properties) {
-		/**
-		 * Items in the Multisplit Button
-		 * @hide
-		 */
-		this.items = [];
-		GENTICS.Utils.applyProperties(this, properties);
-
-		/**
-		 * unique id for all buttons
-		 * @hide
-		 */
-		this.id = this.generateId();
-	},
-
-	/**
-	 * Generate a unique id for the button
-	 * @return unique id
-	 * @hide
-	 */
-	generateId: function () {
-		Aloha.ui.MultiSplitButton.idCounter = Aloha.ui.MultiSplitButton.idCounter + 1;
-		return 'aloha-multisplitbutton' + Aloha.ui.MultiSplitButton.idCounter;
-	},
-
-	/**
-	 * Return an object containing the config properties to generate this button
-	 * @return config properties
-	 * @hide
-	 */
-	getExtConfigProperties: function() {
-		return {
-			'xtype' : 'alohamultisplitbutton',
-			'items' : this.items,
-			'name' : this.name,
-			'id' : this.id
-		};
-	},
-
-	/**
-	 * Set the active item of the multisplitbutton
-	 * @param {String} name	name of the item to be set active
-	 */
-	setActiveItem: function(name) {
-		if (this.extButton && typeof name !== 'undefined') {
-			this.extButton.setActiveItem(name);
-		}
-	},
-
-	/**
-	 * check whether the multisplit button is visible
-	 * @return boolean true if visible
-	 */
-	isVisible: function() {
-		// if all items are hidden, disable this item
-		for (var i=0; i<this.items.length; i++) {
-			// if just one item is visible that's enough
-			if (this.items[i].visible) {
-				return true;
-			}
-		}
-		return false;
-	},
-
-	/**
-	 * shows an item of the multisplit button
-	 * @param {String} name the item's name
-	 */
-	showItem: function(name) {
-		if (typeof this.extButton === 'undefined') {
-			return;
-		}
-		this.extButton.showItem(name);
-	},
-
-	/**
-	 * hides an item of the multisplit button
-	 * @param {String} name the item's name
-	 */
-	hideItem: function(name) {
-		if (typeof this.extButton === 'undefined') {
-			return;
-		}
-		this.extButton.hideItem(name);
-	}
-});
-
-/**
- * Method to access translations
- * @deprecated
- * This will be removed in one of the next version
- */
-Aloha.i18n = function(component, key, replacements) {
-	console.deprecated ('Aloha', 'i18n() is deprecated. Use module "i18n!aloha/nls/i18n" instead.');
-	return key;
-};
-
-
-/**
- * Displays a message according to it's type
- * @method
- * @param {Aloha.Message} message the Aloha.Message object to be displayed
- */
-Aloha.showMessage = function (message) {
-
-	if (FloatingMenu.obj) {
-		FloatingMenu.obj.css('z-index', 8900);
-	}
-
-	switch (message.type) {
-		case Aloha.Message.Type.ALERT:
-			Ext.MessageBox.alert(message.title, message.text, message.callback);
-			break;
-		case Aloha.Message.Type.CONFIRM:
-			Ext.MessageBox.confirm(message.title, message.text, message.callback);
-			break;
-		case Aloha.Message.Type.WAIT:
-			Ext.MessageBox.wait(message.text, message.title);
-			break;
-		default:
-			Aloha.log('warn', this, 'Unknown message type for message {' + message.toString() + '}');
-			break;
-	}
-};
-
-/**
- * Hides the currently active modal, which was displayed by showMessage()
- * @method
- */
-Aloha.hideMessage = function () {
-	Ext.MessageBox.hide();
-};
-
-/**
- * checks if a modal dialog is visible right now
- * @method
- * @return true if a modal is currently displayed
- */
-Aloha.isMessageVisible = function () {
-	return Ext.MessageBox.isVisible();
-};
-
-/**
- * id counter, for generation of unique id's for the buttons
- * @hide
- */
-Aloha.ui.MultiSplitButton.idCounter = 0;
-
-return Aloha.ui;
-
-});