1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
/*
* Copyright 2015 Anton Tananaev (anton.tananaev@gmail.com)
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
Ext.define('LoginForm', {
extend: 'Ext.form.Panel',
xtype: 'login-form',
defaultType: 'textfield',
bodyPadding: Styles.panel_padding,
defaults: { anchor: '100%' },
url: '/api/login',
items: [{
allowBlank: false,
fieldLabel: Strings.login_email,
name: 'email'
}, {
allowBlank: false,
fieldLabel: Strings.login_password,
name: 'password',
inputType: 'password'
}],
buttons: [{
text: Strings.login_register
}, {
text: Strings.login_login,
handler: function() {
this.up('window').submit();
}
}],
listeners: {
afterRender: function(){
this.keyNav = Ext.create('Ext.util.KeyNav', this.el, {
enter: function() {
this.up('window').submit();
},
scope: this
});
}
}
});
Ext.define('Login', {
extend: 'Ext.window.Window',
requires: [ 'MainView' ],
title: Strings.login_title,
closable: false,
items: [{ xtype: 'login-form' }],
submit: function() {
var win = this;
var form = this.down('form').getForm();
if (form.isValid()) {
form.submit({
success: function() {
win.close();
Ext.create('MainView', { renderTo: document.body });
},
failure: function() {
Ext.Msg.alert(Strings.login_title, Strings.login_failed);
}
});
}
}
});
|
