From e4824db40b0ac17ebfe0a811b22b921b31b36d9d Mon Sep 17 00:00:00 2001
From: Jeremy Stretch <jstretch@netboxlabs.com>
Date: Fri, 1 Dec 2023 09:24:23 -0500
Subject: [PATCH] Improve rendering of JSON data

---
 netbox/templates/core/configrevision.html | 24 ++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/netbox/templates/core/configrevision.html b/netbox/templates/core/configrevision.html
index 6481127fa..7e7f49f2f 100644
--- a/netbox/templates/core/configrevision.html
+++ b/netbox/templates/core/configrevision.html
@@ -149,11 +149,23 @@
           <table class="table table-hover attr-table">
             <tr>
               <th scope="row">{% trans "Custom validators" %}</th>
-              <td>{{ object.data.CUSTOM_VALIDATORS|placeholder }}</td>
+              {% if object.data.CUSTOM_VALIDATORS %}
+                <td class="font-monospace">
+                  <pre>{{ object.data.CUSTOM_VALIDATORS|json }}</pre>
+                </td>
+              {% else %}
+                <td>{{ ''|placeholder }}</td>
+              {% endif %}
             </tr>
             <tr>
               <th scope="row">{% trans "Protection rules" %}</th>
-              <td>{{ object.data.PROTECTION_RULES|placeholder }}</td>
+              {% if object.data.PROTECTION_RULES %}
+                <td>
+                  <pre>{{ object.data.PROTECTION_RULES|json }}</pre>
+                </td>
+              {% else %}
+                <td>{{ ''|placeholder }}</td>
+              {% endif %}
             </tr>
           </table>
         </div>
@@ -165,7 +177,13 @@
           <table class="table table-hover attr-table">
             <tr>
               <th scope="row">{% trans "Default user preferences" %}</th>
-              <td>{{ object.data.DEFAULT_USER_PREFERENCES|placeholder }}</td>
+              {% if object.data.DEFAULT_USER_PREFERENCES %}
+                <td>
+                  <pre>{{ object.data.DEFAULT_USER_PREFERENCES|json }}</pre>
+                </td>
+              {% else %}
+                <td>{{ ''|placeholder }}</td>
+              {% endif %}
             </tr>
           </table>
         </div>