Diffstat (limited to 'frontend/beta/js/Clipperz/PM/Components/Import/MainComponent.js') (more/less context) (ignore whitespace changes)
-rw-r--r-- | frontend/beta/js/Clipperz/PM/Components/Import/MainComponent.js | 22 |
1 files changed, 10 insertions, 12 deletions
diff --git a/frontend/beta/js/Clipperz/PM/Components/Import/MainComponent.js b/frontend/beta/js/Clipperz/PM/Components/Import/MainComponent.js index 05baf46..f97ce78 100644 --- a/frontend/beta/js/Clipperz/PM/Components/Import/MainComponent.js +++ b/frontend/beta/js/Clipperz/PM/Components/Import/MainComponent.js | |||
@@ -1,214 +1,212 @@ | |||
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 | if (typeof(Clipperz) == 'undefined') { Clipperz = {}; } | 24 | if (typeof(Clipperz) == 'undefined') { Clipperz = {}; } |
27 | if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; } | 25 | if (typeof(Clipperz.PM) == 'undefined') { Clipperz.PM = {}; } |
28 | if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; } | 26 | if (typeof(Clipperz.PM.Components) == 'undefined') { Clipperz.PM.Components = {}; } |
29 | if (typeof(Clipperz.PM.Components.Import) == 'undefined') { Clipperz.PM.Components.Import = {}; } | 27 | if (typeof(Clipperz.PM.Components.Import) == 'undefined') { Clipperz.PM.Components.Import = {}; } |
30 | 28 | ||
31 | //############################################################################# | 29 | //############################################################################# |
32 | 30 | ||
33 | Clipperz.PM.Components.Import.MainComponent = function(anElement, args) { | 31 | Clipperz.PM.Components.Import.MainComponent = function(anElement, args) { |
34 | args = args || {}; | 32 | args = args || {}; |
35 | 33 | ||
36 | Clipperz.PM.Components.Import.MainComponent.superclass.constructor.call(this, anElement, args); | 34 | Clipperz.PM.Components.Import.MainComponent.superclass.constructor.call(this, anElement, args); |
37 | 35 | ||
38 | this._user = args.user; | 36 | this._user = args.user; |
39 | this._wizardComponent = null; | 37 | this._wizardComponent = null; |
40 | 38 | ||
41 | this._backButton = null; | 39 | this._backButton = null; |
42 | this._nextButton = null; | 40 | this._nextButton = null; |
43 | 41 | ||
44 | this._selectedComponent = null; | 42 | this._selectedComponent = null; |
45 | 43 | ||
46 | this.render(); | 44 | this.render(); |
47 | 45 | ||
48 | return this; | 46 | return this; |
49 | } | 47 | } |
50 | 48 | ||
51 | //============================================================================= | 49 | //============================================================================= |
52 | 50 | ||
53 | YAHOO.extendX(Clipperz.PM.Components.Import.MainComponent, Clipperz.PM.Components.BaseComponent, { | 51 | YAHOO.extendX(Clipperz.PM.Components.Import.MainComponent, Clipperz.PM.Components.BaseComponent, { |
54 | 52 | ||
55 | 'toString': function() { | 53 | 'toString': function() { |
56 | return "Clipperz.PM.Components.Import.MainComponent component"; | 54 | return "Clipperz.PM.Components.Import.MainComponent component"; |
57 | }, | 55 | }, |
58 | 56 | ||
59 | //------------------------------------------------------------------------- | 57 | //------------------------------------------------------------------------- |
60 | 58 | ||
61 | 'user': function() { | 59 | 'user': function() { |
62 | return this._user; | 60 | return this._user; |
63 | }, | 61 | }, |
64 | 62 | ||
65 | //------------------------------------------------------------------------- | 63 | //------------------------------------------------------------------------- |
66 | 64 | ||
67 | 'wizardComponent': function() { | 65 | 'wizardComponent': function() { |
68 | return this._wizardComponent; | 66 | return this._wizardComponent; |
69 | }, | 67 | }, |
70 | 68 | ||
71 | 'setWizardComponent': function(aValue) { | 69 | 'setWizardComponent': function(aValue) { |
72 | if (this._wizardComponent != null) { | 70 | if (this._wizardComponent != null) { |
73 | this._wizardComponent.remove(); | 71 | this._wizardComponent.remove(); |
74 | } | 72 | } |
75 | 73 | ||
76 | if (aValue != null) { | 74 | if (aValue != null) { |
77 | this.getElement('importCover').hide(); | 75 | this.getElement('importCover').hide(); |
78 | this.getElement('importWizard').show(); | 76 | this.getElement('importWizard').show(); |
79 | } | 77 | } |
80 | this._wizardComponent = aValue; | 78 | this._wizardComponent = aValue; |
81 | }, | 79 | }, |
82 | 80 | ||
83 | 'resetImportComponent': function() { | 81 | 'resetImportComponent': function() { |
84 | //MochiKit.Logging.logDebug(">>> resetImportComponent"); | 82 | //MochiKit.Logging.logDebug(">>> resetImportComponent"); |
85 | this.setWizardComponent(null); | 83 | this.setWizardComponent(null); |
86 | this.getElement('wizardComponent').update(""); | 84 | this.getElement('wizardComponent').update(""); |
87 | 85 | ||
88 | this.getElement('importCover').show(); | 86 | this.getElement('importCover').show(); |
89 | this.getElement('importWizard').hide(); | 87 | this.getElement('importWizard').hide(); |
90 | //MochiKit.Logging.logDebug("<<< resetImportComponent"); | 88 | //MochiKit.Logging.logDebug("<<< resetImportComponent"); |
91 | }, | 89 | }, |
92 | 90 | ||
93 | //------------------------------------------------------------------------- | 91 | //------------------------------------------------------------------------- |
94 | 92 | ||
95 | 'backButton': function() { | 93 | 'backButton': function() { |
96 | return this._backButton; | 94 | return this._backButton; |
97 | }, | 95 | }, |
98 | 96 | ||
99 | 'setBackButton': function(aValue) { | 97 | 'setBackButton': function(aValue) { |
100 | this._backButton = aValue; | 98 | this._backButton = aValue; |
101 | }, | 99 | }, |
102 | 100 | ||
103 | 'nextButton': function() { | 101 | 'nextButton': function() { |
104 | return this._nextButton; | 102 | return this._nextButton; |
105 | }, | 103 | }, |
106 | 104 | ||
107 | 'setNextButton': function(aValue) { | 105 | 'setNextButton': function(aValue) { |
108 | this._nextButton = aValue; | 106 | this._nextButton = aValue; |
109 | }, | 107 | }, |
110 | 108 | ||
111 | //------------------------------------------------------------------------- | 109 | //------------------------------------------------------------------------- |
112 | 110 | ||
113 | 'render': function() { | 111 | 'render': function() { |
114 | //MochiKit.Logging.logDebug(">>> Import.MainComponent.render"); | 112 | //MochiKit.Logging.logDebug(">>> Import.MainComponent.render"); |
115 | Clipperz.NotificationCenter.unregister(this); | 113 | Clipperz.NotificationCenter.unregister(this); |
116 | MochiKit.Signal.disconnectAllTo(this); | 114 | MochiKit.Signal.disconnectAllTo(this); |
117 | 115 | ||
118 | this.element().update(""); | 116 | this.element().update(""); |
119 | this.domHelper().append(this.element(), {tag:'div', id:this.getId('mainDiv'), children:[ | 117 | this.domHelper().append(this.element(), {tag:'div', id:this.getId('mainDiv'), children:[ |
120 | {tag:'div', id:this.getId('importCover'), children:[ | 118 | {tag:'div', id:this.getId('importCover'), children:[ |
121 | {tag:'h5', htmlString:Clipperz.PM.Strings['importTabTitle']}, | 119 | {tag:'h5', htmlString:Clipperz.PM.Strings['importTabTitle']}, |
122 | {tag:'div', cls:'panelDescription', htmlString:Clipperz.PM.Strings['importTabDescription']}, | 120 | {tag:'div', cls:'panelDescription', htmlString:Clipperz.PM.Strings['importTabDescription']}, |
123 | {tag:'div', cls:'importFormats', children:[ | 121 | {tag:'div', cls:'importFormats', children:[ |
124 | {tag:'ul', cls:'radioList', children:[ | 122 | {tag:'ul', cls:'radioList', children:[ |
125 | {tag:'li', children:[ | 123 | {tag:'li', children:[ |
126 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ | 124 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ |
127 | {tag:'td', valign:'top', children:[ | 125 | {tag:'td', valign:'top', children:[ |
128 | {tag:'input', id:this.getId('CSV_radio'), type:'radio', name:'importFormat', value:'CSV'} | 126 | {tag:'input', id:this.getId('CSV_radio'), type:'radio', name:'importFormat', value:'CSV'} |
129 | ]}, | 127 | ]}, |
130 | {tag:'td', valign:'top', children:[ | 128 | {tag:'td', valign:'top', children:[ |
131 | {tag:'h4', id:this.getId('CSV_title'), htmlString:Clipperz.PM.Strings['importFormats']['CSV']['label']}, | 129 | {tag:'h4', id:this.getId('CSV_title'), htmlString:Clipperz.PM.Strings['importFormats']['CSV']['label']}, |
132 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['CSV']['description']} | 130 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['CSV']['description']} |
133 | ]} | 131 | ]} |
134 | ]}]}]} | 132 | ]}]}]} |
135 | ]}, | 133 | ]}, |
136 | {tag:'li', children:[ | 134 | {tag:'li', children:[ |
137 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ | 135 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ |
138 | {tag:'td', valign:'top', children:[ | 136 | {tag:'td', valign:'top', children:[ |
139 | {tag:'input', id:this.getId('Excel_radio'), type:'radio', name:'importFormat', value:'EXCEL'} | 137 | {tag:'input', id:this.getId('Excel_radio'), type:'radio', name:'importFormat', value:'EXCEL'} |
140 | ]}, | 138 | ]}, |
141 | {tag:'td', valign:'top', children:[ | 139 | {tag:'td', valign:'top', children:[ |
142 | {tag:'h4', id:this.getId('Excel_title'), htmlString:Clipperz.PM.Strings['importFormats']['Excel']['label']}, | 140 | {tag:'h4', id:this.getId('Excel_title'), htmlString:Clipperz.PM.Strings['importFormats']['Excel']['label']}, |
143 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['Excel']['description']} | 141 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['Excel']['description']} |
144 | ]} | 142 | ]} |
145 | ]}]}]} | 143 | ]}]}]} |
146 | ]}, | 144 | ]}, |
147 | {tag:'li', children:[ | 145 | {tag:'li', children:[ |
148 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ | 146 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ |
149 | {tag:'td', valign:'top', children:[ | 147 | {tag:'td', valign:'top', children:[ |
150 | {tag:'input', id:this.getId('KeePass_radio'), type:'radio', name:'importFormat', value:'KEEPASS'} | 148 | {tag:'input', id:this.getId('KeePass_radio'), type:'radio', name:'importFormat', value:'KEEPASS'} |
151 | ]}, | 149 | ]}, |
152 | {tag:'td', valign:'top', children:[ | 150 | {tag:'td', valign:'top', children:[ |
153 | {tag:'h4', id:this.getId('KeePass_title'), htmlString:Clipperz.PM.Strings['importFormats']['KeePass']['label']}, | 151 | {tag:'h4', id:this.getId('KeePass_title'), htmlString:Clipperz.PM.Strings['importFormats']['KeePass']['label']}, |
154 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['KeePass']['description']} | 152 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['KeePass']['description']} |
155 | ]} | 153 | ]} |
156 | ]}]}]} | 154 | ]}]}]} |
157 | ]}, | 155 | ]}, |
158 | {tag:'li', children:[ | 156 | {tag:'li', children:[ |
159 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ | 157 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ |
160 | {tag:'td', valign:'top', children:[ | 158 | {tag:'td', valign:'top', children:[ |
161 | {tag:'input', id:this.getId('Roboform_radio'), type:'radio', name:'importFormat', value:'ROBOFORM'} | 159 | {tag:'input', id:this.getId('Roboform_radio'), type:'radio', name:'importFormat', value:'ROBOFORM'} |
162 | ]}, | 160 | ]}, |
163 | {tag:'td', valign:'top', children:[ | 161 | {tag:'td', valign:'top', children:[ |
164 | {tag:'h4', id:this.getId('Roboform_title'), htmlString:Clipperz.PM.Strings['importFormats']['Roboform']['label']}, | 162 | {tag:'h4', id:this.getId('Roboform_title'), htmlString:Clipperz.PM.Strings['importFormats']['Roboform']['label']}, |
165 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['Roboform']['description']} | 163 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['Roboform']['description']} |
166 | ]} | 164 | ]} |
167 | ]}]}]} | 165 | ]}]}]} |
168 | ]}, | 166 | ]}, |
169 | {tag:'li', children:[ | 167 | {tag:'li', children:[ |
170 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ | 168 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ |
171 | {tag:'td', valign:'top', children:[ | 169 | {tag:'td', valign:'top', children:[ |
172 | {tag:'input', id:this.getId('PasswordPlus_radio'), type:'radio', name:'importFormat', value:'PASSWORD_PLUS'} | 170 | {tag:'input', id:this.getId('PasswordPlus_radio'), type:'radio', name:'importFormat', value:'PASSWORD_PLUS'} |
173 | ]}, | 171 | ]}, |
174 | {tag:'td', valign:'top', children:[ | 172 | {tag:'td', valign:'top', children:[ |
175 | {tag:'h4', id:this.getId('PasswordPlus_title'), htmlString:Clipperz.PM.Strings['importFormats']['PasswordPlus']['label']}, | 173 | {tag:'h4', id:this.getId('PasswordPlus_title'), htmlString:Clipperz.PM.Strings['importFormats']['PasswordPlus']['label']}, |
176 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['PasswordPlus']['description']} | 174 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['PasswordPlus']['description']} |
177 | ]} | 175 | ]} |
178 | ]}]}]} | 176 | ]}]}]} |
179 | ]}, | 177 | ]}, |
180 | {tag:'li', children:[ | 178 | {tag:'li', children:[ |
181 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ | 179 | {tag:'table', children:[{tag:'tbody', children:[{tag:'tr', children:[ |
182 | {tag:'td', valign:'top', children:[ | 180 | {tag:'td', valign:'top', children:[ |
183 | {tag:'input', id:this.getId('ClipperzExport_radio'), type:'radio', name:'importFormat', value:'CLIPPERZ_EXPORT'} | 181 | {tag:'input', id:this.getId('ClipperzExport_radio'), type:'radio', name:'importFormat', value:'CLIPPERZ_EXPORT'} |
184 | ]}, | 182 | ]}, |
185 | {tag:'td', valign:'top', children:[ | 183 | {tag:'td', valign:'top', children:[ |
186 | {tag:'h4', id:this.getId('ClipperzExport_title'), htmlString:Clipperz.PM.Strings['importFormats']['ClipperzExport']['label']}, | 184 | {tag:'h4', id:this.getId('ClipperzExport_title'), htmlString:Clipperz.PM.Strings['importFormats']['ClipperzExport']['label']}, |
187 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['ClipperzExport']['description']} | 185 | {tag:'div', cls:'templateDescription', htmlString:Clipperz.PM.Strings['importFormats']['ClipperzExport']['description']} |
188 | ]} | 186 | ]} |
189 | ]}]}]} | 187 | ]}]}]} |
190 | ]} | 188 | ]} |
191 | ]}, | 189 | ]}, |
192 | 190 | ||
193 | {tag:'div', cls:'importOptionsButtons', children:[ | 191 | {tag:'div', cls:'importOptionsButtons', children:[ |
194 | {tag:'table', children:[ | 192 | {tag:'table', children:[ |
195 | {tag:'tbody', children:[ | 193 | {tag:'tbody', children:[ |
196 | {tag:'tr', children:[ | 194 | {tag:'tr', children:[ |
197 | {tag:'td', html:' '}, | 195 | {tag:'td', html:' '}, |
198 | {tag:'td', children:[ | 196 | {tag:'td', children:[ |
199 | {tag:'div', id:this.getId('backActionButton')} | 197 | {tag:'div', id:this.getId('backActionButton')} |
200 | ]}, | 198 | ]}, |
201 | {tag:'td', html:' '}, | 199 | {tag:'td', html:' '}, |
202 | {tag:'td', children:[ | 200 | {tag:'td', children:[ |
203 | {tag:'div', id:this.getId('nextActionButton')} | 201 | {tag:'div', id:this.getId('nextActionButton')} |
204 | ]}, | 202 | ]}, |
205 | {tag:'td', html:' '} | 203 | {tag:'td', html:' '} |
206 | ]} | 204 | ]} |
207 | ]} | 205 | ]} |
208 | ]} | 206 | ]} |
209 | ]} | 207 | ]} |
210 | ]} | 208 | ]} |
211 | ]}, | 209 | ]}, |
212 | {tag:'div', id:this.getId('importWizard'), children:[ | 210 | {tag:'div', id:this.getId('importWizard'), children:[ |
213 | {tag:'form', id:this.getId('importWizardForm'), children:[ | 211 | {tag:'form', id:this.getId('importWizardForm'), children:[ |
214 | {tag:'div', cls:'wizardComponent', id:this.getId('wizardComponent'), children:[]} | 212 | {tag:'div', cls:'wizardComponent', id:this.getId('wizardComponent'), children:[]} |