2020-01-26 16:21:20 +01:00
|
|
|
/**
|
2022-04-02 16:28:01 +02:00
|
|
|
* @copyright 2022, the Converse.js contributors
|
2020-01-26 16:21:20 +01:00
|
|
|
* @license Mozilla Public License (MPLv2)
|
|
|
|
* @description This is the form utilities module.
|
|
|
|
*/
|
2018-10-23 03:41:38 +02:00
|
|
|
import u from "./core";
|
|
|
|
|
2023-02-15 14:19:48 +01:00
|
|
|
const tplXformField = (name, value) => `<field var="${name}">${ value }</field>`;
|
2023-01-18 15:08:34 +01:00
|
|
|
|
2023-02-15 14:19:48 +01:00
|
|
|
const tplXformValue = (value) => `<value>${value}</value>`;
|
2023-01-18 15:08:34 +01:00
|
|
|
|
2019-03-29 23:47:56 +01:00
|
|
|
/**
|
|
|
|
* Takes an HTML DOM and turns it into an XForm field.
|
|
|
|
* @private
|
|
|
|
* @method u#webForm2xForm
|
2023-02-23 07:03:50 +01:00
|
|
|
* @param { Element } field - the field to convert
|
2019-03-29 23:47:56 +01:00
|
|
|
*/
|
2023-01-18 15:08:34 +01:00
|
|
|
export function webForm2xForm (field) {
|
2020-09-25 18:43:37 +02:00
|
|
|
const name = field.getAttribute('name');
|
|
|
|
if (!name) {
|
|
|
|
return null; // See #1924
|
|
|
|
}
|
2018-10-23 03:41:38 +02:00
|
|
|
let value;
|
|
|
|
if (field.getAttribute('type') === 'checkbox') {
|
|
|
|
value = field.checked && 1 || 0;
|
|
|
|
} else if (field.tagName == "TEXTAREA") {
|
2020-03-06 15:19:48 +01:00
|
|
|
value = field.value.split('\n').filter(s => s.trim());
|
2018-10-23 03:41:38 +02:00
|
|
|
} else if (field.tagName == "SELECT") {
|
|
|
|
value = u.getSelectValues(field);
|
|
|
|
} else {
|
|
|
|
value = field.value;
|
|
|
|
}
|
2023-02-15 14:19:48 +01:00
|
|
|
return u.toStanza(tplXformField(
|
2023-01-18 15:08:34 +01:00
|
|
|
name,
|
2023-02-15 14:19:48 +01:00
|
|
|
Array.isArray(value) ? value.map(tplXformValue) : tplXformValue(value),
|
2023-01-18 15:08:34 +01:00
|
|
|
));
|
|
|
|
}
|
|
|
|
|
|
|
|
u.webForm2xForm = webForm2xForm;
|