Fixed external javascript?

terjekv · terjekv · commit 27bcdb01bb76 · 2022-02-09T10:05:16.000+01:00
diff --git a/status-generated.html b/status-generated.html
diff --git a/status.js b/status.js
@@ -5,4 +5,25 @@ function open_close(myid) {
   } else {
     el.style.display = 'none';
   }
-}
+}
+
+function open_stratum0() {
+    open_close('stratum0')
+}
+
+function open_stratum1() {
+    open_close('stratum1')
+}
+
+function open_repositories() {
+    open_close('repositories')
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+    document.getElementById('stratum0_handler')
+            .addEventListener('click', open_stratum0);
+    document.getElementById('stratum1_handler')
+            .addEventListener('click', open_stratum1);
+    document.getElementById('repositories_handler')
+            .addEventListener('click', open_repositories);
+});
diff --git a/templates/status.html.j2 b/templates/status.html.j2
@@ -3,7 +3,6 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
-  <link href="status.css" rel="stylesheet">
   <link rel="stylesheet" type="text/css" href="status.css">
   <link rel="stylesheet" type="text/css" href="fa.all.min.css">
   <script src="status.js" type="text/javascript"></script>
@@ -39,27 +38,27 @@
     </div>
 
     <div class="content-left">
-        <div class="infobox">
-            <div class="infoblock stratum0" onclick='open_close("stratum0")'>
+        <div id="stratum0_handler" class="infobox">
+            <div class="infoblock stratum0">
                 <span class="fas fa-database infobox-icon"></span>
                 <h2>Stratum0</h2>
                 <div class="content-right"><span class="{{ stratum0_status_class }} infoblock-statusicon"></span></div>
             </div>
-            <div id="stratum0" class="expanded" onclick='open_close("stratum0")'>
+            <div id="stratum0" class="expanded">
                 <ul class="details">
                     {% for element in stratum0_details %}
                     <li>{{ element }}</li>
                     {% endfor %}
                 <ul>
             </div>
         </div>
-        <div class="infobox">
-            <div class="stratum1 infoblock" onclick='open_close("stratum1")'>
+        <div id="stratum1_handler" class="infobox">
+            <div class="stratum1 infoblock">
                 <span class="fas fa-project-diagram infobox-icon"></span>
                 <h2>Stratum1 network</h2>
                 <div class="content-right"><span class="{{ stratum1_status_class }} infoblock-statusicon"></span></div>
             </div>
-            <div id="stratum1" class="expanded" onclick='open_close("stratum1")'>
+            <div id="stratum1" class="expanded">
             <table class="details">
                 <tr>
                     <th class="main"></th>
@@ -81,13 +80,13 @@
     </div>
 
     <div class="content-right">
-        <div class="infobox">
-            <div class="repositories infoblock" onclick='open_close("repositories")'>
+        <div id="repositories_handler" class="infobox">
+            <div class="repositories infoblock">
                 <span class="fas fa-folder-open infobox-icon"></span>
                 <h2>Repositories</h2>
                 <div class="content-right"><span class="{{ repositories_status_class }} infoblock-statusicon"></span></div>
             </div>
-            <div id="repositories" class="expanded" onclick='open_close("repositories")'>
+            <div id="repositories" class="expanded">
                 <table class="details">
                         <tr>
                             <th class="main"></th>
