mirrors/deluge
0
0
Fork 0
mirror of https://git.deluge-torrent.org/deluge synced 2025-08-02 22:48:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

tweak the way the login is built up

Browse source
This commit is contained in:
Damien Churchill 2010-01-23 15:31:17 +00:00
commit 1b2d5bc6ad
1 changed files with 125 additions and 136 deletions
Download patch file Download diff file Expand all files Collapse all files

261
deluge/ui/web/js/Deluge.Login.js
View file

@ -1,5 +1,5 @@
/* /*
Script: deluge-login.js Script: Deluge.Login.js
Contains all objects and functions related to the login system. Contains all objects and functions related to the login system.
Copyright: Copyright:
@ -32,139 +32,128 @@ Copyright:
*/ */
(function(){ Ext.deluge.LoginWindow = Ext.extend(Ext.Window, {
Ext.deluge.LoginWindow = Ext.extend(Ext.Window, {
firstShow: true,
constructor: function(config) {
config = Ext.apply({
layout: 'fit',
width: 300,
height: 120,
bodyStyle: 'padding: 10px 5px;',
buttonAlign: 'center',
closeAction: 'hide',
closable: false,
modal: true,
plain: true,
resizable: false,
title: _('Login'),
iconCls: 'x-deluge-login-window-icon'
}, config);
Ext.deluge.LoginWindow.superclass.constructor.call(this, config);
},
initComponent: function() {
Ext.deluge.LoginWindow.superclass.initComponent.call(this);
this.on('show', this.onShow, this);
this.addButton({
text: _('Login'),
handler: this.onLogin,
scope: this
});
this.loginForm = this.add({
xtype: 'form',
defaultType: 'textfield',
id: 'loginForm',
baseCls: 'x-plain',
labelWidth: 55,
items: [{
fieldLabel: _('Password'),
id: 'password',
name: 'password',
inputType: 'password',
anchor: '100%',
listeners: {
'specialkey': {
fn: this.onKey,
scope: this
}
}
}]
})
},
logout: function() {
Deluge.Events.fire('logout');
Deluge.Client.auth.delete_session({
success: function(result) {
this.show(true);
},
scope: this
});
},
show: function(skipCheck) {
if (this.firstShow) {
Deluge.Client.on('error', this.onClientError, this);
this.firstShow = false;
}
if (skipCheck) {
return Ext.deluge.LoginWindow.superclass.show.call(this);
}
Deluge.Client.auth.check_session({
success: function(result) {
if (result) {
Deluge.Events.fire('login');
} else {
this.show(true);
}
},
failure: function(result) {
this.show(true);
},
scope: this
});
},
onKey: function(field, e) {
if (e.getKey() == 13) this.onLogin();
},
onLogin: function() {
var passwordField = this.loginForm.items.get('password');
Deluge.Client.auth.login(passwordField.getValue(), {
success: function(result) {
if (result) {
Deluge.Events.fire('login');
this.hide();
passwordField.setRawValue('');
} else {
Ext.MessageBox.show({
title: _('Login Failed'),
msg: _('You entered an incorrect password'),
buttons: Ext.MessageBox.OK,
modal: false,
fn: function() {
passwordField.focus();
},
icon: Ext.MessageBox.WARNING,
iconCls: 'x-deluge-icon-warning'
});
}
},
scope: this
});
},
onClientError: function(errorObj, response, requestOptions) {
if (errorObj.error.code == 1) {
Deluge.Events.fire('logout');
this.show(true);
}
},
onShow: function() {
var passwordField = this.loginForm.items.get('password');
passwordField.focus(false, 150);
passwordField.setRawValue('');
}
});
Deluge.Login = new Ext.deluge.LoginWindow(); firstShow: true,
})(); bodyStyle: 'padding: 10px 5px;',
buttonAlign: 'center',
closable: false,
closeAction: 'hide',
iconCls: 'x-deluge-login-window-icon',
layout: 'fit',
modal: true,
plain: true,
resizable: false,
title: _('Login'),
width: 300,
height: 120,
initComponent: function() {
Ext.deluge.LoginWindow.superclass.initComponent.call(this);
this.on('show', this.onShow, this);
this.addButton({
text: _('Login'),
handler: this.onLogin,
scope: this
});
this.form = this.add({
xtype: 'form',
baseCls: 'x-plain',
labelWidth: 55,
width: 300,
defaults: {width: 200},
defaultType: 'textfield',
});
this.passwordField = this.form.add({
xtype: 'textfield',
fieldLabel: _('Password'),
id: '_password',
name: 'password',
inputType: 'password'
});
this.passwordField.on('specialkey', this.onSpecialKey, this);
},
logout: function() {
Deluge.Events.fire('logout');
Deluge.Client.auth.delete_session({
success: function(result) {
this.show(true);
},
scope: this
});
},
show: function(skipCheck) {
if (this.firstShow) {
Deluge.Client.on('error', this.onClientError, this);
this.firstShow = false;
}
if (skipCheck) {
return Ext.deluge.LoginWindow.superclass.show.call(this);
}
Deluge.Client.auth.check_session({
success: function(result) {
if (result) {
Deluge.Events.fire('login');
} else {
this.show(true);
}
},
failure: function(result) {
this.show(true);
},
scope: this
});
},
onSpecialKey: function(field, e) {
if (e.getKey() == 13) this.onLogin();
},
onLogin: function() {
var passwordField = this.loginForm.items.get('password');
Deluge.Client.auth.login(passwordField.getValue(), {
success: function(result) {
if (result) {
Deluge.Events.fire('login');
this.hide();
passwordField.setRawValue('');
} else {
Ext.MessageBox.show({
title: _('Login Failed'),
msg: _('You entered an incorrect password'),
buttons: Ext.MessageBox.OK,
modal: false,
fn: function() {
passwordField.focus();
},
icon: Ext.MessageBox.WARNING,
iconCls: 'x-deluge-icon-warning'
});
}
},
scope: this
});
},
onClientError: function(errorObj, response, requestOptions) {
if (errorObj.error.code == 1) {
Deluge.Events.fire('logout');
this.show(true);
}
},
onShow: function() {
var passwordField = this.loginForm.items.get('password');
passwordField.focus(false, 150);
passwordField.setRawValue('');
}
});
Deluge.Login = new Ext.deluge.LoginWindow();