Merge pull request #108 from guadaltel/issue-107

change href of the access-the-api button on menu so it loads it automatically from the config.js
inspire-eu-validation · Sep 6, 2024 · aa0eb21 · aa0eb21
2 parents 9617a29 + fd7b9a2
commit aa0eb21
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/home/index.html b/home/index.html
@@ -178,8 +178,7 @@
                                             class="ecl-link ecl-link--standalone ecl-menu__sublink">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>
                                     <li class="ecl-menu__subitem" data-ecl-menu-subitem="true"><span
                                             class="ecl-menu__sublink">Validator API</span></li>
-                                    <li class="ecl-menu__subitem" data-ecl-menu-subitem="true">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" onclick= "location.href=swaggerURL"
-                                                                                                                                class="ecl-link ecl-link--standalone ecl-menu__sublink">Access the API</a></li>
+                                    <li class="ecl-menu__subitem" data-ecl-menu-subitem="true">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id="api-link" class="ecl-link ecl-link--standalone ecl-menu__sublink">Access the API</a></li>
                                     <li class="ecl-menu__subitem" data-ecl-menu-subitem="true">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://github.com/INSPIRE-MIF/helpdesk-validator/tree/master/training%20material/2019-10-01%2B02%20JRC%20Workshop/Step-by-step%20example%20-%20API"
                                                                                                                                 class="ecl-link ecl-link--standalone ecl-menu__sublink">Example of API usage</a></li>
                                     <li class="ecl-menu__subitem" data-ecl-menu-subitem="true"><span

diff --git a/js/home/controller.js b/js/home/controller.js
@@ -18,4 +18,20 @@ if (validatorVersionLabel !== null && validatorVersionLabel !== undefined) {
 
 	// Insert the comment node right at the start of the head
 	document.head.insertBefore(commentNode, document.head.firstChild);
-}
+}
+
+
+document.addEventListener('DOMContentLoaded', function () {
+    // Check if swaggerURL is defined
+    if (typeof swaggerURL !== 'undefined' && swaggerURL) {
+        // Set the href attribute of the anchor tag
+        const apiLink = document.getElementById('api-link');
+        if (apiLink) {
+            apiLink.href = swaggerURL;
+        } else {
+            console.warn('API link element not found.');
+        }
+    } else {
+        console.error('swaggerURL is not defined in config.js');
+    }
+});