From ef68436ac04da078ffdcacd7e1f785473a303d45 Mon Sep 17 00:00:00 2001
From: Giulio Cesare Solaroli <giulio.cesare@clipperz.com>
Date: Sun, 02 Oct 2011 23:56:18 +0000
Subject: First version of the newly restructured repository

---
(limited to 'frontend/gamma/js/Clipperz/PM/UI/Web/Components/TabSidePanel.js')

diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/TabSidePanel.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/TabSidePanel.js
new file mode 100644
index 0000000..39a1ccb
--- a/dev/null
+++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/TabSidePanel.js
@@ -0,0 +1,193 @@
+/*
+
+Copyright 2008-2011 Clipperz Srl
+
+This file is part of Clipperz's Javascript Crypto Library.
+Javascript Crypto Library provides web developers with an extensive
+and efficient set of cryptographic functions. The library aims to
+obtain maximum execution speed while preserving modularity and
+reusability.
+For further information about its features and functionalities please
+refer to http://www.clipperz.com
+
+* Javascript Crypto Library 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.
+
+* Javascript Crypto Library 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 Javascript Crypto Library.  If not, see
+  <http://www.gnu.org/licenses/>.
+
+*/
+
+Clipperz.Base.module('Clipperz.PM.UI.Web.Components');
+
+Clipperz.PM.UI.Web.Components.TabSidePanel = function(args) {
+	args = args || {};
+	Clipperz.PM.UI.Web.Components.TabSidePanel.superclass.constructor.call(this, args);
+
+	this._element = args.element || null;
+
+	this._slots = {
+	};
+		
+	return this;
+}
+
+//=============================================================================
+
+Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.TabSidePanel, Clipperz.PM.UI.Common.Components.BaseComponent, {
+
+	//-------------------------------------------------------------------------
+
+	'toString': function () {
+		return "Clipperz.PM.UI.Web.Components.TabSidePanel component";
+	},
+
+	//-------------------------------------------------------------------------
+
+	'deselectAllTabs': function() {
+		var tabListItems;
+		
+		tabListItems = [
+			'cardsLI',
+//			'directLoginLI',
+			'accountLI',
+			'dataLI',
+			'toolsLI'
+		];
+		
+//Clipperz.log("=== TabSidePanel.tabSelected anEvent.src().id", anEvent.src().id);
+		for (var i in tabListItems) {
+//Clipperz.log("=== TabSidePanel.tabSelected aTabListItem", tabListItems[i]); 
+			MochiKit.DOM.removeElementClass(this.getId(tabListItems[i]), 'selected');
+		}
+	},
+	
+	'selectTab': function(aTabName) {
+		this.deselectAllTabs();
+		MochiKit.DOM.addElementClass(this.getId(this.listItemIdForTabNamed(aTabName)), 'selected');
+		MochiKit.Signal.signal(this, 'tabSelected', aTabName);
+	},
+
+	'tabNameForAnchorId': function(anId) {
+		var result;
+		
+		switch(anId) {
+			case 'cards_tabSidePanel':
+				result = 'cards';
+				break;
+//			case 'directLogins_tabSidePanel':
+//				result = 'directLogins';
+//				break;
+			case 'account_tabSidePanel':
+				result = 'account';
+				break;
+			case 'data_tabSidePanel':
+				result = 'data';
+				break;
+			case 'tools_tabSidePanel':
+				result = 'tools';
+				break;
+		}
+		
+		return result;
+	},
+	
+	'listItemIdForTabNamed': function(aTabName) {
+		var result;
+		
+		switch (aTabName) {
+			case 'cards':
+				result = 'cardsLI';
+				break;
+//			case 'directLogins':
+//				result = 'directLoginLI';
+//				break;
+			case 'account':
+				result = 'accountLI';
+				break;
+			case 'data':
+				result = 'dataLI';
+				break;
+			case 'tools':
+				result = 'toolsLI';
+				break;
+		}
+		
+		return result;
+	},
+	
+	'tabSelected': function (anEvent) {
+		this.selectTab(this.tabNameForAnchorId(anEvent.src().id));
+//		anEvent.stop();
+		anEvent.preventDefault();
+	},
+
+	//-------------------------------------------------------------------------
+
+	'addCard': function (anEvent) {
+		anEvent.stop();
+		MochiKit.Signal.signal(this, 'addCard', anEvent.src());
+	},
+
+	//-------------------------------------------------------------------------
+
+	'renderSelf': function(/*aContainer, aPosition*/) {
+		this.append(this.element(), [
+			{tag:'div', cls:'header'},
+			{tag:'div', cls:'body', children:[
+				{tag:'ul', cls:'mainTabs', children:[
+					{tag:'li', id:this.getId('cardsLI'), cls:'cards', children:[
+						{tag:'a', id:'cards_tabSidePanel', href:'#', html:"cards"},
+						{tag:'div', cls:'selectionHighlighter', children:[
+							{tag:'img', src:'./images/old/main/tabs/selectionHighligher.png'},
+							{tag:'a', id:this.getId('addCardA'), cls:'add', href:'#', children:[
+								{tag:'span', html:"add"},
+								{tag:'h3', html:"+"}
+							]}
+						]}
+					]}
+				]},
+				{tag:'ul', cls:'otherTabs', children:[
+					{tag:'li', id:this.getId('accountLI'), children:[
+						{tag:'a', id:'account_tabSidePanel', href:'#', html:"account"},
+						{tag:'div', cls:'selectionHighlighter', children:[
+							{tag:'img', src:'./images/old/main/tabs/selectionHighligherGray.png'}
+						]}
+					]},
+					{tag:'li', id:this.getId('dataLI'), children:[
+						{tag:'a', id:'data_tabSidePanel', href:'#', html:"data"},
+						{tag:'div', cls:'selectionHighlighter', children:[
+							{tag:'img', src:'./images/old/main/tabs/selectionHighligherGray.png'}
+						]}
+					]},
+					{tag:'li', id:this.getId('toolsLI'), children:[
+						{tag:'a', id:'tools_tabSidePanel', href:'#', html:"tools"},
+						{tag:'div', cls:'selectionHighlighter', children:[
+							{tag:'img', src:'./images/old/main/tabs/selectionHighligherGray.png'}
+						]}
+					]}
+				]}
+			]},
+			{tag:'div', cls:'footer'}
+		]);
+	
+		MochiKit.Signal.connect('cards_tabSidePanel', 'onclick', this, 'tabSelected');
+//		MochiKit.Signal.connect('directLogins_tabSidePanel', 'onclick', this, 'tabSelected');
+		MochiKit.Signal.connect('account_tabSidePanel', 'onclick', this, 'tabSelected');
+		MochiKit.Signal.connect('data_tabSidePanel', 'onclick', this, 'tabSelected');
+		MochiKit.Signal.connect('tools_tabSidePanel', 'onclick', this, 'tabSelected');
+		MochiKit.Signal.connect(this.getId('addCardA'), 'onclick', this, 'addCard');
+	},
+
+	//-------------------------------------------------------------------------
+
+	__syntaxFix__: "syntax fix"
+});
--
cgit v0.9.0.2