luci-base: Generate cbi-dynlist-change event after drag/touch end

Signed-off-by: Ramon Van Gorkom <Ramon00c00@gmail.com>

diff --git a/modules/luci-base/htdocs/luci-static/resources/ui.js b/modules/luci-base/htdocs/luci-static/resources/ui.js
index e9efe9b1934e462baf7ab91a15e959ccce9410b0..f077b41253f1f1caa65fbedf780ccbc6df5767b5 100644 (file)
--- a/modules/luci-base/htdocs/luci-static/resources/ui.js
+++ b/modules/luci-base/htdocs/luci-static/resources/ui.js
@@ -2320,6 +2320,7 @@ const UIDynamicList = UIElement.extend(/** @lends LuCI.ui.DynamicList.prototype
                        e.target.classList.remove('drag-over');
                        const target = e.target.classList.contains('item') ? e.target : dl.querySelector('.add-item');
                        dl.insertBefore(draggedItem, target);
+                       this.dispatchCbiDynlistChange(dl, draggedItem.value);
                });
 
                dl.addEventListener('click', (e) => {
@@ -2376,6 +2377,7 @@ const UIDynamicList = UIElement.extend(/** @lends LuCI.ui.DynamicList.prototype
                                dl.insertBefore(draggedItem, placeholder);
                                draggedItem.classList.remove('dragging')
                                placeholder.parentNode.removeChild(placeholder);
+                               this.dispatchCbiDynlistChange(dl, draggedItem.value);
                                placeholder = null;
                                draggedItem = null;
                        }
@@ -2427,6 +2429,11 @@ const UIDynamicList = UIElement.extend(/** @lends LuCI.ui.DynamicList.prototype
                        ai.parentNode.insertBefore(new_item, ai);
                }
 
+               this.dispatchCbiDynlistChange(dl,value);
+       },
+
+       /** @private */
+       dispatchCbiDynlistChange(dl,value) {
                dl.dispatchEvent(new CustomEvent('cbi-dynlist-change', {
                        bubbles: true,
                        detail: {
@@ -2454,15 +2461,7 @@ const UIDynamicList = UIElement.extend(/** @lends LuCI.ui.DynamicList.prototype
 
                item.parentNode.removeChild(item);
 
-               dl.dispatchEvent(new CustomEvent('cbi-dynlist-change', {
-                       bubbles: true,
-                       detail: {
-                               instance: this,
-                               element: dl,
-                               value: value,
-                               remove: true
-                       }
-               }));
+               this.dispatchCbiDynlistChange(dl, value);
        },
 
        /** @private */