Make browsable API compatbile with strong CSP (#8784)

Co-authored-by: Alexander Bliskovsky <[email protected]>

Author: juspence

rest_framework/static/rest_framework/js/load-ajax-form.js

@@ -0,0 +1,3 @@
+$(document).ready(function() {
+  $('form').ajaxForm();
+});

rest_framework/templates/rest_framework/admin.html

@@ -256,11 +256,7 @@ <h4 class="modal-title" id="myModalLabel">{{ error_title }}</h4>
         <script src="{% static "rest_framework/js/bootstrap.min.js" %}"></script>
         <script src="{% static "rest_framework/js/prettify-min.js" %}"></script>
         <script src="{% static "rest_framework/js/default.js" %}"></script>
-        <script>
-          $(document).ready(function() {
-            $('form').ajaxForm();
-          });
-        </script>
+        <script src="{% static "rest_framework/js/load-ajax-form.js" %}"></script>
       {% endblock %}
     </body>
   {% endblock %}

rest_framework/templates/rest_framework/base.html

@@ -299,11 +299,7 @@ <h1>{{ name }}</h1>
       <script src="{% static "rest_framework/js/bootstrap.min.js" %}"></script>
       <script src="{% static "rest_framework/js/prettify-min.js" %}"></script>
       <script src="{% static "rest_framework/js/default.js" %}"></script>
-      <script>
-        $(document).ready(function() {
-          $('form').ajaxForm();
-        });
-      </script>
+      <script src="{% static "rest_framework/js/load-ajax-form.js" %}"></script>
     {% endblock %}
 
   </body>