core: add own animation functions

Move the shutter start and stop animation to it's own function, this way we are more flexible while adjusting things if needed. Change-Id: If4b9c8c4d3f664bb44c40b5a19124b86bac52305
andi34 · Jan 17, 2022 · 6b441af · 6b441af
1 parent 2179fa2
commit 6b441af
Showing 1 changed file with 28 additions and 19 deletions.
diff --git a/src/js/core.js b/src/js/core.js
@@ -265,6 +265,32 @@ const photoBooth = (function () {
         }
     };
 
+    api.shutter = {
+        start: function () {
+            blocker.fadeTo(500, 1);
+        },
+        stop: function (selector) {
+            aperture.show();
+            aperture.animate(
+                {
+                    width: 0,
+                    'padding-bottom': 0
+                },
+                500,
+                function () {
+                    blocker.css('opacity', '0');
+                    blocker.hide();
+                }
+            );
+            aperture.fadeTo(1000, 0, function () {
+                aperture.css('opacity', '1');
+                aperture.css('width', '150%');
+                aperture.css('padding-bottom', '150%');
+                aperture.hide();
+            });
+        }
+    };
+
     api.showResultInner = function (flag) {
         if (flag) {
             resultInner.addClass('show');
@@ -429,7 +455,7 @@ const photoBooth = (function () {
 
     api.callTakePicApi = function (data, retry = 0) {
         if (config.ui.shutter_animation) {
-            blocker.fadeTo(500, 1);
+            api.shutter.start();
         }
         startTime = new Date().getTime();
         jQuery
@@ -440,24 +466,7 @@ const photoBooth = (function () {
                 photoboothTools.console.log('took ' + data.style, result);
                 photoboothTools.console.logDev('Taking picture took ' + totalTime + 'ms');
                 if (config.ui.shutter_animation) {
-                    aperture.show();
-                    aperture.animate(
-                        {
-                            width: 0,
-                            'padding-bottom': 0
-                        },
-                        500,
-                        function () {
-                            blocker.css('opacity', '0');
-                            blocker.hide();
-                        }
-                    );
-                    aperture.fadeTo(1000, 0, function () {
-                        aperture.css('opacity', '1');
-                        aperture.css('width', '150%');
-                        aperture.css('padding-bottom', '150%');
-                        aperture.hide();
-                    });
+                    api.shutter.stop();
                 }
                 cheese.empty();
                 if (config.preview.flipHorizontal) {