From 27ef7bf919367284ce094667bc140907ae302862 Mon Sep 17 00:00:00 2001
From: Thong Nguyen <nguyenthacthong@gmail.com>
Date: Fri, 12 Mar 2021 18:56:52 +0100
Subject: [PATCH] show ranks on document viewer

---
 diffir/templates/template.html | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/diffir/templates/template.html b/diffir/templates/template.html
index b082cc9..1ff4fd2 100644
--- a/diffir/templates/template.html
+++ b/diffir/templates/template.html
@@ -315,6 +315,7 @@ <h6 id="Run2Name" style="text-align: center;"></h6>
         var newEl = $('<div></div>')
           .append($('<div class="card"></div>')
             .attr('data-docid', doc.doc_id)
+            .attr('rank1-rank', doc.rank)
             .append($('<div class="card-header"></div>')
               // .css('padding-' + docIdFloat, '30px')
               .append(doc.rank)
@@ -379,6 +380,8 @@ <h6 id="Run2Name" style="text-align: center;"></h6>
         var newEl = $('<div></div>')
           // .append($('<span class="other-rank"></span>').text(symbol).css('float', docIdFloat).css('text-align', docIdFloat === 'right' ? 'left' : 'right').attr('title', tip))
           .append($('<div class="card"></div>')
+            .attr("run1-rank", docIdFloat === 'right' ? doc.rank : (otherRank === null ? "No" : otherRank))
+            .attr("run2-rank", docIdFloat === 'right' ? (otherRank === null ? "No" : otherRank): doc.rank)
             .attr('data-docid', doc.doc_id)
             .append($('<div class="card-header"></div>')
               .css('padding-' + docIdFloat, '30px')
@@ -474,20 +477,26 @@ <h6 id="Run2Name" style="text-align: center;"></h6>
         .appendTo(document.body);
       var legendTable = $('<table class="fields"></table>')
         .appendTo(page);
+      var run1Rank = $(this).closest('[run1-rank]').attr('run1-rank');
       legendTable.append($('<tr></tr>')
         .append($('<th></th>').text(data.meta.run1_name))
         .append($('<td></td>')
           .append($('<span class="swatch"></span>').css('background-color', 'rgb(' + COLOR_A + ')'))
-        ).append($('<td></td>').append($('<form><div class="form-group"><input type="range" class="form-control-range" min="0", max="1.1", step="0.1" value="0.1" id="weightThresholdA"></div></form>')))
+        )
+        .append($('<td></td>').append($(" <span class='border badge'></span>").text("Rank: " +run1Rank)))
+        .append($('<td></td>').append($('<form><div class="form-group"><input type="range" class="form-control-range" min="0", max="1.1", step="0.1" value="0.1" id="weightThresholdA"></div></form>').attr("title", "slide to change weight threshold")))
         .append($('<td><span id="run1Threshold" class="badge border rounded threshold-value">0.1</span></td>'))
       );
       if (!singleRunView) {
+        var run2Rank = $(this).closest('[run2-rank]').attr('run2-rank');
         legendTable.append($('<tr></tr>')
           .append($('<th></th>').text(data.meta.run2_name))
           .append($('<td></td>')
             .append($('<span class="swatch"></span>').css('background-color', 'rgb(' + COLOR_B + ')'))
-          ).append($('<td></td>')
-            .append($('<form><div class="form-group"><input type="range" class="form-control-range" min="0", max="1.1", step="0.1" value="0.1" id="weightThresholdB"></div></form>'))
+          )
+          .append($('<td></td>').append($(" <span class='border badge'></span>").text("Rank: " +run2Rank)))
+          .append($('<td></td>')
+            .append($('<form><div class="form-group"><input type="range" class="form-control-range" min="0", max="1.1", step="0.1" value="0.1" id="weightThresholdB"></div></form>').attr("title", "slide to change weight threshold"))
           ).append($('<td><span id="run2Threshold" class="badge border rounded threshold-value">0.1</span></td>'))
         );
         legendTable.append($('<tr></tr>')