Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add support for using the form in which the button is, and inputs wit… #6

Merged
merged 1 commit into from
Oct 5, 2023
Merged

add support for using the form in which the button is, and inputs wit… #6

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 44 additions & 21 deletions js/plugins/40.actionformset.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,39 +43,62 @@ class ActionFormset extends Action {
// We merge the options with the defaults to get a valid settings object
let settings = PowerButtons.getActionSettings(this, options);

// Get the form to set using the provided selector (or name)
let formToSet = searchForm(settings.form);
if (formToSet === null) {
console.error(`Form not found ${settings.form}`);
return;
let formToSet = null;
let inputFields = [];
let elements = [];

if (settings.form == "") {
// This is a special shortcut to
// 1. set the form to the form that contains the button
// 2. set the value of an input that is not in any form

console.debug("form is empty");

if (el.form !== null) {
// The element is in a form, so we'll set the form to the form that contains the button
formToSet = el.form;
} else {
// The element is not in a form, so we are dealing with the inputs that are not in a form
elements = Array.from(document.querySelectorAll('input')).filter(input => input.form === null);
}
} else {
// We'll get the form to set using the provided selector (or name)
formToSet = searchForm(settings.form);
if (formToSet === null) {
console.error(`Form not found ${settings.form}`);
return;
}
}

// If there is a form, we'll get the input fields
if (formToSet !== null) {
elements = Array.from(formToSet.elements);
}

// Now use the lowercase name and id of the input fields to create a map
//
// As the dataset attributes are always in camelCase, the name of the fields to set is case insensitive. So
// in the form we may have the field <input name="Name"> and in the button the attribute data-setform-name="John"
// We'll do this by creating a map of the field name in lowercase and the field name in the form, and then
// we'll use the map to set the values.
// in the form we may have the field <input name="Name"> but in the button the attribute should be data-setform-name="John"
//
// This mechanism restricts the existence of the same field name for different fields in the form, with different
// case. For example, if we have the fields <input name="Name"> and <input name="name">, we'll set the value for
// the last one, as the map will have the reference to it.
let nameMap = {};
for (var i = 0; i < formToSet.elements.length; i++) {
let element = formToSet.elements[i];

elements.forEach(element => {
if (element.name !== '') {
nameMap[element.name.toLocaleLowerCase()] = element.name;
inputFields[element.name.toLocaleLowerCase()] = element;
}
// In a form, the same input is indexed both by name or by id, but assigning a value is done in the same way
if (element.id !== '') {
nameMap[element.id.toLocaleLowerCase()] = element.id;
inputFields[element.id.toLocaleLowerCase()] = element;
}
}
for (var field in settings.fields) {
if (nameMap[field] !== undefined) {
});

// Now we'll set the values of the fields
for (let field in settings.fields) {
if (inputFields[field] !== undefined) {
let value = settings.fields[field];

// Get the value with the support for javascript expressions
let result = getValueWithJavascriptSupport(value, formToSet);
// Get the value with the support for javascript expressions; if the form is null, we'll use the inputFields
let result = getValueWithJavascriptSupport(value, formToSet !== null ? formToSet : inputFields);
if (typeof(result) === 'function') {
try {
result = result();
Expand All @@ -84,7 +107,7 @@ class ActionFormset extends Action {
continue;
}
}
formToSet[nameMap[field]].value = result;
inputFields[field].value = result;
}
}

Expand Down