new config page, mootools 1.3, removed old templates

1 files changed, 50 insertions, 0 deletions

diff --git a/module/web/media/default/js/tinytab.js b/module/web/media/default/js/tinytab.js
new file mode 100644
index 000000000..6c38292f5
--- /dev/null
+++ b/module/web/media/default/js/tinytab.js
@@ -0,0 +1,50 @@
+/*
+---
+description: TinyTab - Tiny and simple tab handler for Mootools.
+
+license: MIT-style
+
+authors:
+- Danillo César de O. Melo
+
+requires:
+- core/1.2.4: '*'
+
+provides: TinyTab
+
+...
+*/
+(function($) {
+	this.TinyTab = new Class({
+		Implements: Events,
+		initialize: function(tabs, contents, opt) {
+			this.tabs = tabs;
+			this.contents = contents;
+            this.header = $("tabsback");
+            this.headers = [];
+            for(var i =0; i < this.tabs.length; i++){
+                this.headers.push("");
+            }
+			if(!opt) opt = {};
+			this.css = opt.selectedClass || 'selected'; 
+			this.select(this.tabs[0]);
+			tabs.each(function(el){
+				el.addEvent('click',function(e){
+					this.select(el);
+					e.stop();
+				}.bind(this));
+			}.bind(this));
+		},
+
+		select: function(el) {
+			this.tabs.removeClass(this.css);
+			el.addClass(this.css);
+			this.contents.setStyle('display','none');
+            var index = this.tabs.indexOf(el);
+            this.header.set("text", this.headers[index]);
+			var content = this.contents[index];
+			content.setStyle('display','block');
+			this.fireEvent('change',[content,el]);
+		}
+	});
+})(document.id);
\ No newline at end of file