From b835314d016b68f0a42525a37ed9f028bd5f3d3b Mon Sep 17 00:00:00 2001
From: Traboulsi <salam.traboulsi@hft-stuttgart.de>
Date: Fri, 5 Jan 2024 11:08:50 +0000
Subject: [PATCH] Update public/js/add_content.js

---
 public/js/add_content.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/public/js/add_content.js b/public/js/add_content.js
index 66fcb5b..b3a2586 100644
--- a/public/js/add_content.js
+++ b/public/js/add_content.js
@@ -77,8 +77,14 @@ function addcontent(item) {
 
     var sdgProjectHTML = ''
     if ('sdgImage' in item.links) {
-      var sdgProjectLink = item.links.sdgImage 
-      sdgProjectHTML = `<a class="btn btn-sm btn-outline-info mt-1" href="${sdgProjectLink}" target="_blank"><img src="imgs/thumbnails/sdg.png" alt="SDG" width="20" height="20"> Sustainable Development Goals</a> &nbsp;`;
+      var sdgProjectLink = item.links.sdgImage;
+      var titleLink=item.project;
+      sdgProjectHTML = `<a class="btn btn-sm btn-outline-info mt-1" 
+                         href="${sdgProjectLink}" 
+                         target="_blank"
+                         onclick="var popupWindow=window.open('', '_blank'); popupWindow.document.body.innerHTML='<div style=\'text-align: center;\'><h2>SDG</h2><img src=\'${sdgProjectLink}\' alt=\'SDG Project Image\' style=\'width: 100%; max-width: 400px; background-color: white;\'><p>${titleLink}</p></div>'; popupWindow.document.title='${titleLink}';">
+                         <img src="imgs/thumbnails/sdg.png" alt="SDG" width="20" height="20"> Sustainable Development Goals
+                     </a> &nbsp;`;
     }
    /* var sdgProjectHTML = '';
     if ('sdgImage' in item) {
-- 
GitLab