Substitute image placeholder on the client side

learningequality · Jul 24, 2019 · 933187a · 933187a
1 parent 74e7c17
commit 933187a
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/kolibri_exercise_perseus_plugin/assets/src/views/PerseusRendererIndex.vue b/kolibri_exercise_perseus_plugin/assets/src/views/PerseusRendererIndex.vue
@@ -410,7 +410,13 @@
           client(`${this.defaultFile.storage_url}${this.itemId}.json`)
             .then(itemResponse => {
               if (this.validateItemData(itemResponse.entity)) {
-                this.item = itemResponse.entity;
+                // Replace any placeholder values for image URLs with
+                // the base URL for the perseus file we are reading from
+                const value = JSON.stringify(itemResponse.entity).replace(
+                  /\$\{☣ LOCALPATH\}\//,
+                  `${window.location.protocol}//${window.location.host}${this.defaultFile.storage_url}`
+                );
+                this.item = JSON.parse(value);
                 if (this.$el) {
                   // Don't try to render if our component is not mounted yet.
                   this.renderItem();