Diffstat (limited to 'frontend/gamma/js/Clipperz/PM/UI/Web/Components/AccountPanel.js') (more/less context) (ignore whitespace changes)
-rw-r--r-- | frontend/gamma/js/Clipperz/PM/UI/Web/Components/AccountPanel.js | 22 |
1 files changed, 10 insertions, 12 deletions
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/AccountPanel.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/AccountPanel.js index d6b0574..82c8dfd 100644 --- a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/AccountPanel.js +++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/AccountPanel.js | |||
@@ -1,118 +1,116 @@ | |||
1 | /* | 1 | /* |
2 | 2 | ||
3 | Copyright 2008-2011 Clipperz Srl | 3 | Copyright 2008-2013 Clipperz Srl |
4 | 4 | ||
5 | This file is part of Clipperz Community Edition. | 5 | This file is part of Clipperz, the online password manager. |
6 | Clipperz Community Edition is an online password manager. | ||
7 | For further information about its features and functionalities please | 6 | For further information about its features and functionalities please |
8 | refer to http://www.clipperz.com. | 7 | refer 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 | ||
26 | Clipperz.Base.module('Clipperz.PM.UI.Web.Components'); | 24 | Clipperz.Base.module('Clipperz.PM.UI.Web.Components'); |
27 | 25 | ||
28 | Clipperz.PM.UI.Web.Components.AccountPanel = function(args) { | 26 | Clipperz.PM.UI.Web.Components.AccountPanel = function(args) { |
29 | args = args || {}; | 27 | args = args || {}; |
30 | 28 | ||
31 | Clipperz.PM.UI.Web.Components.AccountPanel.superclass.constructor.apply(this, arguments); | 29 | Clipperz.PM.UI.Web.Components.AccountPanel.superclass.constructor.apply(this, arguments); |
32 | 30 | ||
33 | //this._initiallySelectedTab = args.selected || 'ACCOUNT'; | 31 | //this._initiallySelectedTab = args.selected || 'ACCOUNT'; |
34 | this._initiallySelectedTab = args.selected || 'PASSPHRASE'; | 32 | this._initiallySelectedTab = args.selected || 'PASSPHRASE'; |
35 | this._tabPanelControllerConfiguration = { | 33 | this._tabPanelControllerConfiguration = { |
36 | // 'ACCOUNT': { | 34 | // 'ACCOUNT': { |
37 | // tab:'accountTab', | 35 | // tab:'accountTab', |
38 | // panel:'accountPanel' | 36 | // panel:'accountPanel' |
39 | // }, | 37 | // }, |
40 | 'PASSPHRASE': { | 38 | 'PASSPHRASE': { |
41 | tab:'passphraseTab', | 39 | tab:'passphraseTab', |
42 | panel:'passphrasePanel' | 40 | panel:'passphrasePanel' |
43 | }, | 41 | }, |
44 | 'OTP': { | 42 | 'OTP': { |
45 | tab:'OTPTab', | 43 | tab:'OTPTab', |
46 | panel:'OTPPanel' | 44 | panel:'OTPPanel' |
47 | }, | 45 | }, |
48 | 'PREFERENCES': { | 46 | 'PREFERENCES': { |
49 | tab:'preferencesTab', | 47 | tab:'preferencesTab', |
50 | panel:'preferencesPanel' | 48 | panel:'preferencesPanel' |
51 | }, | 49 | }, |
52 | 'LOGIN_HISTORY': { | 50 | 'LOGIN_HISTORY': { |
53 | tab:'loginHistoryTab', | 51 | tab:'loginHistoryTab', |
54 | panel:'loginHistoryPanel' | 52 | panel:'loginHistoryPanel' |
55 | } | 53 | } |
56 | }; | 54 | }; |
57 | 55 | ||
58 | return this; | 56 | return this; |
59 | } | 57 | } |
60 | 58 | ||
61 | //============================================================================= | 59 | //============================================================================= |
62 | 60 | ||
63 | Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.AccountPanel, Clipperz.PM.UI.Common.Components.TabPanelComponent, { | 61 | Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.AccountPanel, Clipperz.PM.UI.Common.Components.TabPanelComponent, { |
64 | 62 | ||
65 | //------------------------------------------------------------------------- | 63 | //------------------------------------------------------------------------- |
66 | 64 | ||
67 | 'toString': function () { | 65 | 'toString': function () { |
68 | return "Clipperz.PM.UI.Web.Components.AccountPanel component"; | 66 | return "Clipperz.PM.UI.Web.Components.AccountPanel component"; |
69 | }, | 67 | }, |
70 | 68 | ||
71 | //------------------------------------------------------------------------- | 69 | //------------------------------------------------------------------------- |
72 | 70 | ||
73 | 'renderSelf': function(/*aContainer, aPosition*/) { | 71 | 'renderSelf': function(/*aContainer, aPosition*/) { |
74 | //Clipperz.log("AccountPanel.renderSelf element", this.element()); | 72 | //Clipperz.log("AccountPanel.renderSelf element", this.element()); |
75 | this.append(this.element(), [ | 73 | this.append(this.element(), [ |
76 | {tag:'div', cls:'header', children:[ | 74 | {tag:'div', cls:'header', children:[ |
77 | {tag:'div', cls:'subPanelTabs', children:[ | 75 | {tag:'div', cls:'subPanelTabs', children:[ |
78 | {tag:'ul', children:[ | 76 | {tag:'ul', children:[ |
79 | // {tag:'li', id:this.getId('accountTab'), children:[{tag:'a', href:'#', html:'Account'}], cls:'first'}, | 77 | // {tag:'li', id:this.getId('accountTab'), children:[{tag:'a', href:'#', html:'Account'}], cls:'first'}, |
80 | {tag:'li', id:this.getId('passphraseTab'), children:[{tag:'a', href:'#', html:'Passphrase'}], cls:'first'}, | 78 | {tag:'li', id:this.getId('passphraseTab'), children:[{tag:'a', href:'#', html:'Passphrase'}], cls:'first'}, |
81 | {tag:'li', id:this.getId('OTPTab'), children:[{tag:'a', href:'#', html:'One Time Passwords'}]}, | 79 | {tag:'li', id:this.getId('OTPTab'), children:[{tag:'a', href:'#', html:'One Time Passwords'}]}, |
82 | {tag:'li', id:this.getId('preferencesTab'), children:[{tag:'a', href:'#', html:'Preferences'}]}, | 80 | {tag:'li', id:this.getId('preferencesTab'), children:[{tag:'a', href:'#', html:'Preferences'}]}, |
83 | {tag:'li', id:this.getId('loginHistoryTab'),children:[{tag:'a', href:'#', html:'Login history'}]} | 81 | {tag:'li', id:this.getId('loginHistoryTab'),children:[{tag:'a', href:'#', html:'Login history'}]} |
84 | ]} | 82 | ]} |
85 | ]} | 83 | ]} |
86 | ]}, | 84 | ]}, |
87 | {tag:'div', cls:'body', children:[ | 85 | {tag:'div', cls:'body', children:[ |
88 | {tag:'div', cls:'accountPanel', children:[ | 86 | {tag:'div', cls:'accountPanel', children:[ |
89 | {tag:'div', cls:'subPanelContent', children:[ | 87 | {tag:'div', cls:'subPanelContent', children:[ |
90 | {tag:'ul', children:[ | 88 | {tag:'ul', children:[ |
91 | // {tag:'li', id:this.getId('accountPanel'),children:[ | 89 | // {tag:'li', id:this.getId('accountPanel'),children:[ |
92 | // {tag:'h3', html:"-- Account --"} | 90 | // {tag:'h3', html:"-- Account --"} |
93 | // ]}, | 91 | // ]}, |
94 | {tag:'li', id:this.getId('passphrasePanel'),children:[ | 92 | {tag:'li', id:this.getId('passphrasePanel'),children:[ |
95 | {tag:'h3', cls:'changePassphrase', html:"Change passphrase"}, | 93 | {tag:'h3', cls:'changePassphrase', html:"Change passphrase"}, |
96 | {tag:'form', id:this.getId('changePassphrase'), cls:'changePassphrase', children:[ | 94 | {tag:'form', id:this.getId('changePassphrase'), cls:'changePassphrase', children:[ |
97 | {tag:'div', cls:'currentCredentials', children:[ | 95 | {tag:'div', cls:'currentCredentials', children:[ |
98 | {tag:'div', cls:'field username', children:[ | 96 | {tag:'div', cls:'field username', children:[ |
99 | {tag:'label', html:"username", 'for':this.getId('currentUsername')}, | 97 | {tag:'label', html:"username", 'for':this.getId('currentUsername')}, |
100 | {tag:'input', id:this.getId('currentUsername')} | 98 | {tag:'input', id:this.getId('currentUsername')} |
101 | ]}, | 99 | ]}, |
102 | {tag:'div', cls:'field passphrase', children:[ | 100 | {tag:'div', cls:'field passphrase', children:[ |
103 | {tag:'label', html:"passphrase", 'for':this.getId('currentPassphrase')}, | 101 | {tag:'label', html:"passphrase", 'for':this.getId('currentPassphrase')}, |
104 | {tag:'input', id:this.getId('currentPassphrase')} | 102 | {tag:'input', id:this.getId('currentPassphrase')} |
105 | ]} | 103 | ]} |
106 | ]}, | 104 | ]}, |
107 | {tag:'div', cls:'newPassphrase', children:[ | 105 | {tag:'div', cls:'newPassphrase', children:[ |
108 | {tag:'div', cls:'field', children:[ | 106 | {tag:'div', cls:'field', children:[ |
109 | {tag:'label', html:"new passphrase", 'for':this.getId('newPassphrase')}, | 107 | {tag:'label', html:"new passphrase", 'for':this.getId('newPassphrase')}, |
110 | {tag:'input', id:this.getId('newPassphrase')} | 108 | {tag:'input', id:this.getId('newPassphrase')} |
111 | ]}, | 109 | ]}, |
112 | {tag:'div', cls:'field', children:[ | 110 | {tag:'div', cls:'field', children:[ |
113 | {tag:'label', html:"re-new passphrase", 'for':this.getId('reNewPassphrase')}, | 111 | {tag:'label', html:"re-new passphrase", 'for':this.getId('reNewPassphrase')}, |
114 | {tag:'input', id:this.getId('reNewPassphrase')} | 112 | {tag:'input', id:this.getId('reNewPassphrase')} |
115 | ]} | 113 | ]} |
116 | ]}, | 114 | ]}, |
117 | {tag:'div', cls:'confirm', children:[ | 115 | {tag:'div', cls:'confirm', children:[ |
118 | {tag:'input', type:'checkbox', id:this.getId('confirm')}, | 116 | {tag:'input', type:'checkbox', id:this.getId('confirm')}, |