Display image in default language, if in selected one is not available

niner-games · Nov 6, 2024 · a6c14b5 · a6c14b5
1 parent d1c64cb
commit a6c14b5
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/engine/paragraph-engine.js b/engine/paragraph-engine.js
@@ -86,9 +86,7 @@ const ParagraphEngine = {
             } else if (defaultDescription !== '') {
                 description = defaultDescription;
             } else {
-                console.log('Description not available for paragraph no "' + paragraph + '" and language "' + language + '".');
-
-                description = "No **NOT** found!";
+                description = 'Description not available for paragraph no "' + paragraph + '" and language "' + language + '".';
             }
         }
 
@@ -120,8 +118,6 @@ const ParagraphEngine = {
                 }
             });
         } else {
-            console.log("No connectors for paragraph no: " + paragraph + " and language: " + language);
-
             return null;
         }
     },
@@ -140,24 +136,35 @@ const ParagraphEngine = {
                 return paragraphObj.image[AutoLoader.defaultLanguage];
             }
         }
-        console.log('Image not available for paragraph no "' + paragraph + '" and language "' + language + '".');
 
         return "";
     },
 
     loadImage: function(paragraph, language, imgElementId, callback) {
         language = TranslationEngine.validateLanguage(language);
 
-        const imagePath = 'data/images/' + this.getImage(paragraph, language);
         const img = document.getElementById(imgElementId);
+        let imagePath = 'data/images/' + this.getImage(paragraph, language);
 
         if (img) {
             img.onload = function() {
                 callback(true, imagePath);
             };
+
             img.onerror = function() {
-                callback(false, imagePath);
+                imagePath = 'data/images/' + ParagraphEngine.getImage(paragraph, AutoLoader.defaultLanguage);
+
+                img.onload = function() {
+                    callback(true, imagePath);
+                };
+
+                img.onerror = function() {
+                    callback(false, imagePath);
+                };
+
+                img.src = imagePath;
             };
+
             img.src = imagePath;
         } else {
             callback(false, 'Image element not found');
@@ -250,12 +257,8 @@ const ParagraphEngine = {
         paragraph = this.validateParagraph(paragraph);
         language = TranslationEngine.validateLanguage(language);
 
-        this.loadImage(paragraph, language, 'paragraph-image', function(exists, imagePath) {
+        this.loadImage(paragraph, language, 'paragraph-image', function(exists) {
             ParagraphEngine.toggleColumns(exists);
-
-            if (!exists) {
-                console.log("Image not found or element not found:", imagePath);
-            }
         });
 
         document.getElementById('paragraph-number').textContent = paragraph.toUpperCase();