From d08450575f2f7d1bed6170eb28b33241ab8055db Mon Sep 17 00:00:00 2001 From: Ingo Schommer Date: Sat, 21 Nov 2009 02:35:22 +0000 Subject: [PATCH] API CHANGE Removed DraggableSeparator, SideTabs, SideTabItem javascript classeAPI CHANGE Removed DraggableSeparator, SideTabs, SideTabItem javascript classess git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/trunk@92582 467b73ca-7a2a-4603-9d3b-597d59a354a9 --- javascript/SideTabs.js | 225 +---------------------------------------- 1 file changed, 2 insertions(+), 223 deletions(-) diff --git a/javascript/SideTabs.js b/javascript/SideTabs.js index d853c008..69052556 100755 --- a/javascript/SideTabs.js +++ b/javascript/SideTabs.js @@ -1,183 +1,3 @@ -// script.aculo.us EffectResize.js -// Copyright(c) 2007 - Frost Innovation AS, http://ajaxwidgets.com -// -// EffectResize.js is freely distributable under the terms of an MIT-style license. -// For details, see the script.aculo.us web site: http://script.aculo.us/ -// -// From: http://wiki.script.aculo.us/scriptaculous/show/Effect+Resize+Extension -// Modified to work with Prototype 1.4.0_rc3 - -/* Helper Effect for resizing elements... - */ -Effect.ReSize = Class.create(); -Object.extend(Object.extend(Effect.ReSize.prototype, Effect.Base.prototype), { - initialize: function(element) { - this.element = element; - if(!this.element) throw(Effect._elementDoesNotExistError); - var options = Object.extend({ amount: 100, direction: 'vert', toSize:null }, arguments[1] || {}); - if( options.direction == 'vert' ) - this.originalSize = options.originalSize || parseInt(this.element.style.height); - else - this.originalSize = options.originalSize || parseInt(this.element.style.width); - - if( options.toSize != null ) { - options.amount = options.toSize - this.originalSize; - } - - this.start(options); - }, - - setup: function() { - // Prevent executing on elements not in the layout flow - if(this.element.style.display == 'none') { this.cancel(); return; } - }, - - update: function(position) { - if( this.options.direction == 'vert' ) { - this.element.style.height = this.originalSize+(this.options.amount*position)+'px'; - } else { - this.element.style.width = this.originalSize+(this.options.amount*position)+'px'; - } - }, - - finish: function() { - if( this.options.direction == 'vert' ) { - this.element.style.height = this.originalSize+this.options.amount+'px'; - // Modification to make 'Page Version History' resize correctly: - if(this.element.onresize) this.element.onresize(); - } else { - this.element.style.width = this.originalSize+this.options.amount+'px'; - } - } -}); -// End: script.aculo.us EffectResize.js - -SideTabs = Class.create(); -SideTabs.prototype = { - /** - * Set up the SideTab set. Note that tabs themselves are automatically constructed - * from the HTML. - */ - initialize: function() { - this.tabs = this.getElementsByTagName('h2'); - this.resize(); - $('Form_EditForm').observeMethod('PageLoaded',this.onpagechanged.bind(this)); - }, - - destroy: function() { - this.tabs = null; - }, - - /** - * Fix all the panes' sizes in response to one being opened or closed - * - * @param useEffect boolean Use smooth resizing effect - */ - resize: function(useEffect) { - var i,numOpenPanes=0,otherPanes = []; - for(i=0;i 0) { - // We no longer hide the left frame - // $('left').show(); - var totalHeight = getFittingHeight(this.tabs[0].linkedPane, 0, otherPanes); - var eachHeight = totalHeight / numOpenPanes; - for(i=0;i -10); - this.holder = $('treepanes'); - this.linkedPane.style.display = this.selected ? '' : 'none'; - }, - - destroy: function() { - this.holder = null; - this.linkedPane = null; - this.onclick = null; - }, - - /** - * Handler for

click - */ - onclick: function(event) { - Event.stop(event); - var toggleID = this.id.replace('heading_','') + '_toggle'; - Element.toggle(toggleID + '_closed'); - Element.toggle(toggleID + '_open'); - this.toggle(); - }, - toggle: function() { - if(this.selected) this.close(); - else this.open(); - }, - open: function() { - if(!this.selected) { - this.selected = true; - Element.addClassName(this,'selected'); - this.linkedPane.style.display = ''; - this.linkedPane.style.height = '0px'; - this.holder.resize(true); - if(this.linkedPane.onshow) { - this.linkedPane.onshow(); - } - } - }, - close: function() { - if(this.selected) { - this.selected = false; - Element.removeClassName(this,'selected'); - new Effect.ReSize(this.linkedPane, {direction:'vert', toSize:0, duration:.4}); - this.holder.resize(true); - if(this.holder.onhide) this.holder.onhide(); - if(this.linkedPane.onclose) this.linkedPane.onclose(); - } - } -} - -// Application order is important - the Items must be created before the SideTabs object. -SideTabItem.applyTo('#treepanes h2'); -SideTabs.applyTo('#treepanes'); - /** * Generic base class for all side panels */ @@ -194,11 +14,7 @@ SidePanel.prototype = { this.body.innerHTML = '

loading...

'; this.ajaxGetPanel(this.afterPanelLoaded); }, - onresize : function() { - fitToParent(this.body); - }, ajaxGetPanel : function(onComplete) { - fitToParent(this.body); new Ajax.Updater(this.body, this.ajaxURL(), { onComplete : onComplete ? onComplete.bind(this) : null, onFailure : this.ajaxPanelError @@ -241,44 +57,7 @@ SidePanelRecord.prototype = { } -/** - * Class that will add an 'over' class when the mouse is over the object - */ -Highlighter = Class.create(); -Highlighter.prototype = { - onmouseover: function() { - Element.addClassName(this,'over'); - }, - onmouseout: function() { - Element.removeClassName(this,'over'); - }, - destroy: function() { - this.onmouseover = null; - this.onmouseout = null; - }, - select: function(dontHide) { - if(dontHide) { - Element.addClassName(this,'current'); - this.parentNode.lastSelected = null; - - } else { - if(this.parentNode.lastSelected) { - Element.removeClassName(this.parentNode.lastSelected,'current'); - Element.addClassName(this,'current'); - - } else { - var i,item; - for(i=0;item=this.parentNode.childNodes[i];i++) { - if(item.tagName) { - if(item == this) Element.addClassName(item,'current'); - else Element.removeClassName(item,'current'); - } - } - } - this.parentNode.lastSelected = this; - } - } -} + /** @@ -346,7 +125,7 @@ VersionList.prototype = { } } -VersionItem = Class.extend('Highlighter'); +VersionItem = Class.create(); VersionItem.prototype = { initialize : function() { this.holder = $('versions_holder');