feat: [AXM-361] move JS bridge to separate file

raccoongang · Jun 19, 2024 · e697524 · e697524
1 parent 169b301
commit e697524
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 60 deletions.
diff --git a/lms/static/js/courseware/bridge.js b/lms/static/js/courseware/bridge.js
@@ -0,0 +1,55 @@
+function sendMessageToIOS(message) {
+  window?.webkit?.messageHandlers?.IOSBridge?.postMessage(message);
+}
+
+function sendMessageToAndroid(message) {
+  window?.AndroidBridge?.postMessage(message);
+}
+
+function markProblemCompletedIOS(message) {
+  markProblemCompleted(message);
+}
+
+function markProblemCompletedAndroid(message) {
+  markProblemCompleted(message);
+}
+
+function markProblemCompleted(message) {
+  const data = JSON.parse(message).data;
+
+  const problem = new Problem($(".xblock-student_view"));
+  problem.submitButton.attr({disabled: "disabled"});
+  problem.gentle_alert("Answer submitted.");
+
+  data.split("&").forEach(function (item) {
+    const [, answer] = item.split('=', 2);
+    problem.el.find('input[id$="' + answer + '"]').each(function () {
+      if (this.type === "checkbox" || this.type === "radio") {
+        this.checked = true;
+      } else {
+        this.value = answer;
+      }
+    })
+  })
+}
+
+if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.IOSBridge) {
+  window.addEventListener("messageFromIOS", function (event) {
+    markProblemCompletedIOS(event.data);
+  });
+}
+
+if (window.AndroidBridge) {
+  window.addEventListener("messageFromAndroid", function (event) {
+    markProblemCompletedAndroid(event.data);
+  });
+}
+
+const originalAjax = $.ajax;
+$.ajax = function (options) {
+  if (options.url && options.url.endsWith("problem_check")) {
+    sendMessageToIOS(JSON.stringify(options));
+    sendMessageToAndroid(JSON.stringify(options));
+  }
+  return originalAjax.call(this, options);
+}
diff --git a/lms/templates/courseware/courseware-chromeless.html b/lms/templates/courseware/courseware-chromeless.html
@@ -26,6 +26,9 @@
     <%static:include path="common/templates/${template_name}.underscore" />
 </script>
 % endfor
+% if is_offline_content:
+<script type="text/javascript" src="${static.url('js/courseware/bridge.js')}"></script>
+% endif
 <%
   header_file = None
 %>
@@ -216,63 +219,3 @@
   }());
 </script>
 % endif
-
-% if is_offline_content:
-<script type="text/javascript">
-  function sendMessageToIOS(message) {
-    window?.webkit?.messageHandlers?.IOSBridge?.postMessage(message);
-  }
-
-  function sendMessageToAndroid(message) {
-    window?.AndroidBridge?.postMessage(message);
-  }
-
-  function markProblemCompletedIOS(message) {
-    markProblemCompleted(message);
-  }
-
-  function markProblemCompletedAndroid(message) {
-    markProblemCompleted(message);
-  }
-
-  function markProblemCompleted(message) {
-    const data = JSON.parse(message).data;
-
-    const problem = new Problem($(".xblock-student_view"));
-    problem.submitButton.attr({disabled: "disabled"});
-    problem.gentle_alert("Answer submitted.");
-
-    data.split("&").forEach(function (item) {
-      const [, answer] = item.split('=', 2);
-      problem.el.find('input[id$="' + answer + '"]').each(function () {
-        if (this.type === "checkbox" || this.type === "radio") {
-          this.checked = true;
-        } else {
-          this.value = answer;
-        }
-      })
-    })
-  }
-
-  if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.IOSBridge) {
-    window.addEventListener("messageFromIOS", function (event) {
-      markProblemCompletedIOS(event.data);
-    });
-  }
-
-  if (window.AndroidBridge) {
-    window.addEventListener("messageFromAndroid", function (event) {
-      markProblemCompletedAndroid(event.data);
-    });
-  }
-
-  const originalAjax = $.ajax;
-  $.ajax = function (options) {
-      if (options.url && options.url.endsWith("problem_check")) {
-        sendMessageToIOS(JSON.stringify(options));
-        sendMessageToAndroid(JSON.stringify(options));
-      }
-    return originalAjax.call(this, options);
-  }
-</script>
-% endif