fix: draw charts when document is ready

eclipse-csi · Mar 2, 2024 · 335a373 · 335a373
1 parent 70aafbe
commit 335a373
Showing 1 changed file with 48 additions and 41 deletions.
diff --git a/otterdog/webapp/templates/home/organization.html b/otterdog/webapp/templates/home/organization.html
@@ -404,6 +404,9 @@ <h3 class="card-title">Branch Protections</h3>
       if (hash) {
         $('[data-toggle="pill"][href="' + hash + '"]').trigger('click');
       }
+
+      drawSecretScanningChart();
+      drawBranchProtectionChart();
     });
 
     $('.tab-link').on('click', function(event) {
@@ -439,52 +442,56 @@ <h3 class="card-title">Branch Protections</h3>
       }
     };
 
-    const secret_scanning_ctx = document.getElementById('secret-scanning-chart');
+    function drawSecretScanningChart() {
+      const secret_scanning_ctx = document.getElementById('secret-scanning-chart');
 
-    new Chart(secret_scanning_ctx, {
-      type: 'doughnut',
-      data: {
-        labels: ['disabled', 'alert mode', 'protection mode'],
-        datasets: [{
-          label: 'secret scanning',
-          data: {{ secret_scanning_data|safe }},
-          backgroundColor: [
-            '#dc3545',
-            '#ffc107',
-            '#28a745'
-          ],
-          borderWidth: 1
-        }]
-      },
-      options: {
-        animation: {
-          animateRotate: false
+      new Chart(secret_scanning_ctx, {
+        type: 'doughnut',
+        data: {
+          labels: ['disabled', 'alert mode', 'protection mode'],
+          datasets: [{
+            label: 'secret scanning',
+            data: {{ secret_scanning_data|safe }},
+            backgroundColor: [
+              '#dc3545',
+              '#ffc107',
+              '#28a745'
+            ],
+            borderWidth: 1
+          }]
+        },
+        options: {
+          animation: {
+            animateRotate: false
+          }
         }
-      }
-    });
+      });
+    };
 
-    const branch_protections_ctx = document.getElementById('branch-protection-chart');
+    function drawBranchProtectionChart() {
+      const branch_protections_ctx = document.getElementById('branch-protection-chart');
 
-    new Chart(branch_protections_ctx, {
-      type: 'doughnut',
-      data: {
-        labels: ['not protected', 'protected'],
-        datasets: [{
-          label: 'branch protections',
-          data: {{ branch_protection_data|safe }},
-          backgroundColor: [
-            '#dc3545',
-            '#28a745'
-          ],
-          borderWidth: 1
-        }]
-      },
-      options: {
-        animation: {
-          animateRotate: false
+      new Chart(branch_protections_ctx, {
+        type: 'doughnut',
+        data: {
+          labels: ['not protected', 'protected'],
+          datasets: [{
+            label: 'branch protections',
+            data: {{ branch_protection_data|safe }},
+            backgroundColor: [
+              '#dc3545',
+              '#28a745'
+            ],
+            borderWidth: 1
+          }]
+        },
+        options: {
+          animation: {
+            animateRotate: false
+          }
         }
-      }
-    });
+      });
+    };
   </script>
 
 {% endblock javascripts %}