` -- only the contents
- of the container will be placed inside the modal, the rest of the
- page will be ignored.
-
- If you'd like to have a link or button that closes the modal,
- you can just add a `data-dismiss="modal"` to the link,
- standard Bootstrap convention. But you can also have
- an href on this link for non-JS contexts, we'll make sure
- inside the modal it closes the modal and the link is NOT followed.
-
- Link or forms inside the modal will ordinarily cause page loads
- when they are triggered. However, if you'd like their results
- to stay within the modal, just add `data-ajax-modal="preserve"`
- to the link or form.
-
- Here's an example of what might be returned, demonstrating most of the devices available:
-
-
-
-
-
Request Placed
-
-
-
-
Some message
- <%= link_to "This result will still be within modal", some_link, :data => {:ajax_modal => "preserve"} %>
-
-
-
-
-
-
-
- One additional feature. If the content returned from the AJAX modal load
- has an element with `data-ajax-modal=close`, that will trigger the modal
- to be closed. And if this element includes a node with class "flash_messages",
- the flash-messages node will be added to the main page inside #main-flahses.
-
- == Events
-
- We'll send out an event 'loaded.blacklight.ajax-modal' with the #ajax-modal
- dialog as the target, right after content is loaded into the modal but before
- it is shown (if not already a shown modal). In an event handler, you can
- inspect loaded content by looking inside $(this). If you call event.preventDefault(),
- we won't 'show' the dialog (although it may already have been shown, you may want to
- $(this).modal("hide") if you want to ensure hidden/closed.
-
- The data-ajax-modal=close behavior is implemented with this event, see for example.
-*/
-
-// We keep all our data in Blacklight.ajaxModal object.
-// Create lazily if someone else created first.
-if (Blacklight.ajaxModal === undefined) {
- Blacklight.ajaxModal = {};
-}
-
-
-// a Bootstrap modal div that should be already on the page hidden
-Blacklight.ajaxModal.modalSelector = "#ajax-modal";
-
-// Trigger selectors identify forms or hyperlinks that should open
-// inside a modal dialog.
-Blacklight.ajaxModal.triggerLinkSelector = "a[data-ajax-modal~=trigger],button[data-ajax-modal~=trigger], button.lightboxLink,button.more_facets_link,.ajax_modal_launch";
-Blacklight.ajaxModal.triggerFormSelector = "form[data-ajax-modal~=trigger], form.ajax_form";
-
-// preserve selectors identify forms or hyperlinks that, if activated already
-// inside a modal dialog, should have destinations remain inside the modal -- but
-// won't trigger a modal if not already in one.
-//
-// No need to repeat selectors from trigger selectors, those will already
-// be preserved. MUST be manually prefixed with the modal selector,
-// so they only apply to things inside a modal.
-Blacklight.ajaxModal.preserveLinkSelector = Blacklight.ajaxModal.modalSelector + ' a[data-ajax-modal~=preserve],button[data-ajax-modal~=preserve]';
-Blacklight.ajaxModal.preserveFormSelector = Blacklight.ajaxModal.modalSelector + ' form[data-ajax-modal~=preserve]'
-
-Blacklight.ajaxModal.containerSelector = "[data-ajax-modal~=container]";
-
-Blacklight.ajaxModal.modalCloseSelector = "[data-ajax-modal~=close], span.ajax-close-modal";
-
-// Called on fatal failure of ajax load, function returns content
-// to show to user in modal. Right now called only for extreme
-// network errors.
-Blacklight.ajaxModal.onFailure = function() {
- var contents = "
" +
- "
Network Error
" +
- "
";
- $(Blacklight.ajaxModal.modalSelector).find('.modal-content').html(contents);
- $(Blacklight.ajaxModal.modalSelector).modal('show', this.relatedObject);
- // Blacklight.ajaxModal.clickTarget = clickTarget;
-};
-
-Blacklight.ajaxModal.receiveAjax = function (contents) {
- // does it have a data- selector for container?
- // important we don't execute script tags, we shouldn't.
- // code modelled off of JQuery ajax.load. https://github.com/jquery/jquery/blob/master/src/ajax/load.js?source=c#L62
- var container = $("