From 894e6af24df53c4fc91931f7bcb19d5572c2630a Mon Sep 17 00:00:00 2001
From: Jan Klopper <janklopper+underdark@gmail.com>
Date: Thu, 13 Feb 2025 11:47:49 +0100
Subject: [PATCH] remove inline styling / svg graph as not compatible with out
 CSP (#4075)

Co-authored-by: stephanie0x00 <9821756+stephanie0x00@users.noreply.github.com>
Co-authored-by: Donny Peeters <46660228+Donnype@users.noreply.github.com>
---
 .../rocky/templates/tasks/partials/stats.html  | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/rocky/rocky/templates/tasks/partials/stats.html b/rocky/rocky/templates/tasks/partials/stats.html
index d7ea383d151..8a0fdff0c0c 100644
--- a/rocky/rocky/templates/tasks/partials/stats.html
+++ b/rocky/rocky/templates/tasks/partials/stats.html
@@ -4,8 +4,8 @@
     <div>
         <h2>{% translate "Task statistics - Last 24 hours" %}</h2>
         {% if not stats_error %}
-            <div id="stats-graph" class="horizontal-scroll">
-                <table class="charts-css column hide-data show-heading show-labels show-primary-axis show-3-secondary-axes data-spacing-10 multiple stacked">
+            <div class="horizontal-scroll">
+                <table>
                     <caption>{% translate "All times in UTC, blocks of 1 hour." %}</caption>
                     <thead>
                         <tr>
@@ -23,25 +23,25 @@ <h2>{% translate "Task statistics - Last 24 hours" %}</h2>
                         {% for timestamp, values in stats.items %}
                             <tr>
                                 <th scope="row" class="nowrap">{{ timestamp }}:</th>
-                                <td style="--size: calc({{ values.pending }} / 150);">
+                                <td>
                                     <span class="data">{{ values.pending }}</span>
                                 </td>
-                                <td style="--size: calc({{ values.queued }} / 150);">
+                                <td>
                                     <span class="data">{{ values.queued }}</span>
                                 </td>
-                                <td style="--size: calc({{ values.dispatched }} / 150);">
+                                <td>
                                     <span class="data">{{ values.dispatched }}</span>
                                 </td>
-                                <td style="--size: calc({{ values.running }} / 150);">
+                                <td>
                                     <span class="data">{{ values.running }}</span>
                                 </td>
-                                <td style="--size: calc({{ values.completed }} / 150);">
+                                <td>
                                     <span class="data">{{ values.completed }}</span>
                                 </td>
-                                <td style="--size: calc({{ values.failed }} / 150);">
+                                <td>
                                     <span class="data">{{ values.failed }}</span>
                                 </td>
-                                <td style="--size: calc({{ values.cancelled }} / 150);">
+                                <td>
                                     <span class="data">{{ values.cancelled }}</span>
                                 </td>
                             </tr>