hide client graph for no-js version

ethpandaops · Sep 30, 2024 · bfb1ca2 · bfb1ca2
1 parent 394f0ef
commit bfb1ca2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/templates/clients/clients_cl.html b/templates/clients/clients_cl.html
@@ -13,11 +13,11 @@ <h1 class="h4 mb-1 mb-md-0"><i class="fas fa-server mx-2"></i>Consensus clients<
       <div class="accordion" id="network-accordion">
         <div class="accordion-item">
           <h2 class="accordion-header">
-            <button class="accordion-button btn-secondary" style="box-shadow: none;" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+            <button class="accordion-button btn-secondary" style="box-shadow: none;" type="button" data-bs-toggle="collapse" data-bs-target="#clientGraph" aria-expanded="true" aria-controls="clientGraph">
               <i class="fa-solid fa-circle-nodes" style="margin-right:5px"></i> Client graph
             </button>
           </h2>
-          <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#network-accordion">
+          <div id="clientGraph" class="accordion-collapse collapse" data-bs-parent="#network-accordion">
             <div class="accordion-body peer-nodemap-wrapper">
               <div class="card-body px-0 peer-nodemap" id="nodemap">
                 <div id="nodemap-loading" class="spinner-border" role="status">
@@ -37,6 +37,9 @@ <h2 class="accordion-header">
           </div>
         </div>
       </div>
+      <script type="text/javascript">
+      $("#clientGraph").addClass("show");
+      </script>
     </div>
     <div class="card mt-2">
       <div class="card-body px-0 py-3">

diff --git a/templates/clients/clients_el.html b/templates/clients/clients_el.html
@@ -13,11 +13,11 @@ <h1 class="h4 mb-1 mb-md-0"><i class="fas fa-server mx-2"></i>Execution clients<
       <div class="accordion" id="network-accordion">
         <div class="accordion-item">
           <h2 class="accordion-header">
-            <button class="accordion-button btn-secondary" style="box-shadow: none;" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+            <button class="accordion-button btn-secondary" style="box-shadow: none;" type="button" data-bs-toggle="collapse" data-bs-target="#clientGraph" aria-expanded="true" aria-controls="clientGraph">
               <i class="fa-solid fa-circle-nodes" style="margin-right:5px"></i> Client graph
             </button>
           </h2>
-          <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#network-accordion">
+          <div id="clientGraph" class="accordion-collapse collapse" data-bs-parent="#network-accordion">
             <div class="accordion-body peer-nodemap-wrapper">
               <div class="card-body px-0 peer-nodemap" id="nodemap">
                 <div id="nodemap-loading" class="spinner-border" role="status">
@@ -37,6 +37,9 @@ <h2 class="accordion-header">
           </div>
         </div>
       </div>
+      <script type="text/javascript">
+      $("#clientGraph").addClass("show");
+      </script>
     </div>
     <div class="card mt-2">
       <div class="card-body px-0 py-3">