feat: added a watch on block.layout.ColumnSpan and block.layout.RowSp…

…an so that when resized the block will be re-rendered
rickbutterfield · Sep 26, 2024 · 48cc161 · 48cc161
1 parent 38918c6
commit 48cc161
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/...oot/App_Plugins/Umbraco.Community.BlockPreview/js/controllers/block-preview.controller.js b/...oot/App_Plugins/Umbraco.Community.BlockPreview/js/controllers/block-preview.controller.js
@@ -132,6 +132,26 @@
 
             var timeoutPromise;
 
+            $scope.$watch('block.layout.columnSpan', function (newValue, oldValue) {
+                if (newValue !== oldValue) {
+                    $timeout.cancel(timeoutPromise);
+
+                    timeoutPromise = $timeout(function () {   //Set timeout
+                        loadPreview(newValue, null);
+                    }, 500);
+                }
+            }, true);
+
+            $scope.$watch('block.layout.rowSpan', function (newValue, oldValue) {
+                if (newValue !== oldValue) {
+                    $timeout.cancel(timeoutPromise);
+
+                    timeoutPromise = $timeout(function () {   //Set timeout
+                        loadPreview(newValue, null);
+                    }, 500);
+                }
+            }, true);
+
             $scope.$watch('block.data', function (newValue, oldValue) {
                 if (newValue !== oldValue) {
                     $timeout.cancel(timeoutPromise);