Jump To …


Copyright 2013 The Apache Software Foundation

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at


Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.


Support for the Tapestry Confirm mixin, and for running confirmation dialogs programatically. Note that this does not function correctly when Prototype is present.

define ["jquery", "./events", "./dom", "bootstrap/modal"],

  ($, events, dom) ->

Runs a modal dialog, invoking a callback if the user selects the OK option. On any form of cancel, there is no callback.

options.title - default "Confirm" options.message - required options.okClass - default "btn-warning" options.okLabel - default "OK" options.cancelLabel - default "Cancel" options.ok - callback function, required

    runDialog = (options) ->

      confirmed = false

      content = """
                <div class="modal fade" role="dialog">
                  <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <a class="close" data-dismiss="modal">&times;</a>
                        <h3>#{options.title or "Confirm"}</h3>
                      <div class="modal-body">#{options.message}</div>
                      <div class="modal-footer">
                        <button class="btn #{options.okClass or "btn-warning"}" data-dismiss="modal">#{options.okLabel or "OK"}</button>
                        <button class="btn btn-default" data-dismiss="modal">#{options.cancelLabel or "Cancel"}</button>

      $dialog = $ content

      $dialog.on "click", ".modal-footer button:first", ->
        confirmed = true

Let the animation run before (perhaps) invoking the callback.

      $dialog.modal().on "hidden.bs.modal", ->
        if confirmed

      $dialog.appendTo $ "body"

Support for the Confirm mixin

    $("body").on "click", "[data-confirm-message]:not(.disabled)", ->

      $this = $(this)

We use a data- attribute as a flag, to indicate that the user confirmed the behavior.

      if ($this.attr "data-confirm-state") is "confirmed"
        $this.attr "data-confirm-state", null
        return # allow default behavior to continue

        title: $this.attr "data-confirm-title"
        message: $this.attr "data-confirm-message"
        okLabel: $this.attr "data-confirm-label"
        ok: ->
          $this.attr "data-confirm-state", "confirmed"

In the case of an Ajax update, or a button, this is enough. In the case of a simple link, the default behavior when triggering click() is to do nothing, and our document event handler (just below) picks up the slack.


Cancel the original click event

      return false

    dom.onDocument "click", "a[data-confirm-message]:not(.disabled)", ->

Order of event handlers on an element is not predicatable. From testing, I found this could happen. A bit ugly.

      return if @attr "data-update-zone"

See note above; this replicates the default behavior of a link element that is lost because of the

      window.location.href = @attr "href"
      return false


    { runDialog }