Added new options to the modal dialog. Delete by callback.

Author: Tom Kaczocha

README.md

@@ -3,3 +3,4 @@
 Bootstrap confirm delete modal dialog jquery plugin
 
 ## Examples
+Coming Soon

bootstrap-confirm-delete.css

@@ -0,0 +1,51 @@
+.modal {
+
+}
+
+.fade {
+
+}
+
+.modal-dialog {
+
+}
+
+.modal-content {
+
+}
+
+.modal-header {
+
+}
+
+.modal-body {
+
+}
+
+.modal-footer {
+
+}
+
+#bootstrap-confirm-delete-container {
+
+}
+
+#bootstrap-confirm-dialog {
+
+}
+
+#bootstrap-confirm-dialog-heading {
+
+}
+
+#bootstrap-confirm-dialog-text {
+
+}
+
+#bootstrap-confirm-dialog-cancel-delete-btn {
+
+}
+
+#bootstrap-confirm-dialog-delete-btn {
+
+}

bootstrap-confirm-delete.js

@@ -6,45 +6,45 @@
 {
     $.fn.bootstrap_confirm_delete = function ( options )
     {
+        var settings = $.extend(
+            {
+                heading: 'Delete',
+                message: 'Are you sure you want to delete this item?',
+                data_type: null,
+                callback: null
+            }, options );
+
         $( this ).on( 'click', function ( event )
         {
             event.preventDefault();
 
-            var heading = 'Delete';
-            var message = 'Are you sure you want to delete this item?';
-
-            if ( undefined !== options )
+            if ( undefined !== $( this ).attr( 'data-type' ) )
             {
-                if ( undefined !== options.heading )
-                {
-                    heading = options.heading;
-                }
-
-                if ( undefined !== options.question )
-                {
-                    message = options.question;
-                }
-            }
-            else
-            {
-                if ( undefined !== $( this ).attr( 'data-type' ) )
-                {
-                    var name = $( this ).attr( 'data-type' );
+                var name = $( this ).attr( 'data-type' );
 
-                    heading = 'Delete ' + name[ 0 ].toUpperCase() + name.substr( 1 );
-                    message = 'Are you sure you want to delete this ' + name + '?';
-                }
+                settings.heading = 'Delete ' + name[ 0 ].toUpperCase() + name.substr( 1 );
+                settings.message = 'Are you sure you want to delete this ' + name + '?';
             }
 
             if ( null === document.getElementById( 'bootstrap-confirm-delete-container' ) )
             {
                 $( 'body' ).append( '<div id="bootstrap-confirm-delete-container"><div id="bootstrap-confirm-dialog" class="modal fade"><div class="modal-dialog modal-sm"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button><h4 id="bootstrap-confirm-dialog-heading"></h4></div><div class="modal-body"><p id="bootstrap-confirm-dialog-text"></p></div><div class="modal-footer"><button id="bootstrap-confirm-dialog-cancel-delete-btn" type="button" class="btn btn-default pull-left" data-dismiss="modal">Cancel</button><a id="bootstrap-confirm-dialog-delete-btn" href="#" class="btn btn-danger pull-right">Delete</a></div></div></div></div></div>' );
             }
 
-            $( '#bootstrap-confirm-dialog-heading' ).html( heading );
-            $( '#bootstrap-confirm-dialog-text' ).html( message );
+            $( '#bootstrap-confirm-dialog-heading' ).html( settings.heading );
+            $( '#bootstrap-confirm-dialog-text' ).html( settings.message );
             $( '#bootstrap-confirm-dialog' ).modal( 'toggle' );
-            $( 'a#bootstrap-confirm-dialog-delete-btn' ).attr( 'href', event.currentTarget.href );
+
+            if ( null !== settings.callback )
+            {
+                $( '#bootstrap-confirm-dialog-delete-btn' ).attr( 'data-dismiss', 'modal');
+
+                $( 'a#bootstrap-confirm-dialog-delete-btn' ).on( 'click', settings.callback );
+            }
+            else if ( '' !== event.currentTarget.href )
+            {
+                $( 'a#bootstrap-confirm-dialog-delete-btn' ).attr( 'href', event.currentTarget.href );
+            }
         } );
     };
-}( jQuery ) );
+}( jQuery ));

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-confirm-delete",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "homepage": "https://github.com/rawphp/Bootstrap-Confirm-Delete",
   "authors": [
     "Tom Kaczocha <tom@rawphp.org>"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-confirm-delete",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Bootstrap confirm delete modal dialog jquery plugin",
   "main": "bootstrap-confirm-dialog.js",
   "scripts": {