fix: hide loading message on iframe load (#2137)

openedx · Dec 11, 2023 · 337c68b · 337c68b
1 parent eafd1e1
commit 337c68b
Show file tree

Hide file tree

Showing 17 changed files with 2,660 additions and 4 deletions.
diff --git a/openassessment/templates/openassessmentblock/base.html b/openassessment/templates/openassessmentblock/base.html
@@ -77,6 +77,7 @@ <h4 class="step__title">
       </div>
 
       <div class="openassessment-initial-wrapper" id="ora-mfe-view">
+        <div class="ora-loading">Loading Open Response Assessment...</div>
         <iframe
           title="title"
           allow="microphone *; camera *; midi *; geolocation *; encrypted-media *, clipboard-write *"

diff --git a/openassessment/xblock/static/dist/manifest.json b/openassessment/xblock/static/dist/manifest.json
@@ -4,10 +4,10 @@
   "openassessment-editor-textarea.js.map": "/openassessment-editor-textarea.b8f866ba96a1d2ad92a4.js.map",
   "openassessment-editor-tinymce.js": "/openassessment-editor-tinymce.2cc0cab55c3be729265e.js",
   "openassessment-editor-tinymce.js.map": "/openassessment-editor-tinymce.2cc0cab55c3be729265e.js.map",
-  "openassessment-lms.css": "/openassessment-lms.1590835662418029291d.css",
-  "openassessment-lms.js": "/openassessment-lms.1590835662418029291d.js",
-  "openassessment-lms.css.map": "/openassessment-lms.1590835662418029291d.css.map",
-  "openassessment-lms.js.map": "/openassessment-lms.1590835662418029291d.js.map",
+  "openassessment-lms.css": "/openassessment-lms.a2e25f076c28e1b1d212.css",
+  "openassessment-lms.js": "/openassessment-lms.a2e25f076c28e1b1d212.js",
+  "openassessment-lms.css.map": "/openassessment-lms.a2e25f076c28e1b1d212.css.map",
+  "openassessment-lms.js.map": "/openassessment-lms.a2e25f076c28e1b1d212.js.map",
   "openassessment-ltr.css": "/openassessment-ltr.5e4380a9281df732ca84.css",
   "openassessment-ltr.js": "/openassessment-ltr.5e4380a9281df732ca84.js",
   "openassessment-ltr.css.map": "/openassessment-ltr.5e4380a9281df732ca84.css.map",

diff --git a/openassessment/xblock/static/dist/openassessment-lms.371f4c4e3cea9e05664b.css b/openassessment/xblock/static/dist/openassessment-lms.371f4c4e3cea9e05664b.css
diff --git a/openassessment/xblock/static/dist/openassessment-lms.371f4c4e3cea9e05664b.js b/openassessment/xblock/static/dist/openassessment-lms.371f4c4e3cea9e05664b.js
diff --git a/openassessment/xblock/static/dist/openassessment-lms.770d81840f588d2b06cb.css b/openassessment/xblock/static/dist/openassessment-lms.770d81840f588d2b06cb.css
diff --git a/openassessment/xblock/static/dist/openassessment-lms.770d81840f588d2b06cb.js b/openassessment/xblock/static/dist/openassessment-lms.770d81840f588d2b06cb.js
diff --git a/openassessment/xblock/static/dist/openassessment-lms.97383b4e6fb0a95a5ef0.css b/openassessment/xblock/static/dist/openassessment-lms.97383b4e6fb0a95a5ef0.css
diff --git a/openassessment/xblock/static/dist/openassessment-lms.97383b4e6fb0a95a5ef0.js b/openassessment/xblock/static/dist/openassessment-lms.97383b4e6fb0a95a5ef0.js
diff --git a/openassessment/xblock/static/dist/openassessment-lms.a2e25f076c28e1b1d212.css b/openassessment/xblock/static/dist/openassessment-lms.a2e25f076c28e1b1d212.css
diff --git a/openassessment/xblock/static/dist/openassessment-lms.a2e25f076c28e1b1d212.js b/openassessment/xblock/static/dist/openassessment-lms.a2e25f076c28e1b1d212.js
diff --git a/openassessment/xblock/static/dist/openassessment-lms.b185404b4a802272c80e.css b/openassessment/xblock/static/dist/openassessment-lms.b185404b4a802272c80e.css
diff --git a/openassessment/xblock/static/dist/openassessment-lms.b185404b4a802272c80e.js b/openassessment/xblock/static/dist/openassessment-lms.b185404b4a802272c80e.js
diff --git a/openassessment/xblock/static/dist/openassessment-lms.d1169ea0c0fbd99163b1.css b/openassessment/xblock/static/dist/openassessment-lms.d1169ea0c0fbd99163b1.css
diff --git a/openassessment/xblock/static/dist/openassessment-lms.d1169ea0c0fbd99163b1.js b/openassessment/xblock/static/dist/openassessment-lms.d1169ea0c0fbd99163b1.js
diff --git a/openassessment/xblock/static/dist/openassessment-lms.e1decac772f0f133043e.css b/openassessment/xblock/static/dist/openassessment-lms.e1decac772f0f133043e.css
diff --git a/openassessment/xblock/static/dist/openassessment-lms.e1decac772f0f133043e.js b/openassessment/xblock/static/dist/openassessment-lms.e1decac772f0f133043e.js
diff --git a/openassessment/xblock/static/js/src/lms/oa_base.js b/openassessment/xblock/static/js/src/lms/oa_base.js
@@ -287,10 +287,12 @@ export class BaseView {
         const courseId = $(this.element).data('course-id') || window.course?.id;
 
         const oraMfeIframe = $('#ora-mfe-view>iframe', this.element);
+        const loadingEl = $('#ora-mfe-view .ora-loading', this.element);
         // TODO: put the ORA MFE URL in a config file
         oraMfeIframe.attr('src', `${this.ORA_MICROFRONTEND_URL}/xblock/${courseId}/${xblockId}`);
         /* eslint-disable-next-line prefer-arrow-callback */
         oraMfeIframe.on('load', function () {
+          loadingEl.remove();
           /* eslint-disable-next-line prefer-arrow-callback */
           window.addEventListener('message', function (event) {
             if (event.data.type === 'plugin.resize') {