browse: Add readme rendering in revision view

swh/web/browse/views/revision.py

@@ -160,6 +160,8 @@ def revision_browse(request, sha1_git):
     content_size = None
     mimetype = None
     language = None
+    readme_name = None
+    readme_url = None
 
     if content_data:
         breadcrumbs[-1]['url'] = None
@@ -191,6 +193,11 @@ def revision_browse(request, sha1_git):
                                kwargs={'sha1_git': sha1_git},
                                query_params=query_params)
             f['length'] = filesizeformat(f['length'])
+            if f['name'].lower().startswith('readme'):
+                readme_name = f['name']
+                readme_sha1 = f['checksums']['sha1']
+                readme_url = reverse('browse-content-raw',
+                                     kwargs={'query_string': readme_sha1})
 
         top_right_link = get_revision_log_url(sha1_git, origin_context)
         top_right_link_text = mark_safe(
@@ -219,6 +226,8 @@ def revision_browse(request, sha1_git):
                    'max_content_size': content_display_max_size,
                    'mimetype': mimetype,
                    'language': language,
+                   'readme_name': readme_name,
+                   'readme_url': readme_url,
                    'breadcrumbs': breadcrumbs,
                    'top_right_link': top_right_link,
                    'top_right_link_text': top_right_link_text,

swh/web/templates/directory.html

 {% extends "browse.html" %}
-{% load static %}
-
-{% block header %}
-<script src="{% static 'js/showdown/showdown.min.js' %}"></script>
-{% endblock %}
 
 {% block swh-browse-before-panels %}
 {% if origin_context %}
@@ -21,27 +16,6 @@
 
 {% block swh-browse-panels-group-end %}
 
-{% if readme_name %}
-
-<div class="panel panel-default" style="overflow-x: auto;">
-  <div class="panel-heading">
-    <h2>{{ readme_name }}</h2>
-  </div>
-  <div id='readme' class="swh-readme panel-body">
-  </div>
-</div>
-
-<script>
-  var converter = new showdown.Converter({tables: true});
-  $.ajax({
-    url: '{{ readme_url }}',
-    dataType: 'text',
-    success: function (data) {
-      $('#readme').html(converter.makeHtml(data))
-    }
-  });
-</script>
-
-{% endif %}
+{% include "includes/readme-display.html" %}
 
 {% endblock %}

swh/web/templates/includes/readme-display.html

+{% load static %}
+
+{% if readme_name %}
+
+<div class="panel panel-default" style="overflow-x: auto;">
+  <div class="panel-heading">
+    <h2>{{ readme_name }}</h2>
+  </div>
+  <div id='readme' class="swh-readme panel-body">
+  </div>
+</div>
+
+<script src="{% static 'js/showdown/showdown.min.js' %}"></script>
+<script>
+  var converter = new showdown.Converter({tables: true});
+  $.ajax({
+    url: '{{ readme_url }}',
+    dataType: 'text',
+    success: function (data) {
+      $('#readme').html(converter.makeHtml(data))
+    }
+  });
+</script>
+
+{% endif %}
\ No newline at end of file

swh/web/templates/revision.html

@@ -37,4 +37,14 @@
 
 {% endif %}
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}
+
+{% if not content_size %}
+
+{% block swh-browse-panels-group-end %}
+
+{% include "includes/readme-display.html" %}
+
+{% endblock %}
+
+{% endif %}