LUT-25131 : Modernize the markup language used

Author: TimotheeHrl

webapp/WEB-INF/templates/skin/plugins/wiki/view_page.html

@@ -9,8 +9,6 @@
     <link rel="stylesheet" href="css/plugins/wiki/darkmode.css" />
     <!-- Editor css -->
     <link rel="stylesheet" href="css/plugins/wiki/toastui/toastui-editor.css" />
-    <!-- The js is loaded here because if loaded at the bottom it could cause issue with the media queries(of the menu) you have the option "disable cache" -->
-    <script src="js/plugins/wiki/wiki_pages/view_page.js" async></script>
 </head>
 <div>
     <div class="container panel panel-default">
@@ -98,5 +96,6 @@ <h1 id="wiki-heading">${topic_title}</h1>
             <hr>
             ${result}
    </div>
-
+<!-- The js is loaded here because if loaded at the bottom it could cause issue with the media queries(of the menu) you have the option "disable cache" -->
+<script src="js/plugins/wiki/wiki_pages/view_page.js" defer></script>
 

webapp/js/plugins/wiki/wiki_pages/view_page.js

@@ -32,10 +32,7 @@ window.addEventListener("load", (event) => {
   // if there is a wiki-nav then we need to remove the class assigned by default to let more space for the content
     let wikiNavContentWrapper = document.getElementsByClassName('wiki-nav-content-wrapper').length;
     if(wikiNavContentWrapper > 0){
-        console.log('wiki-nav-content-wrapper found');
-        document.getElementsByClassName('container mt-5 p-5')[0].classList.remove('container');
-        document.getElementsByClassName('container mt-5 p-5')[0].classList.remove('p-5');
-        document.getElementsByClassName('container mt-5 p-5')[0].classList.remove('mt-5');
+        document.getElementsByClassName('container mt-5 p-5')[0].class = "";
         document.getElementsByClassName('text-right')[0].parentElement.classList.add('container');
         document.getElementsByClassName('text-right')[0].parentElement.classList.add('mt-5');
         document.getElementsByClassName('text-right')[0].parentElement.classList.add('p-5');