smart_listing 1.0.0 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 41dcdfa429d72c12038175a0eb1252ad399b2a71
-  data.tar.gz: d277995fe1f1474795326b8db38c0fd07b307c0f
+  metadata.gz: 59e85525d27d91f8ccf4ede3196a9d665e80e636
+  data.tar.gz: 2715e1395d0ea7eff77d9a531639b0917143212a
 SHA512:
-  metadata.gz: 6feb82a31cbe7dfdad359b3427325447a4ea63ad425189c752da1e93a9e1612ca32adb2d0f08f489193f9a29854721cf849b6e78f33c67f8789e8546d937e24c
-  data.tar.gz: c958ec953a3b49097490e90affb1785af82fa62c8318feafc7d3a72f37ebd86e8ca977dd9e47171dda0a289633e72c6819befa15995ce3ca0e857b526354544a
+  metadata.gz: fb5792e4ce2c755905e4ea7d07c9a5c5f50f1eca9a39f142b70ab94465e89989bc951494b310049cef91e2acac1fa82ab93eec08e399ba5ba6c6b10be2f9352b
+  data.tar.gz: a9caf551202a276d1c233afa7daa86c860a87d9a7d170836a471fa8a769a783cb7a5b809e4d9728d0d2d69d30066709b3c38a5e84787b4c154a0f3dc51fb5974

data/README.md

@@ -113,8 +113,8 @@ SmartListing supports two modes of sorting: implicit and explicit. Implicit mode
   %table
     %thead
       %tr 
-        %th= smart_listing.sortable "User name", "name"
-        %th= smart_listing.sortable "Email", "email"
+        %th= smart_listing.sortable "User name", :name
+        %th= smart_listing.sortable "Email", :email
     %tbody
       - smart_listing.collection.each do |user|
         %tr
@@ -126,12 +126,12 @@ SmartListing supports two modes of sorting: implicit and explicit. Implicit mode
   %p.warning No records!
 ```
 
-In this case `"name"` and `"email"` are sorting column names. `Builder#sortable` renders special link containing column name and sort order (either `asc`, `desc`, or empty value). 
+In this case `:name` and `:email` are sorting column names. `Builder#sortable` renders special link containing column name and sort order (either `asc`, `desc`, or empty value). 
 
 You can also specify default sort order in the controller:
 
 ```ruby
-@users = smart_listing_create(:users, User.active, partial: "users/listing", default_sort: {:name: "asc"})
+@users = smart_listing_create(:users, User.active, partial: "users/listing", default_sort: {name: "asc"})
 ```
 
 Implicit mode is convenient with simple data sets. In case you want to sort by joined column names, we advise you to use explicit sorting:
@@ -143,6 +143,8 @@ Implicit mode is convenient with simple data sets. In case you want to sort by j
 
 Note that `:sort_attributes` are array which of course means, that order of attributes matters.
 
+There's also a possibility to specify available sort directions using `:sort_dirs` option which is by default `[nil, "asc", "desc"]`.
+
 ### List item management and in-place editing
 
 In order to allow managing and editing list items, we need to reorganize our views a bit. Basically, each item needs to have its own partial:
@@ -241,6 +243,31 @@ users_scope = users_scope.like(params[:filter]) if params[:filter]
 
 Then, JS view is rendered and your SmartListing updated. That's it!
 
+### Simplified views
+
+You don't need to create all the JS views in case you want to simply use one SmartListing per controller. Just use helper methods without their first attribute (name) ie. `smart_listing_create(User.active, partial: "users/listing")`. Then define two helper methods:
+
+ * `smart_listing_resource` returning single object,
+ * `smart_listing_collection` returning collection of objects.
+
+SmartListing default views will user these methods to render your list properly.
+
+### More customization
+
+Apart from standard SmartListing initializer, you can also define custom config profiles. In order to do this, use following syntax:
+
+```ruby
+SmartListing.configure(:awesome_profile) do |config|
+  # put your definitions here
+end
+```
+
+In order to use this profile, create helper method named `smart_listing_config_profile` returning profile name and put into your JS `SmartListing.config.merge()` function call. `merge()` function expects parameter with config attributes hash or reads body data-attribute named `smart-listing-config`. Hash of config attributes can be obtained by using helper method `SmartListing.config(:awesome_profile).to_json`. 
+
+## Not enough?
+
+For more information and some use cases, see the [Showcase](http://showcase.sology.eu/smart_listing)
+
 ## Credits
 
 SmartListing uses great pagination gem Kaminari https://github.com/amatsuda/kaminari

data/Rakefile

@@ -14,7 +14,7 @@ RDoc::Task.new(:rdoc) do |rdoc|
   rdoc.rdoc_files.include('lib/**/*.rb')
 end
 
-APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
 load 'rails/tasks/engine.rake'
 
 

data/app/assets/javascripts/smart_listing.coffee.erb

@@ -1,25 +1,46 @@
 # Useful when SmartListing target url is different than current one
 $.rails.href = (element) ->
-  element.attr('href') || element.data('<%= SmartListing.config.data_attributes(:href) %>')
+  element.attr("href") || element.data("<%= SmartListing.config.data_attributes(:href) %>")
+
+class window.SmartListing
+  class Config
+    @options: <%= SmartListing.config.dump_json %>
+
+    @merge: (d) ->
+      $.extend true, @options, d || $("body").data("smart-listing-config")
+
+    @class: (name)->
+      @options["constants"]["classes"][name]
+
+    @class_name: (name) ->
+      ".#{@class(name)}"
+
+    @data_attribute: (name)->
+      @options["constants"]["data_attributes"][name]
+
+    @selector: (name)->
+      @options["constants"]["selectors"][name]
+
+  @config: Config
+
 
-class SmartListing
   constructor: (e) ->
     @container = e
-    @name = @container.attr('id')
-    @loading = @container.find(".<%= SmartListing.config.classes(:loading) %>")
-    @content = @container.find(".<%= SmartListing.config.classes(:content) %>")
-    @status = $(".<%= SmartListing.config.classes(:status) %>[data-<%= SmartListing.config.data_attributes(:main) %>='#{@name}']")
+    @name = @container.attr("id")
+    @loading = @container.find(SmartListing.config.class_name("loading"))
+    @content = @container.find(SmartListing.config.class_name("content"))
+    @status = $("#{SmartListing.config.class_name("status")} [data-#{SmartListing.config.data_attribute("main")}='#{@name}']")
     @confirmed = null
     @popovers = {}
 
-    @container.on 'ajax:before', (e) =>
+    @container.on "ajax:before", (e) =>
       @fadeLoading()
 
-    @container.on 'ajax:success', (e) =>
-      if $(e.target).is('.<%= SmartListing.config.classes(:item_actions) %> <%= SmartListing.config.selectors(:item_action_destroy) %>')
+    @container.on "ajax:success", (e) =>
+      if $(e.target).is("#{SmartListing.config.class_name("item_actions")} #{SmartListing.config.selector("item_action_destroy")}")
         # handle HEAD OK response for deletion request
-        editable = $(e.target).closest('.<%= SmartListing.config.classes(:editable) %>')
-        if @container.find(".<%= SmartListing.config.classes(:editable) %>").length == 1
+        editable = $(e.target).closest(SmartListing.config.class_name("editable"))
+        if @container.find(SmartListing.config.class_name("editable")).length == 1
           @reload()
           return false
         else
@@ -33,41 +54,41 @@ class SmartListing
         @fadeLoaded()
         return false
 
-    @container.on 'click', '<%= SmartListing.config.selectors(:edit_cancel) %>', (event) =>
-      editable = $(event.currentTarget).closest('.<%= SmartListing.config.classes(:editable) %>')
+    @container.on "click", SmartListing.config.selector("edit_cancel"), (event) =>
+      editable = $(event.currentTarget).closest(SmartListing.config.class_name("editable"))
       if(editable.length > 0)
         # Cancel edit
         @cancelEdit(editable)
       else
         # Cancel new record
-        @container.find('.<%= SmartListing.config.classes(:new_item_placeholder) %>').addClass('<%= SmartListing.config.classes(:hidden) %>')
-        @container.find('.<%= SmartListing.config.classes(:new_item_action) %>').removeClass('<%= SmartListing.config.classes(:hidden) %>')
+        @container.find(SmartListing.config.class_name("new_item_placeholder")).addClass(SmartListing.config.class_name("hidden"))
+        @container.find(SmartListing.config.class_name("new_item_action")).removeClass(SmartListing.config.class_name("hidden"))
 
       @setAutoshow(false)
       false
 
-    @container.on 'click', '.<%= SmartListing.config.classes(:item_actions) %> a[data-<%= SmartListing.config.data_attributes(:confirmation) %>]', (event) =>
-      $.fn.smart_listing.confirm $(event.currentTarget), $(event.currentTarget).data('<%= SmartListing.config.data_attributes(:confirmation) %>')
+    @container.on "click", "#{SmartListing.config.class_name("item_actions")} a[data-#{SmartListing.config.data_attribute("confirmation")}]", (event) =>
+      $.fn.smart_listing.confirm $(event.currentTarget), $(event.currentTarget).data(SmartListing.config.data_attribute("confirmation"))
 
-    @container.on 'click', '.<%= SmartListing.config.classes(:item_actions) %> a[data-<%= SmartListing.config.data_attributes(:popover) %>]', (event) =>
-      name = $(event.currentTarget).data('<%= SmartListing.config.data_attributes(:popover) %>')
+    @container.on "click", "#{SmartListing.config.class_name("item_actions")} a[data-#{SmartListing.config.data_attribute("popover")}]", (event) =>
+      name = $(event.currentTarget).data(SmartListing.config.data_attribute("popover"))
       if jQuery.isFunction(@popovers[name])
         @popovers[name]($(event.currentTarget))
         false
 
 
-    @container.on 'click', 'input[type=text].<%= SmartListing.config.classes(:autoselect) %>', (event) ->
+    @container.on "click", "input[type=text]#{SmartListing.config.class_name("autoselect")}", (event) ->
       $(this).select()
 
-    @container.on 'change', '.<%= SmartListing.config.classes(:callback) %>', (event) =>
+    @container.on "change", SmartListing.config.class_name("callback"), (event) =>
       checkbox = $(event.currentTarget)
-      id = checkbox.closest("<%= SmartListing.config.selectors(:row) %>").data("<%= SmartListing.config.data_attributes(:id) %>")
+      id = checkbox.closest(SmartListing.config.selector("row")).data(SmartListing.config.data_attribute("id"))
       data = {}
       data[checkbox.val()] = checkbox.is(":checked")
       $.ajax({
         beforeSend: (xhr, settings) ->
           xhr.setRequestHeader "accept", "*/*;q=0.5, " + settings.accepts.script
-        url: @container.data("<%= SmartListing.config.data_attributes(:callback_href) %>"),
+        url: @container.data(SmartListing.config.data_attribute("callback_href")),
         type: "POST",
         data: data,
       })
@@ -79,28 +100,31 @@ class SmartListing
     $.fn.smart_listing.onLoaded(@content, @loading)
   
   itemCount: =>
-    parseInt(@container.find('.<%= SmartListing.config.classes(:pagination_per_page) %> .<%= SmartListing.config.classes(:pagination_count) %>').html())
+    parseInt(@container.data(SmartListing.config.data_attribute("item_count")))
 
   maxCount: =>
-    parseInt(@container.data('<%= SmartListing.config.data_attributes(:max_count) %>'))
+    parseInt(@container.data(SmartListing.config.data_attribute("max_count")))
 
   setAutoshow: (v) =>
-    @container.data('<%= SmartListing.config.data_attributes(:autoshow) %>', v)
+
+    @container.data(SmartListing.config.data_attribute("autoshow"), v)
 
   changeItemCount: (value) =>
-    @container.find('.<%= SmartListing.config.classes(:pagination_per_page) %> .<%= SmartListing.config.classes(:pagination_count) %>').html(@itemCount() + value)
+    count = @container.data(SmartListing.config.data_attribute("item_count")) + value
+    @container.data(SmartListing.config.data_attribute("item_count"), count)
+    @container.find(SmartListing.config.selector("pagination_count")).html(count)
 
   cancelEdit: (editable) =>
-    if editable.data('<%= SmartListing.config.data_attributes(:inline_edit_backup) %>')
-      editable.html(editable.data('<%= SmartListing.config.data_attributes(:inline_edit_backup) %>'))
-      editable.removeClass('<%= SmartListing.config.classes(:inline_editing) %>')
-      editable.removeData('<%= SmartListing.config.data_attributes(:inline_edit_backup) %>')
+    if editable.data(SmartListing.config.data_attribute("inline_edit_backup"))
+      editable.html(editable.data(SmartListing.config.data_attribute("inline_edit_backup")))
+      editable.removeClass(SmartListing.config.class("inline_editing"))
+      editable.removeData(SmartListing.config.data_attribute("inline_edit_backup"))
   
   # Callback called when record is added/deleted using ajax request
   refresh: () =>
-    header = @content.find('<%= SmartListing.config.selectors(:head) %>')
-    footer = @content.find('.<%= SmartListing.config.classes(:pagination_per_page) %>')
-    no_records = @content.find('.<%= SmartListing.config.classes(:no_records) %>')
+    header = @content.find(SmartListing.config.selector("head"))
+    footer = @content.find(SmartListing.config.class_name("pagination_per_page"))
+    no_records = @content.find(SmartListing.config.class_name("no_records"))
 
     if @itemCount() == 0
       header.hide()
@@ -113,61 +137,67 @@ class SmartListing
 
     if @maxCount()
       if @itemCount() >= @maxCount()
-        @container.find('.<%= SmartListing.config.classes(:new_item_placeholder) %>').addClass('<%= SmartListing.config.classes(:hidden) %>')
-        @container.find('.<%= SmartListing.config.classes(:new_item_action) %>').addClass('<%= SmartListing.config.classes(:hidden) %>')
+        @container.find(SmartListing.config.class_name("new_item_placeholder")).addClass(SmartListing.config.class("hidden"))
+        @container.find(SmartListing.config.class_name("new_item_action")).addClass(SmartListing.config.class("hidden"))
       else
-        if @container.data('<%= SmartListing.config.data_attributes(:autoshow) %>')
-          @container.find('.<%= SmartListing.config.classes(:new_item_placeholder) %>').removeClass('<%= SmartListing.config.classes(:hidden) %>')
-          @container.find('.<%= SmartListing.config.classes(:new_item_action) %>').addClass('<%= SmartListing.config.classes(:hidden) %>')
+        if @container.data(SmartListing.config.data_attribute("autoshow"))
+          @container.find(SmartListing.config.class_name("new_item_placeholder")).removeClass(SmartListing.config.class("hidden"))
+          @container.find(SmartListing.config.class_name("new_item_action")).addClass(SmartListing.config.class("hidden"))
         else
-          @container.find('.<%= SmartListing.config.classes(:new_item_placeholder) %>').addClass('<%= SmartListing.config.classes(:hidden) %>')
-          @container.find('.<%= SmartListing.config.classes(:new_item_action) %>').removeClass('<%= SmartListing.config.classes(:hidden) %>')
+          @container.find(SmartListing.config.class_name("new_item_placeholder")).addClass(SmartListing.config.class("hidden"))
+          @container.find(SmartListing.config.class_name("new_item_action")).removeClass(SmartListing.config.class("hidden"))
 
     @status.each (index, status) =>
-      $(status).find('.<%= SmartListing.config.classes(:limit) %>').html(@maxCount() - @itemCount())
+      $(status).find(SmartListing.config.class_name("limit")).html(@maxCount() - @itemCount())
       if @maxCount() - @itemCount() == 0
-        $(status).find('.<%= SmartListing.config.classes(:limit_alert) %>').show()
+        $(status).find(SmartListing.config.class_name("limit_alert")).show()
       else
-        $(status).find('.<%= SmartListing.config.classes(:limit_alert) %>').hide()
+        $(status).find(SmartListing.config.class_name("limit_alert")).hide()
   
   # Trigger AJAX request to reload the list
   reload: () =>
     $.rails.handleRemote(@container)
   
-  params: () =>
-    @container.data('<%= SmartListing.config.data_attributes(:params) %>')
+  params: (value) =>
+    if value
+      @container.data(SmartListing.config.data_attribute("params"), value)
+    else
+      @container.data(SmartListing.config.data_attribute("params"))
 
   registerPopover: (name, callback) =>
     @popovers[name] = callback
 
+  editable: (id) =>
+    @container.find("#{SmartListing.config.class_name("editable")}[data-#{SmartListing.config.data_attribute("id")}=#{id}]")
+
   #################################################################################################
   # Methods executed by rails UJS:
 
   new_item: (content) =>
     if !@maxCount() || (@itemCount() < @maxCount())
-      new_item_action = @container.find('.<%= SmartListing.config.classes(:new_item_action) %>')
-      new_item_placeholder = @container.find('.<%= SmartListing.config.classes(:new_item_placeholder) %>').addClass('<%= SmartListing.config.classes(:hidden) %>')
+      new_item_action = @container.find(SmartListing.config.class_name("new_item_action"))
+      new_item_placeholder = @container.find(SmartListing.config.class_name("new_item_placeholder")).addClass(SmartListing.config.class("hidden"))
 
-      @container.find('.<%= SmartListing.config.classes(:editable) %>').each (i, v) =>
+      @container.find(SmartListing.config.class_name("editable")).each (i, v) =>
         @cancelEdit($(v))
 
-      new_item_action.addClass('<%= SmartListing.config.classes(:hidden) %>')
-      new_item_placeholder.removeClass('<%= SmartListing.config.classes(:hidden) %>')
+      new_item_action.addClass(SmartListing.config.class("hidden"))
+      new_item_placeholder.removeClass(SmartListing.config.class("hidden"))
       new_item_placeholder.html(content)
-      new_item_placeholder.addClass('<%= SmartListing.config.classes(:inline_editing) %>')
+      new_item_placeholder.addClass(SmartListing.config.class("inline_editing"))
 
       @fadeLoaded()
 
   create: (id, success, content) =>
-    new_item_action = @container.find('.<%= SmartListing.config.classes(:new_item_action) %>')
-    new_item_placeholder = @container.find('.<%= SmartListing.config.classes(:new_item_placeholder) %>')
+    new_item_action = @container.find(SmartListing.config.class_name("new_item_action"))
+    new_item_placeholder = @container.find(SmartListing.config.class_name("new_item_placeholder"))
 
     if success
-      new_item_placeholder.addClass('<%= SmartListing.config.classes(:hidden) %>')
-      new_item_action.removeClass('<%= SmartListing.config.classes(:hidden) %>')
+      new_item_placeholder.addClass(SmartListing.config.class("hidden"))
+      new_item_action.removeClass(SmartListing.config.class("hidden"))
 
-      new_item = $('<tr />').addClass('<%= SmartListing.config.classes(:editable) %>')
-      new_item.attr('data-<%= SmartListing.config.data_attributes(:id) %>', id)
+      new_item = $("<tr />").addClass(SmartListing.config.class("editable"))
+      new_item.attr("data-#{SmartListing.config.data_attribute("id")}", id)
       new_item.html(content)
       new_item_placeholder.before(new_item)
 
@@ -183,25 +213,25 @@ class SmartListing
     @fadeLoaded()
 
   edit: (id, content) =>
-    @container.find('.<%= SmartListing.config.classes(:editable) %>').each (i, v) =>
+    @container.find(SmartListing.config.class_name("editable")).each (i, v) =>
       @cancelEdit($(v))
-    @container.find('.<%= SmartListing.config.classes(:new_item_placeholder) %>').addClass('<%= SmartListing.config.classes(:hidden) %>')
-    @container.find('.<%= SmartListing.config.classes(:new_item_action) %>').removeClass('<%= SmartListing.config.classes(:hidden) %>')
+    @container.find(SmartListing.config.class_name("new_item_placeholder")).addClass(SmartListing.config.class("hidden"))
+    @container.find(SmartListing.config.class_name("new_item_action")).removeClass(SmartListing.config.class("hidden"))
 
-    editable = @container.find(".<%= SmartListing.config.classes(:editable) %>[data-<%= SmartListing.config.data_attributes(:id) %>=#{id}]")
-    editable.data('<%= SmartListing.config.data_attributes(:inline_edit_backup) %>', editable.html())
+    editable = @editable(id)
+    editable.data(SmartListing.config.data_attribute("inline_edit_backup"), editable.html())
     editable.html(content)
-    editable.addClass('<%= SmartListing.config.classes(:inline_editing) %>')
+    editable.addClass(SmartListing.config.class("inline_editing"))
 
     @container.trigger("smart_listing:edit", editable)
 
     @fadeLoaded()
 
   update: (id, success, content) =>
-    editable = @container.find(".<%= SmartListing.config.classes(:editable) %>[data-<%= SmartListing.config.data_attributes(:id) %>=#{id}]")
+    editable = @editable(id)
     if success
-      editable.removeClass('<%= SmartListing.config.classes(:inline_editing) %>')
-      editable.removeData('<%= SmartListing.config.data_attributes(:inline_edit_backup) %>')
+      editable.removeClass(SmartListing.config.class("inline_editing"))
+      editable.removeData(SmartListing.config.data_attribute("inline_edit_backup"))
       editable.html(content)
 
       @container.trigger("smart_listing:update:success", editable)
@@ -218,25 +248,28 @@ class SmartListing
     # No need to do anything here, already handled by ajax:success handler
 
   remove: (id) =>
-    editable = @container.find(".<%= SmartListing.config.classes(:editable) %>[data-<%= SmartListing.config.data_attributes(:id) %>=#{id}]").first()
+    editable = @editable(id)
     editable.remove()
 
     @container.trigger("smart_listing:remove", editable)
   
   update_list: (content, data) =>
-    $.each data, (key, value) =>
-      @container.data(key, value)
+    @container.data(SmartListing.config.data_attribute("params"), $.extend(@container.data(SmartListing.config.data_attribute("params")), data[SmartListing.config.data_attribute("params")]))
+    @container.data(SmartListing.config.data_attribute("max_count"), data[SmartListing.config.data_attribute("max_count")])
+    @container.data(SmartListing.config.data_attribute("item_count"), data[SmartListing.config.data_attribute("item_count")])
 
     @content.html(content)
 
     @refresh()
     @fadeLoaded()
 
+    @container.trigger("smart_listing:update_list", @container)
+
 $.fn.smart_listing = () ->
   map = $(this).map () ->
-    if !$(this).data('<%= SmartListing.config.data_attributes(:main) %>')
-      $(this).data('<%= SmartListing.config.data_attributes(:main) %>', new SmartListing($(this)))
-    $(this).data('<%= SmartListing.config.data_attributes(:main) %>')
+    if !$(this).data(SmartListing.config.data_attribute("main"))
+      $(this).data(SmartListing.config.data_attribute("main"), new SmartListing($(this)))
+    $(this).data(SmartListing.config.data_attribute("main"))
   if map.length == 1
     map[0]
   else
@@ -263,9 +296,9 @@ $.fn.smart_listing.observeField = (field, opts = {}) ->
  
      options.onChange()
  
-   field.data('<%= SmartListing.config.data_attributes(:observed) %>', true)
+   field.data(SmartListing.config.data_attribute("observed"), true)
  
-   field.bind 'keydown', (e) ->
+   field.bind "keydown", (e) ->
      if(key_timeout)
        clearTimeout(key_timeout)
  
@@ -274,26 +307,26 @@ $.fn.smart_listing.observeField = (field, opts = {}) ->
      , 400)
 
 $.fn.smart_listing.showPopover = (elem, body) ->
-  elem.popover('destroy')
-  elem.popover(content: body, html: true, trigger: 'manual', title: null)
-  elem.popover('show')
+  elem.popover("destroy")
+  elem.popover(content: body, html: true, trigger: "manual", title: null)
+  elem.popover("show")
 
 $.fn.smart_listing.showConfirmation = (confirmation_elem, msg, confirm_callback) ->
   buildPopover = (confirmation_elem, msg) ->
-    deletion_popover = $('<div/>').addClass('confirmation_box')
-    deletion_popover.append($('<p/>').html(msg))
-    deletion_popover.append($('<p/>')
-      .append($('<button/>').html('Yes').addClass('btn btn-danger ').click (event) =>
+    deletion_popover = $("<div/>").addClass("confirmation_box")
+    deletion_popover.append($("<p/>").html(msg))
+    deletion_popover.append($("<p/>")
+      .append($("<button/>").html("Yes").addClass("btn btn-danger ").click (event) =>
         # set @confirmed element and emulate click on icon
-        editable = $(event.currentTarget).closest('.<%= SmartListing.config.classes(:editable) %>')
+        editable = $(event.currentTarget).closest(SmartListing.config.class_name("editable"))
         confirm_callback(confirmation_elem)
         $(confirmation_elem).click()
-        $(confirmation_elem).popover('destroy')
+        $(confirmation_elem).popover("destroy")
       )
       .append(" ")
-      .append($('<button/>').html('No').addClass('btn btn-small').click (event) =>
-        editable = $(event.currentTarget).closest('.<%= SmartListing.config.classes(:editable) %>')
-        $(confirmation_elem).popover('destroy')
+      .append($("<button/>").html("No").addClass("btn btn-small").click (event) =>
+        editable = $(event.currentTarget).closest(SmartListing.config.class_name("editable"))
+        $(confirmation_elem).popover("destroy")
       )
     )
 
@@ -321,59 +354,68 @@ $.fn.smart_listing.onLoaded = (content, loader) ->
     loader.hide()
 
 $.fn.smart_listing_controls = () ->
-  $(this).each () ->
-    controls = $(this)
-    smart_listing = $("##{controls.data('<%= SmartListing.config.data_attributes(:main) %>')}")
-    reset = controls.find(".<%= SmartListing.config.classes(:controls_reset) %>")
+  reload = (controls) ->
+    container = $("##{controls.data(SmartListing.config.data_attribute("main"))}")
+    smart_listing = container.smart_listing()
 
-    controls.submit ->
-      # Merges smart list params with the form action url before submitting.
-      # This preserves smart list settings (page, sorting etc.).
+    # serialize form and merge it with smart listing params
+    prms = {}
+    $.each controls.serializeArray(), (i, field) ->
+      prms[field.name] = field.value
+    prms = $.extend(smart_listing.params(), prms)
+    smart_listing.params(prms)
 
-      prms = $.extend({}, smart_listing.smart_listing().params())
-      if $(this).data('<%= SmartListing.config.classes(:controls_reset) %>')
-        prms[$(this).data('<%= SmartListing.config.classes(:controls_reset) %>')] = null
+    container.trigger("ajax:before")
+    smart_listing.reload()
 
-      if $.rails.href(smart_listing)
-        # If smart list has different target url than current one
-        controls.attr('action', $.rails.href(smart_listing) + "?" + jQuery.param(prms))
-      else
-        controls.attr('action', "?" + jQuery.param(prms))
+  $(this).each () ->
+    # avoid double initialization
+    return if $(this).data(SmartListing.config.data_attribute("controls_initialized"))
+    $(this).data(SmartListing.config.data_attribute("controls_initialized"), true)
 
-      smart_listing.trigger('ajax:before')
-      true
+    controls = $(this)
+    smart_listing = $("##{controls.data(SmartListing.config.data_attribute("main"))}")
+    reset = controls.find(SmartListing.config.class_name("controls_reset"))
 
-    controls.find('input, select').change () ->
-      unless $(this).data('<%= SmartListing.config.data_attributes(:observed) %>') # do not submit controls form when changed field is observed (observing submits form by itself)
-        controls.submit()
+    controls.submit ->
+      # setup smart listing params, reload and don"t actually submit controls form
+      reload(controls)
+      false
 
-    $.fn.smart_listing_controls.filter(controls.find('.<%= SmartListing.config.classes(:filtering) %>'))
+    controls.find("input, select").change () ->
+      unless $(this).data(SmartListing.config.data_attribute("observed")) # do not submit controls form when changed field is observed (observing submits form by itself)
+        reload(controls)
+
+    $.fn.smart_listing_controls.filter(controls.find(SmartListing.config.class_name("filtering")))
 
 $.fn.smart_listing_controls.filter = (filter) ->
-  form = filter.closest('form')
-  button = form.find('<%= SmartListing.config.selectors(:filtering_button) %>')
-  icon = form.find('<%= SmartListing.config.selectors(:filtering_icon) %>')
-  field = form.find('<%= SmartListing.config.selectors(:filtering_input) %>')
+  form = filter.closest("form")
+  button = form.find(SmartListing.config.selector("filtering_button"))
+  icon = form.find(SmartListing.config.selector("filtering_icon"))
+  field = form.find(SmartListing.config.selector("filtering_input"))
 
   $.fn.smart_listing.observeField(field,
     onFilled: ->
-      icon.removeClass('<%= SmartListing.config.classes(:filtering_search) %>')
-      icon.addClass('<%= SmartListing.config.classes(:filtering_cancel) %>')
-      button.removeClass('<%= SmartListing.config.classes(:filtering_disabled) %>')
+      icon.removeClass(SmartListing.config.class("filtering_search"))
+      icon.addClass(SmartListing.config.class("filtering_cancel"))
+      button.removeClass(SmartListing.config.class("filtering_disabled"))
     onEmpty: ->
-      icon.addClass('<%= SmartListing.config.classes(:filtering_search) %>')
-      icon.removeClass('<%= SmartListing.config.classes(:filtering_cancel) %>')
-      button.addClass('<%= SmartListing.config.classes(:filtering_disabled) %>')
+      icon.addClass(SmartListing.config.class("filtering_search"))
+      icon.removeClass(SmartListing.config.class("filtering_cancel"))
+      button.addClass(SmartListing.config.class("filtering_disabled"))
     onChange: ->
       form.submit()
   )
 
   button.click ->
     if field.val().length > 0
-      field.val('')
-      field.trigger('keydown')
+      field.val("")
+      field.trigger("keydown")
     return false
 
-$ ->
-  $('.<%= SmartListing.config.classes(:main) %>').smart_listing()
-  $('.<%= SmartListing.config.classes(:controls) %>').smart_listing_controls()
+ready = ->
+  $(SmartListing.config.class_name("main")).smart_listing()
+  $(SmartListing.config.class_name("controls")).smart_listing_controls()
+
+$(document).ready ready
+$(document).on "page:load", ready