From 2f2089f46e1a11036097923ffbb43258e3f8f540 Mon Sep 17 00:00:00 2001
From: Pierre Dittgen <pierre.dittgen@jailbreak.paris>
Date: Fri, 28 Sep 2018 09:49:55 +0200
Subject: [PATCH] Highlight cell in errors

---
 .../templates/validation_report.html          | 38 +++++++++++--------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/validata_ui_next/templates/validation_report.html b/validata_ui_next/templates/validation_report.html
index 5d8b7d6..0fb3396 100644
--- a/validata_ui_next/templates/validation_report.html
+++ b/validata_ui_next/templates/validation_report.html
@@ -55,23 +55,29 @@
 
     {% if err.context == 'body' %}
 
-    <table class="table-sm table-bordered table-striped table-hover">
-        <thead>
-            <th>#</th>
-            {% for h in report['tables'][0]['headers'] %}
-            <th>{{ h }}</th>
-            {% endfor %}
-        </thead>
-        <!-- TODO: regrouper les erreurs par ligne ? -->
-        <tbody>
-            <tr>
-                <td>{{ err['row-number'] - 1 }}</td>
-                {% for d in source_data.data_rows[err['row-number'] - 2] %}
-                <td>{{ d }}</td>
+    <div class="table-responsive-sm">
+        <table class="table-sm table-bordered table-striped table-hover">
+            <thead>
+                <th scope="col">#</th>
+                {% for h in report['tables'][0]['headers'] %}
+                <th scope="col">{{ h }}</th>
                 {% endfor %}
-            </tr>
-        </tbody>
-    </table>
+            </thead>
+            <!-- TODO: regrouper les erreurs par ligne ? -->
+            <tbody>
+                <tr>
+                    <th scope="row">{{ err['row-number'] - 1 }}</th>
+                    {% for d in source_data.data_rows[err['row-number'] - 2] %}
+                    {% if loop.index == err['column-number'] %}
+                    <td class="table-danger">{{ d }}</td>
+                    {% else %}
+                    <td>{{ d }}</td>
+                    {% endif %}
+                    {% endfor %}
+                </tr>
+            </tbody>
+        </table>
+    </div>
     <p class="text">{{ err.message }}</p>
 
     {% endif %}
-- 
GitLab