remove inline styling / svg graph as not compatible with out CSP (#4075)

Co-authored-by: stephanie0x00 <[email protected]> Co-authored-by: Donny Peeters <[email protected]>
minvws · Feb 13, 2025 · 894e6af · 894e6af
1 parent 381e369
commit 894e6af
Showing 1 changed file with 9 additions and 9 deletions.
diff --git 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>