Diffstat (limited to 'frontend/gamma/js/Clipperz/PM/UI/Web/Components/NewUserCreationComponent.js') (more/less context) (show whitespace changes)
-rw-r--r-- | frontend/gamma/js/Clipperz/PM/UI/Web/Components/NewUserCreationComponent.js | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/NewUserCreationComponent.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/NewUserCreationComponent.js index 06746d1..cd5faa6 100644 --- a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/NewUserCreationComponent.js +++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/NewUserCreationComponent.js | |||
@@ -62,193 +62,193 @@ Clipperz.PM.UI.Web.Components.NewUserCreationComponent = function(args) { | |||
62 | //============================================================================= | 62 | //============================================================================= |
63 | 63 | ||
64 | Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.NewUserCreationComponent, Clipperz.PM.UI.Common.Components.TabPanelComponent, { | 64 | Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.NewUserCreationComponent, Clipperz.PM.UI.Common.Components.TabPanelComponent, { |
65 | 65 | ||
66 | //------------------------------------------------------------------------- | 66 | //------------------------------------------------------------------------- |
67 | 67 | ||
68 | 'toString': function () { | 68 | 'toString': function () { |
69 | return "Clipperz.PM.UI.Web.Components.NewUserCreationComponent component"; | 69 | return "Clipperz.PM.UI.Web.Components.NewUserCreationComponent component"; |
70 | }, | 70 | }, |
71 | 71 | ||
72 | //========================================================================= | 72 | //========================================================================= |
73 | 73 | ||
74 | 'disableAllPanels': function () { | 74 | 'disableAllPanels': function () { |
75 | this.tabPanelController().selectTab(null); | 75 | this.tabPanelController().selectTab(null); |
76 | }, | 76 | }, |
77 | 77 | ||
78 | //------------------------------------------------------------------------- | 78 | //------------------------------------------------------------------------- |
79 | 79 | ||
80 | 'enableCredentialsPanel': function () { | 80 | 'enableCredentialsPanel': function () { |
81 | this.tabPanelController().selectTab('CREDENTIALS'); | 81 | this.tabPanelController().selectTab('CREDENTIALS'); |
82 | }, | 82 | }, |
83 | 83 | ||
84 | 'enableCheckCredentialsPanel': function () { | 84 | 'enableCheckCredentialsPanel': function () { |
85 | this.tabPanelController().selectTab('CHECK_CREDENTIALS'); | 85 | this.tabPanelController().selectTab('CHECK_CREDENTIALS'); |
86 | }, | 86 | }, |
87 | 87 | ||
88 | 'enableTermsOfServicePanel': function () { | 88 | 'enableTermsOfServicePanel': function () { |
89 | this.tabPanelController().selectTab('TERMS_OF_SERVICE'); | 89 | this.tabPanelController().selectTab('TERMS_OF_SERVICE'); |
90 | }, | 90 | }, |
91 | 91 | ||
92 | 'enableCreateUserPanel': function () { | 92 | 'enableCreateUserPanel': function () { |
93 | this.tabPanelController().selectTab('CREATE_USER'); | 93 | this.tabPanelController().selectTab('CREATE_USER'); |
94 | }, | 94 | }, |
95 | 95 | ||
96 | //'enableLoginPanel': function () { | 96 | //'enableLoginPanel': function () { |
97 | // this.tabPanelController().selectTab('LOGIN'); | 97 | // this.tabPanelController().selectTab('LOGIN'); |
98 | //}, | 98 | //}, |
99 | 99 | ||
100 | //========================================================================= | 100 | //========================================================================= |
101 | 101 | ||
102 | 'shouldShowElementWhileRendering': function() { | 102 | 'shouldShowElementWhileRendering': function() { |
103 | return false; | 103 | return false; |
104 | }, | 104 | }, |
105 | 105 | ||
106 | //========================================================================= | 106 | //========================================================================= |
107 | 107 | ||
108 | 'tabPanelController': function () { | 108 | 'tabPanelController': function () { |
109 | if (this._tabPanelController == null) { | 109 | if (this._tabPanelController == null) { |
110 | this._tabPanelController = new Clipperz.PM.UI.Common.Controllers.TabPanelController({ | 110 | this._tabPanelController = new Clipperz.PM.UI.Common.Controllers.TabPanelController({ |
111 | component:this, | 111 | component:this, |
112 | configuration:this._tabPanelControllerConfiguration | 112 | configuration:this._tabPanelControllerConfiguration |
113 | }); | 113 | }); |
114 | 114 | ||
115 | MochiKit.Signal.connect(this._tabPanelController, 'tabSelected', this, 'handleTabSelected') | 115 | MochiKit.Signal.connect(this._tabPanelController, 'tabSelected', this, 'handleTabSelected') |
116 | } | 116 | } |
117 | 117 | ||
118 | return this._tabPanelController; | 118 | return this._tabPanelController; |
119 | }, | 119 | }, |
120 | 120 | ||
121 | //------------------------------------------------------------------------- | 121 | //------------------------------------------------------------------------- |
122 | 122 | ||
123 | 'renderSelf': function() { | 123 | 'renderSelf': function() { |
124 | this.append(this.element(), {tag:'div', cls:'NewUserCreation mainDialog', id:this.getId('panel'), children: [ | 124 | this.append(this.element(), {tag:'div', cls:'NewUserCreation mainDialog', id:this.getId('panel'), children: [ |
125 | {tag:'form', id:this.getId('form'), cls:'newUserCreationForm', children:[ | 125 | {tag:'form', id:this.getId('form'), cls:'newUserCreationForm', children:[ |
126 | {tag:'div', cls:'header', children:[ | 126 | {tag:'div', cls:'header', children:[ |
127 | {tag:'div', cls:'title', children:[ | 127 | {tag:'div', cls:'title', children:[ |
128 | {tag:'h3', id:this.getId('title'), html:"Create new user"} | 128 | {tag:'h3', id:this.getId('title'), html:"Create new user"} |
129 | ]} | 129 | ]} |
130 | ]}, | 130 | ]}, |
131 | {tag:'div', id:this.getId('body'), cls:'body', children:[ | 131 | {tag:'div', id:this.getId('body'), cls:'body', children:[ |
132 | {tag:'div', cls:'tabContainer', children:[ | 132 | {tag:'div', cls:'tabContainer', children:[ |
133 | {tag:'ul', cls:'tabs', children:[ | 133 | {tag:'ul', cls:'tabs', children:[ |
134 | {tag:'li', id:this.getId('credentialsTab'), children:[{tag:'span', html:"credentials"}]}, | 134 | {tag:'li', id:this.getId('credentialsTab'), children:[{tag:'span', html:"credentials"}]}, |
135 | {tag:'li', id:this.getId('checkCredentialsTab'),children:[{tag:'span', html:"credentials check"}]}, | 135 | {tag:'li', id:this.getId('checkCredentialsTab'),children:[{tag:'span', html:"credentials check"}]}, |
136 | {tag:'li', id:this.getId('termsOfServiceTab'), children:[{tag:'span', html:"terms of service"}]}, | 136 | {tag:'li', id:this.getId('termsOfServiceTab'), children:[{tag:'span', html:"terms of service"}]}, |
137 | {tag:'li', id:this.getId('createUserTab'), children:[{tag:'span', html:"create user"}]}//, | 137 | {tag:'li', id:this.getId('createUserTab'), children:[{tag:'span', html:"create user"}]}//, |
138 | // {tag:'li', id:this.getId('loginTab'), children:[{tag:'span', html:"login"}]}, | 138 | // {tag:'li', id:this.getId('loginTab'), children:[{tag:'span', html:"login"}]}, |
139 | ]}, | 139 | ]}, |
140 | {tag:'ul', cls:'tabPanels', children:[ | 140 | {tag:'ul', cls:'tabPanels', children:[ |
141 | {tag:'li', id:this.getId('credentialsTabpanel'), cls:'tabPanel credentials', children:[ | 141 | {tag:'li', id:this.getId('credentialsTabpanel'), cls:'tabPanel credentials', children:[ |
142 | {tag:'div', cls:'wizardStepDescription', children:[{tag:'span', html:Clipperz.PM.Strings.getValue('Wizards.NewUserWizard.CREDENTIALS.description')}]}, | 142 | {tag:'div', cls:'wizardStepDescription', children:[{tag:'span', html:Clipperz.PM.Strings.getValue('Wizards.NewUserWizard.CREDENTIALS.description')}]}, |
143 | {tag:'ul', cls:'credentials', children:[ | 143 | {tag:'ul', cls:'credentials', children:[ |
144 | {tag:'li', children:[{tag:'span', cls:'label', html:"username"},{tag:'input', type:'text', id:this.getId('username')/*, value:'test'*/}]}, | 144 | {tag:'li', children:[{tag:'span', cls:'label', html:"username"},{tag:'input', type:'text', id:this.getId('username')/*, value:'test'*/}]}, |
145 | {tag:'li', children:[{tag:'span', cls:'label', html:"passphrase"},{tag:'input', type:'password', id:this.getId('passphrase')/*, value:'test'*/}]} | 145 | {tag:'li', children:[{tag:'span', cls:'label', html:"passphrase"},{tag:'input', type:'password', id:this.getId('passphrase')/*, value:'test'*/}]} |
146 | ]} | 146 | ]} |
147 | ]}, | 147 | ]}, |
148 | {tag:'li', id:this.getId('checkCredentialsTabpanel'), cls:'tabPanel checkCredentials', children:[ | 148 | {tag:'li', id:this.getId('checkCredentialsTabpanel'), cls:'tabPanel checkCredentials', children:[ |
149 | {tag:'div', cls:'wizardStepDescription', children:[{tag:'span', html:Clipperz.PM.Strings.getValue('Wizards.NewUserWizard.CHECK_CREDENTIALS.description')}]}, | 149 | {tag:'div', cls:'wizardStepDescription', children:[{tag:'span', html:Clipperz.PM.Strings.getValue('Wizards.NewUserWizard.CHECK_CREDENTIALS.description')}]}, |
150 | {tag:'ul', cls:'credentials', children:[ | 150 | {tag:'ul', cls:'credentials', children:[ |
151 | {tag:'li', children:[{tag:'span', cls:'label', html:"re-passphrase"},{tag:'input', type:'password', id:this.getId('re-passphrase')/*, value:'test'*/}]} | 151 | {tag:'li', children:[{tag:'span', cls:'label', html:"re-passphrase"},{tag:'input', type:'password', id:this.getId('re-passphrase')/*, value:'test'*/}]} |
152 | ]} | 152 | ]} |
153 | ]}, | 153 | ]}, |
154 | {tag:'li', id:this.getId('termsOfServiceTabpanel'), cls:'tabPanel termsOfService', children:[ | 154 | {tag:'li', id:this.getId('termsOfServiceTabpanel'), cls:'tabPanel termsOfService', children:[ |
155 | {tag:'div', cls:'wizardStepDescription', children:[{tag:'span', html:Clipperz.PM.Strings.getValue('Wizards.NewUserWizard.TERMS_OF_SERVICE.description')}]}, | 155 | {tag:'div', cls:'wizardStepDescription', children:[{tag:'span', html:Clipperz.PM.Strings.getValue('Wizards.NewUserWizard.TERMS_OF_SERVICE.description')}]}, |
156 | {tag:'ul', cls:'termsOfService', children:[ | 156 | {tag:'ul', cls:'termsOfService', children:[ |
157 | {tag:'li', children:[{tag:'input', type:'checkbox', id:this.getId('awareOfUnrecoverablePassphrase')/*, checked:true*/}, {tag:'label', cls:'label', 'for':this.getId('awareOfUnrecoverablePassphrase'), html:"I understand that Clipperz will not be able to recover a lost passphrase."}]}, | 157 | {tag:'li', children:[{tag:'input', type:'checkbox', id:this.getId('awareOfUnrecoverablePassphrase')/*, checked:true*/}, {tag:'label', cls:'label', 'for':this.getId('awareOfUnrecoverablePassphrase'), html:"I understand that Clipperz will not be able to recover a lost passphrase."}]}, |
158 | {tag:'li', children:[{tag:'input', type:'checkbox', id:this.getId('readTermsOfService')/*, checked:true*/}, {tag:'label', cls:'label', 'for':this.getId('readTermsOfService'), htmlString:"I have read and agreed to the <a href='http://www.clipperz.com/terms_of_service' target='_blank'>Terms of Service</a>."}]} | 158 | {tag:'li', children:[{tag:'input', type:'checkbox', id:this.getId('readTermsOfService')/*, checked:true*/}, {tag:'label', cls:'label', 'for':this.getId('readTermsOfService'), htmlString:"I have read and agreed to the <a href='https://www.clipperz.com/terms_service' target='_blank'>Terms of Service</a>."}]} |
159 | ]} | 159 | ]} |
160 | ]}, | 160 | ]}, |
161 | {tag:'li', id:this.getId('createUserTabpanel'), cls:'tabPanel createUser', children:[ | 161 | {tag:'li', id:this.getId('createUserTabpanel'), cls:'tabPanel createUser', children:[ |
162 | {tag:'div', cls:'wizardStepDescription', children:[{tag:'span', html:Clipperz.PM.Strings.getValue('Wizards.NewUserWizard.CREATE_USER.description')}]}, | 162 | {tag:'div', cls:'wizardStepDescription', children:[{tag:'span', html:Clipperz.PM.Strings.getValue('Wizards.NewUserWizard.CREATE_USER.description')}]}, |
163 | {tag:'ul', cls:'createUserStates', children:[ | 163 | {tag:'ul', cls:'createUserStates', children:[ |
164 | {tag:'li', cls:'creating', id:this.getId('creatingRegistering'), children:[{tag:'span', html:"registering user"}]}, | 164 | {tag:'li', cls:'creating', id:this.getId('creatingRegistering'), children:[{tag:'span', html:"registering user"}]}, |
165 | {tag:'li', cls:'done', id:this.getId('creatingDone'), children:[{tag:'span', html:"done"}]}, | 165 | {tag:'li', cls:'done', id:this.getId('creatingDone'), children:[{tag:'span', html:"done"}]}, |
166 | {tag:'li', cls:'fail', id:this.getId('creatingFailed'), children:[{tag:'span', html:"fail"}]} | 166 | {tag:'li', cls:'fail', id:this.getId('creatingFailed'), children:[{tag:'span', html:"fail"}]} |
167 | ]} | 167 | ]} |
168 | ]}//, | 168 | ]}//, |
169 | // {tag:'li', id:this.getId('loginTabpanel'), cls:'tabPanel login', children:[ | 169 | // {tag:'li', id:this.getId('loginTabpanel'), cls:'tabPanel login', children:[ |
170 | // {tag:'div', cls:'wizardStepDescription', children:[{tag:'span', html:Clipperz.PM.Strings.getValue('Wizards.NewUserWizard.LOGIN.description')}]}, | 170 | // {tag:'div', cls:'wizardStepDescription', children:[{tag:'span', html:Clipperz.PM.Strings.getValue('Wizards.NewUserWizard.LOGIN.description')}]}, |
171 | // ]} | 171 | // ]} |
172 | ]} | 172 | ]} |
173 | ]} | 173 | ]} |
174 | ]}, | 174 | ]}, |
175 | {tag:'div', id:this.getId('footer'), cls:'footer', children:[ | 175 | {tag:'div', id:this.getId('footer'), cls:'footer', children:[ |
176 | {tag:'div', cls:'buttonArea', children:[ | 176 | {tag:'div', cls:'buttonArea', children:[ |
177 | // {tag:'div', cls:'cancel', id:this.getId('cancelButton'), html:"cancel"}, | 177 | // {tag:'div', cls:'cancel', id:this.getId('cancelButton'), html:"cancel"}, |
178 | // {tag:'div', cls:'save disabled', id:this.getId('saveButton'), html:"save"} | 178 | // {tag:'div', cls:'save disabled', id:this.getId('saveButton'), html:"save"} |
179 | ]} | 179 | ]} |
180 | ]} | 180 | ]} |
181 | ]}, | 181 | ]}, |
182 | {tag:'div', cls:'clear'} | 182 | {tag:'div', cls:'clear'} |
183 | ]}); | 183 | ]}); |
184 | 184 | ||
185 | this.tabPanelController().setup(); | 185 | this.tabPanelController().setup(); |
186 | // MochiKit.Signal.connect(this.getId('panel'), 'onkeydown', this, 'handleKeyEvent'); | 186 | // MochiKit.Signal.connect(this.getId('panel'), 'onkeydown', this, 'handleKeyEvent'); |
187 | MochiKit.Signal.connect(MochiKit.DOM.currentDocument().body, 'onkeydown', this, 'handleKeyEvent'); | 187 | MochiKit.Signal.connect(MochiKit.DOM.currentDocument().body, 'onkeydown', this, 'handleKeyEvent'); |
188 | MochiKit.Signal.connect(this.getId('awareOfUnrecoverablePassphrase'), 'onchange', this, 'handleTermsOfServiceCheckboxChange'); | 188 | MochiKit.Signal.connect(this.getId('awareOfUnrecoverablePassphrase'), 'onchange', this, 'handleTermsOfServiceCheckboxChange'); |
189 | MochiKit.Signal.connect(this.getId('readTermsOfService'), 'onchange', this, 'handleTermsOfServiceCheckboxChange'); | 189 | MochiKit.Signal.connect(this.getId('readTermsOfService'), 'onchange', this, 'handleTermsOfServiceCheckboxChange'); |
190 | }, | 190 | }, |
191 | 191 | ||
192 | //------------------------------------------------------------------------- | 192 | //------------------------------------------------------------------------- |
193 | /* | 193 | /* |
194 | 'resetContent': function () { | 194 | 'resetContent': function () { |
195 | this.getElement('username').value = ''; | 195 | this.getElement('username').value = ''; |
196 | this.getElement('passphrase').value = ''; | 196 | this.getElement('passphrase').value = ''; |
197 | }, | 197 | }, |
198 | */ | 198 | */ |
199 | //------------------------------------------------------------------------- | 199 | //------------------------------------------------------------------------- |
200 | 200 | ||
201 | 'displayElement': function() { | 201 | 'displayElement': function() { |
202 | return this.getElement('panel'); | 202 | return this.getElement('panel'); |
203 | }, | 203 | }, |
204 | 204 | ||
205 | //------------------------------------------------------------------------- | 205 | //------------------------------------------------------------------------- |
206 | 206 | ||
207 | 'handleTabSelected': function (aSelectedTab) { | 207 | 'handleTabSelected': function (aSelectedTab) { |
208 | /* | 208 | /* |
209 | switch (aSelectedTab) { | 209 | switch (aSelectedTab) { |
210 | case 'DETAILS': | 210 | case 'DETAILS': |
211 | break; | 211 | break; |
212 | case 'DIRECT_LOGINS': | 212 | case 'DIRECT_LOGINS': |
213 | MochiKit.Style.hideElement(this.getElement('backToDirectLoginList')); | 213 | MochiKit.Style.hideElement(this.getElement('backToDirectLoginList')); |
214 | break; | 214 | break; |
215 | case 'SHARING': | 215 | case 'SHARING': |
216 | break; | 216 | break; |
217 | } | 217 | } |
218 | */ | 218 | */ |
219 | }, | 219 | }, |
220 | 220 | ||
221 | //========================================================================= | 221 | //========================================================================= |
222 | 222 | ||
223 | 'username': function () { | 223 | 'username': function () { |
224 | return this.getElement('username').value; | 224 | return this.getElement('username').value; |
225 | }, | 225 | }, |
226 | 226 | ||
227 | 'usernameElement': function () { | 227 | 'usernameElement': function () { |
228 | return this.getElement('username'); | 228 | return this.getElement('username'); |
229 | }, | 229 | }, |
230 | 230 | ||
231 | 'passphrase': function () { | 231 | 'passphrase': function () { |
232 | return this.getElement('passphrase').value; | 232 | return this.getElement('passphrase').value; |
233 | }, | 233 | }, |
234 | 234 | ||
235 | 'rePassphrase': function () { | 235 | 'rePassphrase': function () { |
236 | return this.getElement('re-passphrase').value; | 236 | return this.getElement('re-passphrase').value; |
237 | }, | 237 | }, |
238 | 238 | ||
239 | 'awareOfUnrecoverablePassphrase': function () { | 239 | 'awareOfUnrecoverablePassphrase': function () { |
240 | return this.getElement('awareOfUnrecoverablePassphrase').value; | 240 | return this.getElement('awareOfUnrecoverablePassphrase').value; |
241 | }, | 241 | }, |
242 | 242 | ||
243 | 'readTermsOfService': function () { | 243 | 'readTermsOfService': function () { |
244 | return this.getElement('readTermsOfService').value; | 244 | return this.getElement('readTermsOfService').value; |
245 | }, | 245 | }, |
246 | 246 | ||
247 | //========================================================================= | 247 | //========================================================================= |
248 | /* | 248 | /* |
249 | 'incrementUpdateFaviconCounter': function () { | 249 | 'incrementUpdateFaviconCounter': function () { |
250 | this._updateFaviconCounter ++; | 250 | this._updateFaviconCounter ++; |
251 | }, | 251 | }, |
252 | 252 | ||
253 | 'decrementUpdateFaviconCounter': function () { | 253 | 'decrementUpdateFaviconCounter': function () { |
254 | this._updateFaviconCounter --; | 254 | this._updateFaviconCounter --; |