refactor: extract code into functions

Author: SuperMaxusa

src/browser/main.js

@@ -2348,30 +2348,62 @@ function init_ui(profile, settings, emulator)
         emulator.screen_set_scale(n, n);
     }
 
-    $("toggle_ui").onclick = function()
+    /**
+     * @param {boolean} enabled
+     */
+    function enable_theatre_ui(enabled)
     {
-        theatre_ui = !theatre_ui;
+        theatre_ui = enabled;
 
         $("runtime_options").style.display = theatre_ui ? "block" : "none";
         $("runtime_infos").style.display = theatre_ui ? "block" : "none";
         $("filesystem_panel").style.display = (filesystem_is_enabled && theatre_ui) ? "block" : "none";
 
         $("toggle_ui").value = (theatre_ui ? "Hide" : "Show") + " UI";
-        $("toggle_ui").blur();
-    };
+    }
 
-    $("toggle_theatre").onclick = function()
+    /**
+     * @param {boolean} enabled
+     */
+    function enable_zoom_to_fit(enabled)
     {
-        theatre_mode = !theatre_mode;
+        theatre_zoom_to_fit = enabled;
+        $("scale").disabled = theatre_zoom_to_fit;
+
+        if(theatre_zoom_to_fit)
+        {
+            window.addEventListener("resize", zoom_to_fit, true);
+            emulator.add_listener("screen-set-size", zoom_to_fit);
+
+            zoom_to_fit();
+        }
+        else
+        {
+            window.removeEventListener("resize", zoom_to_fit, true);
+            emulator.remove_listener("screen-set-size", zoom_to_fit);
+
+            const n = parseFloat($("scale").value) || 1;
+            emulator.screen_set_scale(n, n);
+        }
+
+        $("toggle_zoom_to_fit").value = (theatre_zoom_to_fit ? "Dis" : "En") + "able zoom to fit";
+    }
+
+    /**
+     * @param {boolean} enabled
+     */
+    function enable_theatre_mode(enabled)
+    {
+        theatre_mode = enabled;
 
         if(!theatre_ui)
         {
-            $("toggle_ui").click();
+            enable_theatre_ui(true);
         }
 
         if(!theatre_mode && theatre_zoom_to_fit)
         {
-            $("toggle_zoom_to_fit").click();
+            enable_zoom_to_fit(false);
         }
 
         for(const el of ["screen_container", "runtime_options", "runtime_infos", "filesystem_panel"])
@@ -2387,31 +2419,23 @@ function init_ui(profile, settings, emulator)
         document.body.style.overflow = theatre_mode ? "hidden" : "visible";
 
         $("toggle_theatre").value = (theatre_mode ? "Dis" : "En") + "able theatre mode";
+    }
+
+    $("toggle_ui").onclick = function()
+    {
+        enable_theatre_ui(!theatre_ui);
+        $("toggle_ui").blur();
+    };
+
+    $("toggle_theatre").onclick = function()
+    {
+        enable_theatre_mode(!theatre_mode);
         $("toggle_theatre").blur();
     };
 
     $("toggle_zoom_to_fit").onclick = function()
     {
-        theatre_zoom_to_fit = !theatre_zoom_to_fit;
-        $("scale").disabled = theatre_zoom_to_fit;
-
-        if(theatre_zoom_to_fit)
-        {
-            window.addEventListener("resize", zoom_to_fit, true);
-            emulator.add_listener("screen-set-size", zoom_to_fit);
-
-            zoom_to_fit();
-        }
-        else
-        {
-            window.removeEventListener("resize", zoom_to_fit, true);
-            emulator.remove_listener("screen-set-size", zoom_to_fit);
-
-            const n = parseFloat($("scale").value) || 1;
-            emulator.screen_set_scale(n, n);
-        }
-
-        $("toggle_zoom_to_fit").value = (theatre_zoom_to_fit ? "Dis" : "En") + "able zoom to fit";
+        enable_zoom_to_fit(!theatre_zoom_to_fit);
         $("toggle_zoom_to_fit").blur();
     };