aboutsummaryrefslogtreecommitdiff
path: root/web/Login.js
blob: cdc312bf8fdb03e4c4bacde27859547a3af87124 (plain)
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
85
86
87
88
89
90
91
/*
 * 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,
        handler: function() {
            Ext.create('RegisterDialog').show();
        }
    }, {
        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',
        'RegisterDialog'
    ],

    title: Strings.login_title,
    closable: false,
    resizable: 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);
                }
            });
        }
    }
});