Add additional option buttons to modal footer

README.md

@@ -58,6 +58,7 @@ Set up the modal with the following options:
 - {Boolean} [options.focusOk]      Wether the 'OK' button should have the focus or not. Default: true
 - {Boolean} [options.okCloses]    Wether the modal should close on 'OK' click or not. Default: true
 - {String} [options.cancelText]   Text for the cancel button. Default: 'Cancel'. If passed a falsey value, the button will be removed
+- {Array} [options.optionButtons] Objects containing properties for additional buttons. {text: String, class: String, event: String}
 - {Boolean} [options.allowCancel] Whether the modal can be closed, other than - OK. Default: true
 - {Boolean} [options.escape]      Whether the 'esc' key can dismiss the modal- true, but false if options.cancellable is true
 - {Boolean} [options.animate]     Whether to animate in/out. Default: false

src/backbone.bootstrap-modal.js

@@ -1,3 +1,4 @@
+/*jshint multistr: true */
 /**
  * Bootstrap Modal wrapper for use with Backbone.
  *
@@ -34,6 +35,11 @@
     <div class="modal-body">{{content}}</div>\
     <% if (showFooter) { %>\
       <div class="modal-footer">\
+        <% if (optionButtons.length > 0) { %>\
+          <% _.each(optionButtons, function(optionButton, index) { %>\
+            <a href="#" class="btn optionButton {{optionButton.class}}" data-event="{{optionButton.event}}">{{optionButton.text}}</a>\
+          <% }) %>\
+        <% } %>\
         <% if (allowCancel) { %>\
           <% if (cancelText) { %>\
             <a href="#" class="btn cancel">{{cancelText}}</a>\
@@ -54,6 +60,17 @@
     className: 'modal',
 
     events: {
+      'click .optionButton': function(event) {
+        event.preventDefault();
+
+        var eventTrigger = $(event.target).data('event');
+
+        this.trigger(eventTrigger);
+
+        if (this.options.content && this.options.content.trigger) {
+          this.options.content.trigger(eventTrigger, this);
+        }
+      },
       'click .close': function(event) {
         event.preventDefault();
 
@@ -112,6 +129,7 @@
      * @param {String} [options.title]            Title. Default: none
      * @param {String} [options.okText]           Text for the OK button. Default: 'OK'
      * @param {String} [options.cancelText]       Text for the cancel button. Default: 'Cancel'. If passed a falsey value, the button will be removed
+     * @param {String} [options.optionButtons]    Array of properties objects for additional buttons. {text: String, class: String, event: String}
      * @param {Boolean} [options.allowCancel      Whether the modal can be closed, other than by pressing OK. Default: true
      * @param {Boolean} [options.escape]          Whether the 'esc' key can dismiss the modal. Default: true, but false if options.cancellable is true
      * @param {Boolean} [options.animate]         Whether to animate in/out. Default: false
@@ -126,6 +144,7 @@
         okCloses: true,
         cancelText: 'Cancel',
         showFooter: true,
+        optionButtons: [],
         allowCancel: true,
         escape: true,
         animate: false,