{I" class:ETI"ProcessedAsset;FI"logical_path;TI""blacklight/checkbox_submit.js;FI" pathname;TI"ˆ/Users/audreyaltman/.rbenv/versions/2.1.3/lib/ruby/gems/2.1.0/gems/blacklight-5.8.2/app/assets/javascripts/blacklight/checkbox_submit.js;FI"content_type;TI"application/javascript;TI" mtime;Tl+jѪTI" length;TiLI" digest;TI"%b039f7c2fec6e66aefc75be6bc9172d6;FI" source;TI"L/* A JQuery plugin (should this be implemented as a widget instead? not sure) that will convert a "toggle" form, with single submit button to add/remove something, like used for Bookmarks, into an AJAXy checkbox instead. Apply to a form. Does require certain assumption about the form: 1) The same form 'action' href must be used for both ADD and REMOVE actions, with the different being the hidden input name="_method" being set to "put" or "delete" -- that's the Rails method to pretend to be doing a certain HTTP verb. So same URL, PUT to add, DELETE to remove. This plugin assumes that. Plus, the form this is applied to should provide a data-doc-id attribute (HTML5-style doc-*) that contains the id/primary key of the object in question -- used by plugin for a unique value for DOM id's. Uses HTML for a checkbox compatible with Bootstrap 3. Pass in options for your class name and labels: $("form.something").bl_checkbox_submit({ checked_label: "Selected", unchecked_label: "Select", progress_label: "Saving...", //css_class is added to elements added, plus used for id base css_class: "toggle_my_kinda_form", success: function(after_success_check_state) { #optional callback } }); */ (function($) { $.fn.bl_checkbox_submit = function(arg_opts) { this.each(function() { var options = $.extend({}, $.fn.bl_checkbox_submit.defaults, arg_opts); var form = $(this); form.children().hide(); //We're going to use the existing form to actually send our add/removes //This works conveneintly because the exact same action href is used //for both bookmarks/$doc_id. But let's take out the irrelevant parts //of the form to avoid any future confusion. form.find("input[type=submit]").remove(); form.addClass('form-horizontal'); //View needs to set data-doc-id so we know a unique value //for making DOM id var unique_id = form.attr("data-doc-id") || Math.random(); // if form is currently using method delete to change state, // then checkbox is currently checked var checked = (form.find("input[name=_method][value=delete]").size() != 0); var checkbox = $('') .addClass( options.css_class ) .attr("id", options.css_class + "_" + unique_id); var label = $('