Added support for JavaScript FormData

As preparation for 2FA plugins and easier Fetch calls

dev/Remote/AbstractFetch.js

@@ -47,7 +47,11 @@ abort = (sAction, bClearOnly) => {
 fetchJSON = (action, sGetAdd, params, timeout, jsonCallback) => {
 	sGetAdd = pString(sGetAdd);
 	params = params || {};
-	params.Action = action;
+	if (params instanceof FormData) {
+		params.set('Action', action);
+	} else {
+		params.Action = action;
+	}
 	let init = {};
 	if (window.AbortController) {
 		abort(action);

dev/Remote/User/Fetch.js

@@ -50,20 +50,10 @@ class RemoteUserFetch extends AbstractFetchRemote {
 
 	/**
 	 * @param {?Function} fCallback
-	 * @param {string} sEmail
-	 * @param {string} sLogin
-	 * @param {string} sPassword
-	 * @param {boolean} bSignMe
-	 * @param {string=} sLanguage
+	 * @param {FormData} oData
 	 */
-	login(fCallback, sEmail, sPassword, bSignMe, sLanguage) {
-		this.defaultRequest(fCallback, 'Login', {
-			Email: sEmail,
-			Login: '',
-			Password: sPassword,
-			Language: sLanguage || '',
-			SignMe: bSignMe ? 1 : 0
-		});
+	login(fCallback, oData) {
+		this.defaultRequest(fCallback, 'Login', oData);
 	}
 
 	/**

dev/View/User/Login.js

@@ -104,17 +104,19 @@ class LoginUserView extends AbstractViewCenter {
 	}
 
 	submitCommand(self, event) {
-		let email = this.email().trim(),
-			valid = event.target.form.reportValidity() && email,
-			pass = this.password();
+		let form = event.target.form,
+			data = new FormData(form),
+			email = this.email().trim(),
+			valid = form.reportValidity() && email;
 
 		this.emailError(!email);
-		this.passwordError(!pass);
+		this.passwordError(!this.password());
 		this.formError(!valid);
 
 		if (valid) {
 			this.submitRequest(true);
-
+			data.set('Language', this.bSendLanguage ? this.language() : '');
+			data.set('SignMe', this.signMe() ? 1 : 0);
 			Remote.login(
 				(iError, oData) => {
 					if (iError) {
@@ -129,10 +131,7 @@ class LoginUserView extends AbstractViewCenter {
 						rl.route.reload();
 					}
 				},
-				email,
-				pass,
-				!!this.signMe(),
-				this.bSendLanguage ? this.language() : ''
+				data
 			);
 
 			Local.set(ClientSideKeyName.LastSignMe, this.signMe() ? '-1-' : '-0-');

dev/bootstrap.js

@@ -94,10 +94,7 @@ export default App => {
 		if (postData) {
 			init.method = 'POST';
 			init.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
-			postData.XToken = Settings.app('token');
-//			init.body = JSON.stringify(postData);
-			const formData = new FormData(),
-			buildFormData = (formData, data, parentKey) => {
+			const buildFormData = (formData, data, parentKey) => {
 				if (data && typeof data === 'object' && !(data instanceof Date || data instanceof File)) {
 					Object.keys(data).forEach(key =>
 						buildFormData(formData, data[key], parentKey ? `${parentKey}[${key}]` : key)
@@ -105,9 +102,14 @@ export default App => {
 				} else {
 					formData.set(parentKey, data == null ? '' : data);
 				}
+				return formData;
 			};
-			buildFormData(formData, postData);
-			init.body = new URLSearchParams(formData);
+			postData = (postData instanceof FormData)
+				? postData
+				: buildFormData(new FormData(), postData);
+			postData.set('XToken', Settings.app('token'));
+//			init.body = JSON.stringify(Object.fromEntries(postData));
+			init.body = new URLSearchParams(postData);
 		}
 
 		return fetch(resource, init).then(response => {

snappymail/v/0.0.0/app/templates/Views/User/Login.html

@@ -9,7 +9,7 @@
 		data-bind="submit: submitForm, css: {'errorAnimated': formError, 'submitting': submitRequest()}">
 		<div class="controls" data-bind="css: {'error': emailError}">
 			<div class="input-append">
-				<input required="" type="text" class="input-block-level inputIcon" pattern="[^@\s]+(@[^\s]+)?" inputmode="email"
+				<input name="Email" required="" type="text" class="input-block-level inputIcon" pattern="[^@\s]+(@[^\s]+)?" inputmode="email"
 					autofocus="" autocomplete="email" autocorrect="off" autocapitalize="off" spellcheck="false"
 					data-bind="textInput: email, disable: submitRequest"
 					data-i18n="[placeholder]GLOBAL/EMAIL" />
@@ -18,7 +18,7 @@
 		</div>
 		<div class="controls" data-bind="css: {'error': passwordError}">
 			<div class="input-append">
-				<input required="" type="password" class="input-block-level inputIcon"
+				<input name="Password" required="" type="password" class="input-block-level inputIcon"
 					autocomplete="current-password" autocorrect="off" autocapitalize="off" spellcheck="false"
 					data-bind="textInput: password, disable: submitRequest"
 					data-i18n="[placeholder]GLOBAL/PASSWORD" />