extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-15 11:11:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Et2Select: If the value contains something that does not pass validation, show it as an invalid tag so it can be removed.

Browse Source
This commit is contained in:
nathan 2023-05-18 10:48:33 -06:00
parent 211ad9be87
commit ee14d1d39f
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
api/js/etemplate/Et2Select/Et2Select.ts
View File

@ -628,6 +628,25 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
const checkedItems = Object.values(this._menuItems).filter(item => this.value.includes(item.value));
this.displayTags = checkedItems.map(item => this._createTagNode(item));
if(checkedItems.length !== this.value.length && this.multiple)
{
// There's a value that does not have a menu item, probably invalid.
// Add it as a marked tag so it can be corrected or removed.
const filteredValues = this.value.filter(str => !checkedItems.some(obj => obj.value === str));
for(let i = 0; i < filteredValues.length; i++)
{
const badTag = this._createTagNode({
value: filteredValues[i],
getTextLabel: () => filteredValues[i],
classList: {value: ""}
});
badTag.variant = "danger";
badTag.contactPlus = false;
// Put it in front so it shows
this.displayTags.unshift(badTag);
}
}
// Re-slice & add overflow tag
if(overflow)
{
@ -766,6 +785,7 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
this.dispatchEvent(new CustomEvent('sl-input'));
this.dispatchEvent(new CustomEvent('sl-change'));
this.syncItemsFromValue();
this.validate();
}
}