Added code to preload

anayleeloolxp · Apr 22, 2024 · b519b65 · b519b65
1 parent 96b085b
commit b519b65
Showing 1 changed file with 61 additions and 36 deletions.
diff --git a/js/local_leeloolxpcontentapi.js b/js/local_leeloolxpcontentapi.js
@@ -4,44 +4,69 @@ require(["jquery"], function ($) {
   });
 
   $(document).ready(function () {
+
+    if( !$('.leeloolxpcontentapi_frame').length ){
+      let mootoolsleeloourl = $("#leeloolxpcontentapi-js-vars").data(
+        "mootoolsleeloourl"
+      );
+      let mootoolsleeloourldecoded = atob(
+        $("#leeloolxpcontentapi-js-vars").data("mootoolsleeloourl")
+      );
+      let mootoolstoken = $("#leeloolxpcontentapi-js-vars").data("mootoolstoken");
+      let mootoolsresponse = $("#leeloolxpcontentapi-js-vars").data("mootoolsloginresponse");
+
+      let cmid = $("#leeloolxpcontentapi-js-vars").data("cmid");
+      let sectionid = $("#leeloolxpcontentapi-js-vars").data("sectionid");
+      let courseid = $("#leeloolxpcontentapi-js-vars").data("courseid");
+
+      var mootoolsresponseDe = JSON.parse(atob(mootoolsresponse));
+      mootoolsresponseDe.cmid = cmid;
+      mootoolsresponseDe.sectionid = sectionid;
+      mootoolsresponseDe.courseid = courseid;
+      mootoolsresponseDe.baseurl = mootoolsleeloourldecoded + '/';
+
+      var mootoolsresponseUp = btoa(JSON.stringify(mootoolsresponseDe));
+
+      leeloolxpssourl =
+        "https://spock.leeloolxp.com?mootoolsleeloourl=" +
+        mootoolsleeloourl +
+        "&mootoolstoken=" +
+        mootoolstoken +
+        "&mootoolsresponse=" +
+        mootoolsresponseUp;
+
+      document.getElementById("local_leeloolxpcontentapi_frame").innerHTML =
+        '<iframe allow="camera; microphone" src="' +
+        leeloolxpssourl +
+        '" class="leeloolxpcontentapi_frame"></iframe>';
+    }
+
     $("#local_leeloolxpcontentapi_button").click(function () {
-      $(".local_leeloolxpcontentapi_wrapper").toggleClass("open");
-      if( !$('.leeloolxpcontentapi_frame').length ){
-        let mootoolsleeloourl = $("#leeloolxpcontentapi-js-vars").data(
-          "mootoolsleeloourl"
-        );
-        let mootoolsleeloourldecoded = atob(
-          $("#leeloolxpcontentapi-js-vars").data("mootoolsleeloourl")
-        );
-        let mootoolstoken = $("#leeloolxpcontentapi-js-vars").data("mootoolstoken");
-        let mootoolsresponse = $("#leeloolxpcontentapi-js-vars").data("mootoolsloginresponse");
-
-        let cmid = $("#leeloolxpcontentapi-js-vars").data("cmid");
-        let sectionid = $("#leeloolxpcontentapi-js-vars").data("sectionid");
-        let courseid = $("#leeloolxpcontentapi-js-vars").data("courseid");
-
-        var mootoolsresponseDe = JSON.parse(atob(mootoolsresponse));
-        mootoolsresponseDe.cmid = cmid;
-        mootoolsresponseDe.sectionid = sectionid;
-        mootoolsresponseDe.courseid = courseid;
-        mootoolsresponseDe.baseurl = mootoolsleeloourldecoded + '/';
-
-        var mootoolsresponseUp = btoa(JSON.stringify(mootoolsresponseDe));
-
-        leeloolxpssourl =
-          "https://spock.leeloolxp.com?mootoolsleeloourl=" +
-          mootoolsleeloourl +
-          "&mootoolstoken=" +
-          mootoolstoken +
-          "&mootoolsresponse=" +
-          mootoolsresponseUp;
-
-        document.getElementById("local_leeloolxpcontentapi_frame").innerHTML =
-          '<iframe allow="camera; microphone" src="' +
-          leeloolxpssourl +
-          '" class="leeloolxpcontentapi_frame"></iframe>';
-      }
 
+		var $wrapper = $(".local_leeloolxpcontentapi_wrapper");
+
+		// Toggle the "open" class on the wrapper
+		$wrapper.toggleClass("open");
+
+		// Check if the wrapper has the "open" class
+		if ($wrapper.hasClass("open")) {
+
+			var message = 'drawer_open';
+			var iframe = $(".leeloolxpcontentapi_frame")[0];
+
+			// Check if the iframe is loaded
+			if (iframe.contentWindow) {
+				console.log('loadedalready');
+				iframe.contentWindow.postMessage(message, "*");
+			} else {
+				console.log('notloaded');
+				// If iframe is not loaded, wait for it to load
+				$(iframe).on('load', function() {
+					console.log('loaded');
+					iframe.contentWindow.postMessage(message, "*");
+				});
+			}
+		}
     });
   });
 });