Add device view handler

device-view-handler.js

@@ -0,0 +1,35 @@
+(() => {
+  let resizeTimeout;
+  let prevView = app_shop.vars.view;
+  const container = document.querySelector("#container");
+
+  const VIEW_PHONE = [1, 2];
+  const VIEW_TABLET_DESKTOP = [3, 4];
+
+  const handleResize = () => {
+    if (!container?.classList.contains("projector_page")) return;
+
+    clearTimeout(resizeTimeout);
+    resizeTimeout = setTimeout(() => {
+      const currentView = app_shop.vars.view;
+
+      // From desktop to phone
+      if (VIEW_TABLET_DESKTOP.includes(prevView) && VIEW_PHONE.includes(currentView)) {
+				// Call a function 1
+        console.log("From desktop to phone");
+      }
+
+      // From phone to desktop
+      else if (VIEW_PHONE.includes(prevView) && VIEW_TABLET_DESKTOP.includes(currentView)) {
+				// Call a function 2
+        console.log("From phone to desktop");
+      }
+
+      prevView = currentView;
+    }, 200);
+  };
+
+  window.addEventListener("resize", handleResize);
+
+  return () => window.removeEventListener("resize", handleResize);
+})();