hover displays submission path

Author: bxngyn

compare50/_renderer/_renderer.py

@@ -68,6 +68,7 @@ def percentage(self):
 
 @attr.s(slots=True)
 class HTMLSubmission:
+    path = attr.ib(converter=str)
     name = attr.ib(converter=str)
     files = attr.ib()
     num_chars_matched = attr.ib()
@@ -131,7 +132,7 @@ def render(pass_to_results, dest, sub_to_name):
 
     for sub in subs:
         graph_info["nodes"].append({"id": sub_to_name[sub]})
-        graph_info["data"][sub_to_name[sub]] = {"is_archive": sub.is_archive}
+        graph_info["data"][sub_to_name[sub]] = {"is_archive": sub.is_archive, "path": str(sub.path)}
 
     index_css = common_css + [read_file(STATIC / "index.css")]
     index_js = [read_file(STATIC / f) for f in ("d3.v4.min.js", "d3-scale-chromatic.v1.min.js", "d3-simple-slider.js", "index.js")]
@@ -287,7 +288,7 @@ def html_submission(self, submission, file_to_spans, ignored_spans):
         html_files = self.html_files(submission, file_to_spans, ignored_spans)
         num_chars_matched = sum(f.num_chars_matched for f in html_files)
         num_chars = sum(f.num_chars for f in html_files)
-        return HTMLSubmission(self.sub_to_name[submission], html_files, num_chars_matched, num_chars)
+        return HTMLSubmission(submission.path, self.sub_to_name[submission], html_files, num_chars_matched, num_chars)
 
     def data(self, result, html_fragments, ignored_spans):
         fragment_to_spans = {}

compare50/_renderer/static/index.js

@@ -361,7 +361,11 @@ function update_index() {
         new_trs.append("td")
             .attr("class", "sub_name")
             .datum(d => d[field])
-            .html(d => GRAPH.data[d.id].is_archive ? `${ARCHIVE_IMG} ${d.id}` : d.id);
+            .html(d => {
+                const fic_name = GRAPH.data[d.id].is_archive ? `${ARCHIVE_IMG} ${d.id}` : d.id;
+                const path = GRAPH.data[d.id].path || '';
+                return `<span title="${path}">${fic_name}</span>`;
+            });
     }
 
     new_trs.append("td")

compare50/_renderer/templates/match.html

@@ -4,7 +4,7 @@
     <div class="row sticky-top bg-dark text-light" id="{{name}}sub_names">
         {% for sub in sub_a, sub_b %}
             <div class="col-sm-6 col-2 sub_name">
-                <h5>{{sub.name}} ({{sub.percentage}}%)</h5>
+                <h5 title="{{sub.path}}">{{sub.name}} ({{sub.percentage}}%)</h5>
             </div>
         {% endfor %}
     </div>