Update public/js/add_content.js

public/js/add_content.js

@@ -74,14 +74,23 @@ function addcontent(item) {
 
     // Salam: 
     // Add this line to define sdgImageHTML
-    var sdgProjectHTML = '';
+   /* var sdgProjectHTML = '';
     if ('sdgImage' in item) {
     var sdgProjectLink = item.sdgImage;
     var customColor = '#8A2BE2';
     //sdgProjectHTML = `<a class="btn btn-sm btn-outline-info mt-1" href="${sdgProjectLink}" target="_blank"> <i class="fas fa-sdg"></i> SDG Project</a> &nbsp;`
     sdgProjectHTML = `<a class="btn btn-sm btn-outline- mt-1" style="color: ${customColor}; border-color: ${customColor};" href="${sdgProjectLink}" target="_blank"> <i class="fas fa-sdg"></i> SDG Project</a> &nbsp;`;
+    }*/
+    //-- debut
+    var sdgProjectHTML = '';
+    if ('sdgImage' in item) {
+    var sdgProjectLink = item.sdgImage;
+    var customColor = '#8A2BE2';
+    sdgProjectHTML = `<a class="btn btn-sm btn-outline- mt-1" style="color: ${customColor}; border-color: ${customColor};" href="javascript:void(0);" onclick="document.querySelector('.btn-outline- img').src='${sdgProjectLink}'; document.querySelector('.btn-outline- img').alt='SDG Project Image'; document.querySelector('.btn-outline- img').onclick=function(){window.open('${sdgProjectLink}', '_blank');}"><img src="imgs/thumbnails/SDG-HFT.png" alt="SDG Project Image" class="btn-outline-"></a> &nbsp;`;
     }
 
+    //-- fin (new idea)
+
 // Salam ...