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

LeafOnly selection of et2-tree now possible

Browse Source 
et2-tree-dropdown can now also be leafOnly used e.g. in timezone preferences
This commit is contained in:
milan 2024-08-22 12:54:27 +02:00
parent c08555ee08
commit 0605f6c2f5
2 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
api/js/etemplate/Et2Tree/Et2Tree.ts
View File

@ -98,7 +98,7 @@ export class Et2Tree extends Et2WidgetWithSelectMixin(LitElement) implements Fin
@property({type: Function}) @property({type: Function})
onclick;// description: "JS code which gets executed when clicks on text of a node" onclick;// description: "JS code which gets executed when clicks on text of a node"
@property({type:String}) @property({type:String})
selection = "single" leafOnly = false
//onselect and oncheck only appear in multiselectTree //onselect and oncheck only appear in multiselectTree

25
api/js/etemplate/Et2Tree/Et2TreeDropdown.ts
View File

@ -81,15 +81,34 @@ export class Et2TreeDropdown extends SearchMixin<Constructor<any> & Et2InputWidg
@property({type: Object}) actions = {}; @property({type: Object}) actions = {};
@property() @property()
leafOnly:Boolean; set leafOnly(_leafOnly: boolean)
{
this.updateComplete.then(() => {
const tree = this._tree
if (tree)
{
tree.leafOnly = _leafOnly;
tree.requestUpdate("leafOnly")
}
}
)
}
@state() currentTag: Et2Tag; @state() currentTag: Et2Tag;
// We show search results in the same dropdown // We show search results in the same dropdown
@state() treeOrSearch : "tree" | "search" = "tree"; @state() treeOrSearch : "tree" | "search" = "tree";
private get _popup() : SlPopup { return this.shadowRoot.querySelector("sl-popup")} private get _popup(): SlPopup
private get _tree() : Et2Tree { return this.shadowRoot.querySelector("et2-tree")} {
return this.shadowRoot?.querySelector("sl-popup")
}
private get _tree(): Et2Tree
{
return this.shadowRoot?.querySelector("et2-tree")
}
private get _tags() : Et2Tag[] { return Array.from(this.shadowRoot.querySelectorAll("et2-tag"));} private get _tags() : Et2Tag[] { return Array.from(this.shadowRoot.querySelectorAll("et2-tag"));}