From d22f6383c8c71913a0bb192353447111c781573d Mon Sep 17 00:00:00 2001
From: Dmitry Kochnev <dmitry.kochnev@learnosity.com>
Date: Tue, 4 Dec 2018 17:24:53 +1100
Subject: [PATCH] [FEATURE] Add onload event to init Items API properly

---
 templates/init-items-js.php   | 13 +++++++++++--
 templates/init-reports-js.php |  9 ++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/templates/init-items-js.php b/templates/init-items-js.php
index 1a1256a..a11b390 100644
--- a/templates/init-items-js.php
+++ b/templates/init-items-js.php
@@ -1,4 +1,13 @@
 <script>
-	window.learnosityCollection = window.learnosityCollection || [];
-	window.learnosityCollection.push(LearnosityItems.init(<?php echo $signed_request; ?>, { errorListener: function(e) { console.log(e); } }));
+    // WP can add "defer" flag to <script> inside "wp_enqueue_script" function
+    // it might lead to the error that "LearnosityItems" below in undefined
+    // to protect against it, we will use "load" global event to secure that all JS assets are loaded before calling any JS code
+    window.addEventListener("load", function () {
+        window.learnosityCollection = window.learnosityCollection || [];
+        window.learnosityCollection.push(LearnosityItems.init(<?php echo $signed_request; ?>, {
+            errorListener: function (e) {
+                console.log(e);
+            }
+        }));
+    });
 </script>
\ No newline at end of file
diff --git a/templates/init-reports-js.php b/templates/init-reports-js.php
index 886a332..0dfa184 100644
--- a/templates/init-reports-js.php
+++ b/templates/init-reports-js.php
@@ -1,6 +1,13 @@
 <script>
+    // WP can add "defer" flag to <script> inside "wp_enqueue_script" function
+    // it might lead to the error that "LearnosityReports" below in undefined
+    // to protect against it, we will use "load" global event to secure that all JS assets are loaded before calling any JS code
     window.addEventListener("load", function () {
         window.learnosityCollection = window.learnosityCollection || [];
-        window.learnosityCollection.push(LearnosityReports.init(<?php echo $signed_request; ?>, { errorListener: function(e) { console.log(e); } }));
+        window.learnosityCollection.push(LearnosityReports.init(<?php echo $signed_request; ?>, {
+            errorListener: function (e) {
+                console.log(e);
+            }
+        }));
     });
 </script>
\ No newline at end of file