Hide data fields if GET or OPTIONS

Author: Emmanouil Konstantinidis

rest_framework_docs/static/rest_framework_docs/js/index.js

@@ -137,6 +137,7 @@ $( document ).ready(function() {
       $("#methods .method").removeClass( 'active' );
       // Add 'active' to the clicked button
       $(this).addClass( 'active' );
+      _toggleFields();
     });
   };
 
@@ -152,7 +153,21 @@ $( document ).ready(function() {
     }
   };
 
+  var _toggleFields = function () {
+    // Show/Hide Data depending on method type
+    var method = $("#methods").find( ".active" ).text();
+    if (method === 'GET' || method === 'OPTIONS') {
+      $('#headerData').hide();
+      $('#fields').hide();
+    } else {
+      $('#headerData').show();
+      $('#fields').show();
+    }
+  };
+
   var _setupFields = function (fields) {
+    _toggleFields();
+
     $.each( fields, function( i, field ) {
       var label = field.name.replace('_', ' ');
       $('#fields').append("" +

rest_framework_docs/templates/rest_framework_docs/home.html

@@ -121,7 +121,7 @@ <h5 class="section-title"><span>Headers</span></h5>
                   </div>
                 </div>
 
-                <h5 class="section-title"><span>Data</span></h5>
+                <h5 class="section-title" id="headerData"><span>Data</span></h5>
                 <div id="fields" class="fields"></div>
 
                 <button type="submit" class="btn btn-default">Send</button>