extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-26 07:49:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

Et2SelectEmail: Update for recent Et2Select changes, move draggable into its own method

Browse Source
This commit is contained in:
nathan 2023-11-23 15:28:32 -07:00
parent 411acf7c0d
commit f1715d6a7c
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
api/js/etemplate/Et2Select/Select/Et2SelectEmail.ts
View File

@ -117,12 +117,24 @@ export class Et2SelectEmail extends Et2Select
updated(changedProperties : Map<string, any>) updated(changedProperties : Map<string, any>)
{ {
super.updated(changedProperties); super.updated(changedProperties);
// Make tags draggable // Make tags draggable
if(!this.readonly && this.allowFreeEntries && this.allowDragAndDrop) if(!this.readonly && this.allowFreeEntries && this.allowDragAndDrop)
{
this._makeDraggable();
}
}
/**
* Make the tags draggable
* @protected
*/
protected _makeDraggable()
{
this.select.updateComplete.then(() =>
{ {
let dragTranslate = {x: 0, y: 0}; let dragTranslate = {x: 0, y: 0};
const tags = this.shadowRoot.querySelectorAll(".select__tags [part='tag']"); const tags = Array.from(this.select.shadowRoot.querySelectorAll(".select__tags et2-email-tag"));
let draggable = interact(tags).draggable({ let draggable = interact(tags).draggable({
startAxis: 'xy', startAxis: 'xy',
listeners: { listeners: {
@ -147,7 +159,7 @@ export class Et2SelectEmail extends Et2Select
}); });
// set parent_node with widget context in order to make it accessible after drop // set parent_node with widget context in order to make it accessible after drop
draggable.parent_node = this; draggable.parent_node = this;
} });
} }
protected _bindListeners() protected _bindListeners()