summaryrefslogtreecommitdiff
path: root/frontend/gamma/js/Clipperz/PM/UI/Common/Components/TranslatorWidget.js
Unidiff
Diffstat (limited to 'frontend/gamma/js/Clipperz/PM/UI/Common/Components/TranslatorWidget.js') (more/less context) (ignore whitespace changes)
-rw-r--r--frontend/gamma/js/Clipperz/PM/UI/Common/Components/TranslatorWidget.js22
1 files changed, 10 insertions, 12 deletions
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Common/Components/TranslatorWidget.js b/frontend/gamma/js/Clipperz/PM/UI/Common/Components/TranslatorWidget.js
index c41fc7c..ba58edd 100644
--- a/frontend/gamma/js/Clipperz/PM/UI/Common/Components/TranslatorWidget.js
+++ b/frontend/gamma/js/Clipperz/PM/UI/Common/Components/TranslatorWidget.js
@@ -1,118 +1,116 @@
1/* 1/*
2 2
3Copyright 2008-2011 Clipperz Srl 3Copyright 2008-2013 Clipperz Srl
4 4
5This file is part of Clipperz Community Edition. 5This file is part of Clipperz, the online password manager.
6Clipperz Community Edition is an online password manager.
7For further information about its features and functionalities please 6For further information about its features and functionalities please
8refer to http://www.clipperz.com. 7refer to http://www.clipperz.com.
9 8
10* Clipperz Community Edition is free software: you can redistribute 9* Clipperz is free software: you can redistribute it and/or modify it
11 it and/or modify it under the terms of the GNU Affero General Public 10 under the terms of the GNU Affero General Public License as published
12 License as published by the Free Software Foundation, either version 11 by the Free Software Foundation, either version 3 of the License, or
13 3 of the License, or (at your option) any later version. 12 (at your option) any later version.
14 13
15* Clipperz Community Edition is distributed in the hope that it will 14* Clipperz is distributed in the hope that it will be useful, but
16 be useful, but WITHOUT ANY WARRANTY; without even the implied 15 WITHOUT ANY WARRANTY; without even the implied warranty of
17 warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 16 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18 See the GNU Affero General Public License for more details. 17 See the GNU Affero General Public License for more details.
19 18
20* You should have received a copy of the GNU Affero General Public 19* You should have received a copy of the GNU Affero General Public
21 License along with Clipperz Community Edition. If not, see 20 License along with Clipperz. If not, see http://www.gnu.org/licenses/.
22 <http://www.gnu.org/licenses/>.
23 21
24*/ 22*/
25 23
26Clipperz.Base.module('Clipperz.PM.UI.Common.Components'); 24Clipperz.Base.module('Clipperz.PM.UI.Common.Components');
27 25
28Clipperz.PM.UI.Common.Components.TranslatorWidget = function(args) { 26Clipperz.PM.UI.Common.Components.TranslatorWidget = function(args) {
29Clipperz.log(">>> TranslatorWidget.new"); 27Clipperz.log(">>> TranslatorWidget.new");
30 args = args || {}; 28 args = args || {};
31 29
32 Clipperz.PM.UI.Common.Components.TranslatorWidget.superclass.constructor.apply(this, arguments); 30 Clipperz.PM.UI.Common.Components.TranslatorWidget.superclass.constructor.apply(this, arguments);
33 31
34 // this._element = args.element|| Clipperz.Base.exception.raise('MandatoryParameter'); 32 // this._element = args.element|| Clipperz.Base.exception.raise('MandatoryParameter');
35 // this._stringID = args.stringID || MochiKit.DOM.getNodeAttribute(this.element(), 'stringID')|| Clipperz.Base.exception.raise('MandatoryParameter'); 33 // this._stringID = args.stringID || MochiKit.DOM.getNodeAttribute(this.element(), 'stringID')|| Clipperz.Base.exception.raise('MandatoryParameter');
36 34
37 //MochiKit.Signal.connect(this.element(), 'onmouseenter', this, 'show'); 35 //MochiKit.Signal.connect(this.element(), 'onmouseenter', this, 'show');
38 //MochiKit.Signal.connect(this.element(), 'onmouseleave', this, 'hide'); 36 //MochiKit.Signal.connect(this.element(), 'onmouseleave', this, 'hide');
39 37
40Clipperz.log("<<< TranslatorWidget.new"); 38Clipperz.log("<<< TranslatorWidget.new");
41 return this; 39 return this;
42} 40}
43 41
44//============================================================================= 42//=============================================================================
45 43
46Clipperz.Base.extend(Clipperz.PM.UI.Common.Components.TranslatorWidget, Clipperz.PM.UI.Common.Components.BaseComponent, { 44Clipperz.Base.extend(Clipperz.PM.UI.Common.Components.TranslatorWidget, Clipperz.PM.UI.Common.Components.BaseComponent, {
47 45
48 //------------------------------------------------------------------------- 46 //-------------------------------------------------------------------------
49 47
50 'toString': function () { 48 'toString': function () {
51 return "Clipperz.PM.UI.Common.Components.TranslatorWidget component"; 49 return "Clipperz.PM.UI.Common.Components.TranslatorWidget component";
52 }, 50 },
53 51
54 //------------------------------------------------------------------------- 52 //-------------------------------------------------------------------------
55/* 53/*
56 'renderSelf': function() { 54 'renderSelf': function() {
57 this.append(this.element(), {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[ 55 this.append(this.element(), {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[
58 {tag:'div', id:this.getId('body'), cls:'tooltip_body', children:[ 56 {tag:'div', id:this.getId('body'), cls:'tooltip_body', children:[
59 {tag:'div', cls:'tooltip_text', children:[ 57 {tag:'div', cls:'tooltip_text', children:[
60 {tag:'span', html:this.text()} 58 {tag:'span', html:this.text()}
61 ]}, 59 ]},
62 {tag:'div', id:this.getId('footer'), cls:'tooltip_footer'} 60 {tag:'div', id:this.getId('footer'), cls:'tooltip_footer'}
63 ]}, 61 ]},
64 {tag:'div', id:this.getId('arrow'), cls:'tooltip_arrow'} 62 {tag:'div', id:this.getId('arrow'), cls:'tooltip_arrow'}
65 ]}); 63 ]});
66 64
67 this._boxDimensions = MochiKit.Style.getElementDimensions(this.getId('body')); 65 this._boxDimensions = MochiKit.Style.getElementDimensions(this.getId('body'));
68 // this._boxDimensions.h += MochiKit.Style.getElementDimensions(this.getId('footer')).h; 66 // this._boxDimensions.h += MochiKit.Style.getElementDimensions(this.getId('footer')).h;
69 67
70 MochiKit.Style.hideElement(this.displayElement()); 68 MochiKit.Style.hideElement(this.displayElement());
71 MochiKit.Signal.connect(this.element(), 'onmouseenter', this, 'show'); 69 MochiKit.Signal.connect(this.element(), 'onmouseenter', this, 'show');
72 MochiKit.Signal.connect(this.element(), 'onmouseleave', this, 'hide'); 70 MochiKit.Signal.connect(this.element(), 'onmouseleave', this, 'hide');
73 }, 71 },
74*/ 72*/
75 //----------------------------------------------------- 73 //-----------------------------------------------------
76/* 74/*
77 'displayElement': function() { 75 'displayElement': function() {
78 return this.getElement('tooltip'); 76 return this.getElement('tooltip');
79 }, 77 },
80*/ 78*/
81 //------------------------------------------------------------------------- 79 //-------------------------------------------------------------------------
82/* 80/*
83 'boxDimensions': function () { 81 'boxDimensions': function () {
84 return this._boxDimensions; 82 return this._boxDimensions;
85 }, 83 },
86*/ 84*/
87 //------------------------------------------------------------------------- 85 //-------------------------------------------------------------------------
88 86
89 'show': function (anElement, aStringID) { 87 'show': function (anElement, aStringID) {
90 Clipperz.log(">>> Clipperz.PM.UI.Common.Components.TranslatorWidget.show: " + aStringID); 88 Clipperz.log(">>> Clipperz.PM.UI.Common.Components.TranslatorWidget.show: " + aStringID);
91/* 89/*
92 var elementSizeAndPosition; 90 var elementSizeAndPosition;
93 var arrowPosition; 91 var arrowPosition;
94 var bodyPosition; 92 var bodyPosition;
95 93
96 arrowPosition = {}; 94 arrowPosition = {};
97 bodyPosition = {}; 95 bodyPosition = {};
98 96
99 elementSizeAndPosition = Clipperz.Style.getSizeAndPosition(this.element()); 97 elementSizeAndPosition = Clipperz.Style.getSizeAndPosition(this.element());
100 switch (this.position()) { 98 switch (this.position()) {
101 case 'ABOVE': 99 case 'ABOVE':
102 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px'); 100 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px');
103 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2); 101 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2);
104 bodyPosition.y = elementSizeAndPosition.position.y - this.boxDimensions().h - 13; 102 bodyPosition.y = elementSizeAndPosition.position.y - this.boxDimensions().h - 13;
105 103
106 arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2); 104 arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2);
107 arrowPosition.y = elementSizeAndPosition.position.y - 13; 105 arrowPosition.y = elementSizeAndPosition.position.y - 13;
108 break; 106 break;
109 case 'BELOW': 107 case 'BELOW':
110 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px'); 108 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px');
111 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2); 109 bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2);
112 bodyPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h + 13; 110 bodyPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h + 13;
113 111
114 arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2); 112 arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2);
115 arrowPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h; 113 arrowPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h;
116 break; 114 break;
117 case 'LEFT': 115 case 'LEFT':
118 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px'); 116 MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px');