fix payload badges on knockout rendered startpage

ethpandaops · Feb 11, 2025 · 3c637f9 · 3c637f9
1 parent 687d581
commit 3c637f9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/templates/index/recentBlocks.html b/templates/index/recentBlocks.html
@@ -41,9 +41,9 @@ <h5 class="card-title d-flex justify-content-between align-items-center" style="
               <td>
                 <span data-bind="if: slot == 0" class="badge rounded-pill text-bg-info">Genesis</span>
                 <span data-bind="if: slot > 0 && status == 0" class="badge rounded-pill text-bg-warning">Missed</span>
-                <span data-bind="if: slot > 0 && status == 1" class="badge rounded-pill text-bg-success" data-bind="css: {'split-warning': no_payload}">Proposed</span>
-                <span data-bind="if: slot > 0 && status == 2" class="badge rounded-pill text-bg-info" data-bind="css: {'split-warning': no_payload}">Missed (Orphaned)</span>
-                <span data-bind="if: slot > 0 && status > 2" class="badge rounded-pill text-bg-dark" data-bind="css: {'split-warning': no_payload}">Unknown</span>
+                <span data-bind="if: slot > 0 && status == 1, css: {'split-warning': no_payload}" class="badge rounded-pill text-bg-success">Proposed</span>
+                <span data-bind="if: slot > 0 && status == 2, css: {'split-warning': no_payload}" class="badge rounded-pill text-bg-info">Missed (Orphaned)</span>
+                <span data-bind="if: slot > 0 && status > 2, css: {'split-warning': no_payload}" class="badge rounded-pill text-bg-dark">Unknown</span>
               </td>
               <td data-bind="attr: {'data-timer': $root.unixtime(ts)}">
                 <span data-bs-toggle="tooltip" data-bs-placement="top" data-bind="attr: {'data-bs-title': $root.timestamp(ts)}, text: $root.formatRecentTimeShort(ts)"></span>

diff --git a/templates/index/recentSlots.html b/templates/index/recentSlots.html
@@ -42,9 +42,9 @@ <h5 class="card-title d-flex justify-content-between align-items-center" style="
               <td>
                 <span data-bind="if: slot == 0" class="badge rounded-pill text-bg-info">Genesis</span>
                 <span data-bind="if: slot > 0 && status == 0" class="badge rounded-pill text-bg-warning">Missed</span>
-                <span data-bind="if: slot > 0 && status == 1" class="badge rounded-pill text-bg-success" data-bind="css: {'split-warning': no_payload}">Proposed</span>
-                <span data-bind="if: slot > 0 && status == 2" class="badge rounded-pill text-bg-info" data-bind="css: {'split-warning': no_payload}">Missed (Orphaned)</span>
-                <span data-bind="if: slot > 0 && status > 2" class="badge rounded-pill text-bg-dark" data-bind="css: {'split-warning': no_payload}">Unknown</span>
+                <span data-bind="if: slot > 0 && status == 1, css: {'split-warning': no_payload}" class="badge rounded-pill text-bg-success">Proposed</span>
+                <span data-bind="if: slot > 0 && status == 2, css: {'split-warning': no_payload}" class="badge rounded-pill text-bg-info">Missed (Orphaned)</span>
+                <span data-bind="if: slot > 0 && status > 2, css: {'split-warning': no_payload}" class="badge rounded-pill text-bg-dark">Unknown</span>
               </td>
               <td data-bind="attr: {'data-timer': $root.unixtime(ts)}">
                 <span data-bs-toggle="tooltip" data-bs-placement="top" data-bind="attr: {'data-bs-title': $root.timestamp(ts)}, text: $root.formatRecentTimeShort(ts)"></span>