Merge pull request #3662 from awwester/ticket_3228

jpadilla · jpadilla · commit d2f90fd6af96 · 2015-12-01T10:50:34.000-04:00
#3228 - add confirm modal for delete
diff --git a/rest_framework/static/rest_framework/css/bootstrap-tweaks.css b/rest_framework/static/rest_framework/css/bootstrap-tweaks.css
@@ -227,3 +227,8 @@ body a:hover {
   width: 20px;
   margin-top: 3px;
 }
+
+.modal-footer form {
+  margin-left: 5px;
+  margin-right: 5px;
+}
diff --git a/rest_framework/templates/rest_framework/base.html b/rest_framework/templates/rest_framework/base.html
@@ -1,6 +1,7 @@
 {% load staticfiles %}
 {% load rest_framework %}
 {% load i18n %}
+
 <!DOCTYPE html>
 <html>
 <head>
@@ -101,9 +102,24 @@
         {% endif %}
 
         {% if delete_form %}
-          <form class="button-form" action="{{ request.get_full_path }}" data-method="DELETE">
-            <button class="btn btn-danger js-tooltip" title="Make a DELETE request on the {{ name }} resource">DELETE</button>
-          </form>
+          <button class="btn btn-danger button-form js-tooltip" title="Make a DELETE request on the {{ name }} resource" data-toggle="modal" data-target="#deleteModal">DELETE</button>
+
+          <!-- Delete Modal -->
+          <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+            <div class="modal-dialog">
+              <div class="modal-content">
+                <div class="modal-body">
+                  <h4 class="text-center">Are you sure you want to delete this {{ name }}?</h4>
+                </div>
+                <div class="modal-footer">
+                  <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+                  <form class="button-form" action="{{ request.get_full_path }}" data-method="DELETE">
+                    <button class="btn btn-danger">Delete</button>
+                  </form>
+                </div>
+              </div>
+            </div>
+          </div>
         {% endif %}
 
         {% if filter_form %}

Original file line number	Diff line number	Diff line change
`@@ -227,3 +227,8 @@ body a:hover {`
`227`	`227`	`width: 20px;`
`228`	`228`	`margin-top: 3px;`
`229`	`229`	`}`
	`230`	`+`
	`231`	`+.modal-footer form {`
	`232`	`+ margin-left: 5px;`
	`233`	`+ margin-right: 5px;`
	`234`	`+}`