From 5c1c6ad3418d58acd684b46b4872897339c3fdff Mon Sep 17 00:00:00 2001
From: Lubomír Sedlář <lsedlar@redhat.com>
Date: Dec 22 2015 08:26:30 +0000
Subject: Highlight specific lines


When a specific line in a file is linked, highlight it.

This patch also adds the ability to highlight a line range. Regular
click on line number always selects that one line. Shift+Left click
allows selecting a range.

Pagure issue: #528
Signed-off-by: Lubomír Sedlář <lsedlar@redhat.com>

---

diff --git a/pagure/static/koji.css b/pagure/static/koji.css
index a39e7e1..c4b4370 100644
--- a/pagure/static/koji.css
+++ b/pagure/static/koji.css
@@ -455,3 +455,7 @@ a.headerlink {
 header:hover > a.headerlink {
     visibility: visible;
 }
+
+.highlighted-line {
+    background-color: #FFFABA;
+}
diff --git a/pagure/templates/file.html b/pagure/templates/file.html
index f806fd6..dc8589f 100644
--- a/pagure/templates/file.html
+++ b/pagure/templates/file.html
@@ -83,3 +83,37 @@ No content found in this repository
 {% endif %}
 
 {% endblock %}
+
+{% block jscripts %}
+{{ super() }}
+<script type="text/javascript">
+function updateHighlight() {
+  var cls = "highlighted-line";
+  $('.' + cls).removeClass(cls)
+  if (location.hash !== '') {
+    var lines = location.hash.substr(2).split('-').map(function (x) { return parseInt(x, 10) });
+    for (var i = lines[lines.length - 1]; i >= lines[0]; i--) {
+      $('[data-line-number=' + i + ']').closest('tr').addClass(cls);
+    }
+  }
+}
+$(document).ready(updateHighlight);
+$(window).on('hashchange', updateHighlight);
+var selected = [];
+$("[data-line-number]").click(function (ev) {
+  var line = $(this).attr('data-line-number');
+  if (ev.shiftKey) {
+    selected = selected.slice(-1).concat(line);
+  } else {
+    selected = [line];
+  }
+
+  var hash = '_' + selected[0];
+  if (selected.length === 2) {
+    hash = '_' + Math.min(selected[0], selected[1]) + '-' + Math.max(selected[0], selected[1]);
+  }
+  window.location.hash = hash;
+  return false;
+});
+</script>
+{% endblock %}