Add glowing effect when adding a row.

conestack · Nov 5, 2024 · 9465805 · 9465805
1 parent c86515c
commit 9465805
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 5 deletions.
diff --git a/js/src/bootstrap5/widget.js b/js/src/bootstrap5/widget.js
@@ -57,7 +57,7 @@ export class ArrayWidget extends ArrayBase {
 
     up_handle(evt) {
         super.up_handle(evt);
-        let row = this.get_row(evt.currentTarget);
+        const row = this.get_row(evt.currentTarget);
         row.addClass('row-moved');
         setTimeout(function() {
             row.removeClass('row-moved');
@@ -66,10 +66,19 @@ export class ArrayWidget extends ArrayBase {
 
     down_handle(evt) {
         super.down_handle(evt);
-        let row = this.get_row(evt.currentTarget);
+        const row = this.get_row(evt.currentTarget);
         row.addClass('row-moved');
         setTimeout(function() {
             row.removeClass('row-moved');
         }, 1000);
     }
+
+    create_row() {
+        const row = super.create_row();
+        row.addClass('row-moved');
+        setTimeout(function() {
+            row.removeClass('row-moved');
+        }, 1000);
+        return row;
+    }
 }
diff --git a/src/yafowil/widget/array/resources/bootstrap5/widget.js b/src/yafowil/widget/array/resources/bootstrap5/widget.js
@@ -234,20 +234,28 @@ var yafowil_array = (function (exports, $) {
         }
         up_handle(evt) {
             super.up_handle(evt);
-            let row = this.get_row(evt.currentTarget);
+            const row = this.get_row(evt.currentTarget);
             row.addClass('row-moved');
             setTimeout(function() {
                 row.removeClass('row-moved');
             }, 1000);
         }
         down_handle(evt) {
             super.down_handle(evt);
-            let row = this.get_row(evt.currentTarget);
+            const row = this.get_row(evt.currentTarget);
             row.addClass('row-moved');
             setTimeout(function() {
                 row.removeClass('row-moved');
             }, 1000);
         }
+        create_row() {
+            const row = super.create_row();
+            row.addClass('row-moved');
+            setTimeout(function() {
+                row.removeClass('row-moved');
+            }, 1000);
+            return row;
+        }
     }
 
     $(function() {

diff --git a/src/yafowil/widget/array/resources/bootstrap5/widget.min.js b/src/yafowil/widget/array/resources/bootstrap5/widget.min.js