From 5d875801de1f0c91d383cf33184f4f33abd18c2e Mon Sep 17 00:00:00 2001
From: Pierre-Yves Chibon <pingou@pingoured.fr>
Date: Aug 06 2018 13:27:02 +0000
Subject: Move the blame and file templates to use highlight.js


Fixes https://pagure.io/pagure/issue/2707

Signed-off-by: Pierre-Yves Chibon <pingou@pingoured.fr>

---

diff --git a/pagure/static/pagure.css b/pagure/static/pagure.css
index 51951b2..1020cc4 100644
--- a/pagure/static/pagure.css
+++ b/pagure/static/pagure.css
@@ -94,8 +94,12 @@ html
   box-shadow:0 0 10px 2px rgba(0,0,0,0.1)
 }
 
+pre {
+  background-color: transparent;
+}
+
 .code_table {
-    background: #FDF6E3;
+    background: #fff;
     min-width: 100%;
     display:block;
     overflow-x: auto;
@@ -115,7 +119,7 @@ html
 
 .code_table tr .cell1{
     width: 20px;
-    background: #eee8d5;
+    background: #fff;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
@@ -436,7 +440,8 @@ color: #bbb;
 
 .highlighted-line,
 .highlighted-line td,
-.highlighted-line td pre {
+.highlighted-line td pre,
+.highlighted-line td pre code {
      background-color: #FFFABA;
 }
 
@@ -886,3 +891,8 @@ a.nav-link.btn{
   background: transparent!important;
   color: rebeccapurple;
 }
+
+.hljs {
+  padding: 0!important;
+  background: #fff;
+}
diff --git a/pagure/templates/blame.html b/pagure/templates/blame.html
index d1f913e..b3476b4 100644
--- a/pagure/templates/blame.html
+++ b/pagure/templates/blame.html
@@ -4,6 +4,15 @@
     repo.namespace + '/' if repo.namespace }}{{ repo.name }}{% endblock %}
 {% set tag = "home" %}
 
+{% block header %}
+<link href="{{ url_for('static', filename='vendor/highlight.js/styles/github.css') }}"
+  rel="stylesheet" />
+<style>
+  .hljs {
+    background: #fff;
+  }
+</style>
+{% endblock %}
 
 {% block repo %}
   <div class="row m-b-1">
@@ -175,6 +184,13 @@ No content found in this repository
 
 {% block jscripts %}
 {{ super() }}
+<script type="text/javascript"
+  src="{{ url_for('static', filename='vendor/highlight.js/highlight.pack.js') }}"></script>
+<script type="text/javascript"
+  src="{{ url_for('static', filename='vendor/highlight.js/spec.js') }}"></script>
+
+<script>hljs.initHighlightingOnLoad();</script>
+
 <script type="text/javascript">
 function updateHighlight() {
   var cls = "highlighted-line";
diff --git a/pagure/templates/file.html b/pagure/templates/file.html
index 028b0f4..292a292 100644
--- a/pagure/templates/file.html
+++ b/pagure/templates/file.html
@@ -4,6 +4,15 @@
     repo.namespace + '/' if repo.namespace }}{{ repo.name }}{% endblock %}
 {% set tag = "home" %}
 
+{% block header %}
+<link href="{{ url_for('static', filename='vendor/highlight.js/styles/github.css') }}"
+  rel="stylesheet" />
+<style>
+  .hljs {
+    background: #fff;
+  }
+</style>
+{% endblock %}
 
 {% block repo %}
   <div class="row">
@@ -166,11 +175,11 @@
 
     {% if output_type=='file' %}
         {% autoescape false %}
-	    {% if huge %}
+        {% if huge %}
                 {{ content | e | format_loc }}
-	    {% else %}
+        {% else %}
                 {{ content | format_loc }}
-	    {% endif %}
+        {% endif %}
         {% endautoescape %}
     {% elif output_type == 'markup' %}
         <div class="m-2">
@@ -255,6 +264,13 @@ No content found in this repository
 
 {% block jscripts %}
 {{ super() }}
+<script type="text/javascript"
+  src="{{ url_for('static', filename='vendor/highlight.js/highlight.pack.js') }}"></script>
+<script type="text/javascript"
+  src="{{ url_for('static', filename='vendor/highlight.js/spec.js') }}"></script>
+
+<script>hljs.initHighlightingOnLoad();</script>
+
 <script type="text/javascript">
 function updateHighlight() {
   var cls = "highlighted-line";