Init Modal

Author: Emmanouil Konstantinidis

rest_framework_docs/static/rest_framework_docs/js/index.js

@@ -0,0 +1,5 @@
+$( document ).ready(function() {
+
+
+
+});

rest_framework_docs/templates/rest_framework_docs/base.html

@@ -77,7 +77,7 @@ <h3>Document Web APIs made with <a href="http://www.django-rest-framework.org/"
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha256-KXn5puMvxCw+dAYznun+drMdG1IFl3agK0p/pqT9KAo= sha512-2e8qq0ETcfWRI4HJBzQiA3UoyFk6tbNyG+qSaIBZLyW9Xf3sWZHN/lxe9fTh1U45DpPf07yj94KsUHHWe4Yk1A==" crossorigin="anonymous"></script>
+    <script type="text/javascript" src="{% static "rest_framework_docs/js/index.js" %}"></script>
   </body>
 </html>

rest_framework_docs/templates/rest_framework_docs/home.html

@@ -41,7 +41,7 @@ <h4 class="panel-title title">
                 {% for method in endpoint.allowed_methods %}
                   <li class="method {{ method|lower }}">{{ method }}</li>
                 {% endfor %}
-                  <li class="method plug"><i class="fa fa-plug"></i></li>
+                  <li class="method plug" data-toggle="modal" data-target="#myModal"><i class="fa fa-plug"></i></li>
               </ul>
             </div>
           </div>
@@ -81,4 +81,24 @@ <h2 class="text-center">There are currently no api endpoints to document.</h2>
     <h2 class="text-center">No endpoints found for {{ query }}.</h2>
   {% endif %}
 
+  <!-- Modal -->
+  <!-- Modal -->
+  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+          <h4 class="modal-title" id="myModalLabel">Modal title</h4>
+        </div>
+        <div class="modal-body">
+          ...
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+          <button type="button" class="btn btn-primary">Save changes</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
 {% endblock %}