proxy basic authentication implementation

app/view/preferences/Preferences.js

@@ -260,12 +260,11 @@ Ext.define('Rambox.view.preferences.Preferences',{
 						,checkboxName: 'proxy'
 						,margin: '10 0 0 0'
 						,padding: 10
-						,layout: 'hbox'
+						,layout: 'vbox'
-						,defaults: { labelAlign: 'top' }
+						,defaults: { labelAlign: 'left' }
 						,items: [
 							{
 								 xtype: 'textfield'
-								,vtype: 'url'
 								,fieldLabel: 'Host'
 								,name: 'proxyHost'
 								,value: config.proxyHost
@@ -275,9 +274,20 @@ Ext.define('Rambox.view.preferences.Preferences',{
 								 xtype: 'numberfield'
 								,fieldLabel: 'Port'
 								,name: 'proxyPort'
-								,width: 100
 								,value: config.proxyPort
 								,margin: '0 0 0 10'
+							},{
+								xtype: 'textfield'
+							   ,fieldLabel: 'Login'
+							   ,name: 'proxyLogin'
+							   ,value: config.proxyLogin
+							   ,margin: '0 0 0 10'
+						   },{
+							xtype: 'textfield'
+						   ,fieldLabel: 'Password'
+						   ,name: 'proxyPassword'
+						   ,value: config.proxyPassword
+						   ,margin: '0 0 0 10'
 					   }
 						]
 					}

electron/main.js

@@ -32,6 +32,8 @@ const config = new Config({
 		,proxy: false
 		,proxyHost: ''
 		,proxyPort: ''
+		,proxyLogin: ''
+		,proxyPassword: ''
 		,locale: 'en'
 		,enable_hidpi_support: false
 		,default_service: 'ramboxTab'
@@ -461,7 +463,14 @@ ipcMain.on('toggleWin', function(event, allwaysShow) {
 });
 
 // Proxy
-if ( config.get('proxy') ) app.commandLine.appendSwitch('proxy-server', config.get('proxyHost')+':'+config.get('proxyPort'));
+if ( config.get('proxy') ) {
+	app.commandLine.appendSwitch('proxy-server', 'http://'+config.get('proxyHost')+':'+config.get('proxyPort'));
+
+	app.on('login', (event, webContents, request, authInfo, callback) => {
+		event.preventDefault()
+		callback(config.get('proxyLogin'), config.get('proxyPassword'))
+	})
+}
 
 // Disable GPU Acceleration for Linux
 // to prevent White Page bug