From bb6a6eacbbfb2fd447fc2895aa4b998d3f1b61f7 Mon Sep 17 00:00:00 2001
From: Lucas <hello@lucascm.dev>
Date: Mon, 27 Jan 2025 07:30:09 +0000
Subject: [PATCH] fixup! [Scorecards] Added year variation placeholders in
 council table

---
 scoring/templates/scoring/council.html | 98 +++++++++++++-------------
 1 file changed, 49 insertions(+), 49 deletions(-)

diff --git a/scoring/templates/scoring/council.html b/scoring/templates/scoring/council.html
index 8dfa20e2..5f53d94e 100644
--- a/scoring/templates/scoring/council.html
+++ b/scoring/templates/scoring/council.html
@@ -276,38 +276,38 @@ <h3 class="exclamation text-white">Visit us again on a bigger screen</h3>
                 <td class="score border-bottom border-opacity-25 border-primary is--section-score">
                     {% include 'caps/icons/scorecards-star.html' with classes='text-info align-text-bottom me-1' width='1.2em' height='1.2rem' role='presentation' %}
                     <span>{{ section.weighted_score|floatformat:0 }}%</span>
-                    <!-- TODO: Change bg-green-100 to bg-red-100 if variation is negative -->
-                    <!-- TODO: Change text-success to text-danger if variation is negative  -->
-                    <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no variation -->
-                    <!-- TODO: Change text-success to text-dark if there is no variation -->
-                    <!-- TODO: If there is no variation then display '-' -->
-                    <!-- TODO Designer: Add tooltip to badge explaining this is a variation -->
-                    <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Variation with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+5%</button>
+                    <!-- TODO: Change bg-green-100 to bg-red-100 if comparison is negative -->
+                    <!-- TODO: Change text-success to text-danger if comparison is negative  -->
+                    <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no comparison -->
+                    <!-- TODO: Change text-success to text-dark if there is no comparison -->
+                    <!-- TODO: If there is no comparison then display '-' -->
+                    <!-- TODO Designer: Add tooltip to badge explaining this is a comparison -->
+                    <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Comparison with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+5%</button>
                 </td>
               {% else %}
                 <td class="score border-bottom border-opacity-25 border-primary is--section-score">
                     <span>{{section.weighted_score|floatformat:0 }}%</span>
-                    <!-- TODO: Change bg-green-100 to bg-red-100 if variation is negative -->
-                    <!-- TODO: Change text-success to text-danger if variation is negative  -->
-                    <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no variation -->
-                    <!-- TODO: Change text-success to text-dark if there is no variation -->
-                    <!-- TODO: If there is no variation then display '-' -->
-                    <!-- TODO Designer: Add tooltip to badge explaining this is a variation -->
-                    <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Variation with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+5%</button>
+                    <!-- TODO: Change bg-green-100 to bg-red-100 if comparison is negative -->
+                    <!-- TODO: Change text-success to text-danger if comparison is negative  -->
+                    <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no comparison -->
+                    <!-- TODO: Change text-success to text-dark if there is no comparison -->
+                    <!-- TODO: If there is no comparison then display '-' -->
+                    <!-- TODO Designer: Add tooltip to badge explaining this is a comparison -->
+                    <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Comparison with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+5%</button>
                 </td>
               {% endif %}
 
               {% for comparison in section.comparisons %}
                 <td class="d-none d-md-table-cell score border-bottom border-opacity-25 border-primary is--section-score {% if comparison.top_performer %}top-performer{% endif %}">
                     {{ comparison.weighted_score|floatformat:0 }}%
-                    <!-- TODO: Change bg-green-100 to bg-red-100 if variation is negative -->
-                    <!-- TODO: Change text-success to text-danger if variation is negative  -->
-                    <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no variation -->
-                    <!-- TODO: Change text-success to text-dark if there is no variation -->
-                    <!-- TODO: If there is no variation then display '-' -->
+                    <!-- TODO: Change bg-green-100 to bg-red-100 if comparison is negative -->
+                    <!-- TODO: Change text-success to text-danger if comparison is negative  -->
+                    <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no comparison -->
+                    <!-- TODO: Change text-success to text-dark if there is no comparison -->
+                    <!-- TODO: If there is no comparison then display '-' -->
                     <!-- TODO: If question didn't exist in previous years then let's add 'NA' with bg-gray-100 text-dark -->
-                    <!-- TODO Designer: Add tooltip to badge explaining this is a variation -->
-                    <button button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Variation with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+5%</button>
+                    <!-- TODO Designer: Add tooltip to badge explaining this is a comparison -->
+                    <button button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Comparison with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+5%</button>
                 </td>
               {% endfor %}
 
@@ -333,14 +333,14 @@ <h3 class="exclamation text-white">Visit us again on a bigger screen</h3>
                           </span>
                         </p>
 
-                        <!-- TODO: Change bg-green-100 to bg-red-100 if variation is negative -->
-                        <!-- TODO: Change text-success to text-danger if variation is negative  -->
-                        <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no variation -->
-                        <!-- TODO: Change text-success to text-dark if there is no variation -->
-                        <!-- TODO: If there is no variation then display '-' -->
+                        <!-- TODO: Change bg-green-100 to bg-red-100 if comparison is negative -->
+                        <!-- TODO: Change text-success to text-danger if comparison is negative  -->
+                        <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no comparison -->
+                        <!-- TODO: Change text-success to text-dark if there is no comparison -->
+                        <!-- TODO: If there is no comparison then display '-' -->
                         <!-- TODO: If question didn't exist in previous years then let's add 'NA' with bg-gray-100 text-dark -->
-                        <!-- TODO Designer: Add tooltip to badge explaining this is a variation -->
-                        <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Variation with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+1</button>
+                        <!-- TODO Designer: Add tooltip to badge explaining this is a comparison -->
+                        <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Comparison with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+1</button>
                     </div>
                 </td>
 
@@ -351,14 +351,14 @@ <h3 class="exclamation text-white">Visit us again on a bigger screen</h3>
                           <span class="fs-5">{{ comparison.score|format_mark }} <span class="fs-7">out of </span> {{ comparison.max }}
                           </span>
                         </p>
-                        <!-- TODO: Change bg-green-100 to bg-red-100 if variation is negative -->
-                        <!-- TODO: Change text-success to text-danger if variation is negative  -->
-                        <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no variation -->
-                        <!-- TODO: Change text-success to text-dark if there is no variation -->
-                        <!-- TODO: If there is no variation then display '-' -->
+                        <!-- TODO: Change bg-green-100 to bg-red-100 if comparison is negative -->
+                        <!-- TODO: Change text-success to text-danger if comparison is negative  -->
+                        <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no comparison -->
+                        <!-- TODO: Change text-success to text-dark if there is no comparison -->
+                        <!-- TODO: If there is no comparison then display '-' -->
                         <!-- TODO: If question didn't exist in previous years then let's add 'NA' with bg-gray-100 text-dark -->
-                        <!-- TODO Designer: Add tooltip to badge explaining this is a variation -->
-                        <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Variation with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+1</button>
+                        <!-- TODO Designer: Add tooltip to badge explaining this is a comparison -->
+                        <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Comparison with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+1</button>
                     </div>
                 </td>
               {% endfor %}
@@ -393,25 +393,25 @@ <h3 class="exclamation text-white">Visit us again on a bigger screen</h3>
                 </td>
                 <td class="score border-bottom border-opacity-25 border-primary is--section-score">
                     {{ plan_score.weighted_total|floatformat:0 }}%
-                    <!-- TODO: Change bg-green-100 to bg-red-100 if variation is negative -->
-                    <!-- TODO: Change text-success to text-danger if variation is negative  -->
-                    <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no variation -->
-                    <!-- TODO: Change text-success to text-dark if there is no variation -->
-                    <!-- TODO: If there is no variation then display '-' -->
-                    <!-- TODO Designer: Add tooltip to badge explaining this is a variation -->
-                    <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Variation with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+5%</button>
+                    <!-- TODO: Change bg-green-100 to bg-red-100 if comparison is negative -->
+                    <!-- TODO: Change text-success to text-danger if comparison is negative  -->
+                    <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no comparison -->
+                    <!-- TODO: Change text-success to text-dark if there is no comparison -->
+                    <!-- TODO: If there is no comparison then display '-' -->
+                    <!-- TODO Designer: Add tooltip to badge explaining this is a comparison -->
+                    <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Comparison with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+5%</button>
                 </td>
 
               {% for comparison in comparisons %}
                 <td class="d-none d-md-table-cell score border-bottom border-opacity-25 border-primary is--section-score">
                     {{ comparison.weighted_total|floatformat:0 }}%
-                    <!-- TODO: Change bg-green-100 to bg-red-100 if variation is negative -->
-                    <!-- TODO: Change text-success to text-danger if variation is negative  -->
-                    <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no variation -->
-                    <!-- TODO: Change text-success to text-dark if there is no variation -->
-                    <!-- TODO: If there is no variation then display '-' -->
-                    <!-- TODO Designer: Add tooltip to badge explaining this is a variation -->
-                    <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Variation with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+5%</button>
+                    <!-- TODO: Change bg-green-100 to bg-red-100 if comparison is negative -->
+                    <!-- TODO: Change text-success to text-danger if comparison is negative  -->
+                    <!-- TODO: Change bg-green-100 to bg-gray-100 if there is no comparison -->
+                    <!-- TODO: Change text-success to text-dark if there is no comparison -->
+                    <!-- TODO: If there is no comparison then display '-' -->
+                    <!-- TODO Designer: Add tooltip to badge explaining this is a comparison -->
+                    <button type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Comparison with Action Scorecards 2023" class="badge small ms-2 mb-0 align-text-bottom bg-green-100 text-success border-0">+5%</button>
                 </td>
               {% endfor %}