better rendering of headers and payload

Author: abhishek-ram

pyas2/templates/admin/pyas2/mdn/change_form.html

@@ -1,5 +1,5 @@
 {% extends "admin/change_form.html" %}
-{% load i18n admin_urls static%}
+{% load i18n admin_urls static pyas2%}
 
 {% block title %} View MDN Details{% endblock title %}
 {% block content %}
@@ -39,15 +39,13 @@ <h1> View MDN Details</h1>
       <div class="form-row field-name">
         <div>
           <label class="required" >Message Headers:</label>
-          <textarea required="" rows="10" cols="40" class="vLargeTextField"
-                    disabled>{{ original.headers.read }}</textarea>
+          {{ original.headers|readfilefield|linebreaksbr }}
         </div>
       </div>
       <div class="form-row field-name">
         <div>
           <label class="required" >Message Headers:</label>
-          <textarea required="" rows="20" cols="40" class="vLargeTextField"
-                    disabled>{{ original.payload.read }}</textarea>
+          <p>{{ original.payload|readfilefield|linebreaksbr }}
         </div>
       </div>
     </fieldset>

pyas2/templates/admin/pyas2/message/change_form.html

@@ -1,5 +1,5 @@
 {% extends "admin/change_form.html" %}
-{% load i18n admin_urls static%}
+{% load i18n admin_urls static pyas2%}
 
 {% block title %} View Message Details{% endblock title %}
 {% block content %}
@@ -80,8 +80,7 @@ <h1> View Message Details</h1>
       <div class="form-row field-name">
         <div>
           <label class="required" >Message Headers:</label>
-          <textarea required="" rows="10" cols="40" class="vLargeTextField"
-                    disabled>{{ original.headers.read }}</textarea>
+          <p>{{ original.headers|readfilefield|linebreaksbr }}</p>
         </div>
       </div>
       {% if original.payload %}

pyas2/templatetags/__init__.py

@@ -0,0 +1,11 @@
+from django import template
+from django.utils.html import format_html
+
+register = template.Library()
+
+
+@register.filter
+def readfilefield(field):
+    """ Template filter for rendering data from a file field """
+    with field.open('r') as f:
+        return f.read()