card-mod-script 0.13.1 → 0.14.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e39b0d3c7d2728686cf541e1177988024c9c79630c985959111f45ba3d808cbd
-  data.tar.gz: 7ef0c675fe6036d2323a1d19159976a2852780fa59be1265ba0b981d54045c7d
+  metadata.gz: fee3c7745a6b6f4aa6f59ac47297e0afa15da01033c01ea19fda748760f9f491
+  data.tar.gz: 95eecb8662de65c2c667cd775057d8510294312e007f4520362e4e3bbbe4bb87
 SHA512:
-  metadata.gz: 545e457a824be0d31dc0eb20b38c176da77a275edaa19d36ede9da1c750e91b56be212211597fdadb99fc040da84a7b3616663d2bf442d18e7a78ff4d91cf0a0
-  data.tar.gz: 3b0fd23156411a1371dda1b8edd5a1c552eb07efb591fa3a88c49fc9e9da2ebc6810c4e464a7748afeb516427d927f1f01ad22522abb40efe2f8566c1ba4f71b
+  metadata.gz: c58d244694ad19afc5658d38e90c591596069d7bebe341e45acb272958b41d48cc0f6530234c50a76ad92e6b60503f65bdaea5ba5df27429e2bf0eebd37bc23f
+  data.tar.gz: e7aa692d4fb79293964850098b63cc38b530a110478004b66ecc945fabb1c3360b5f80a655c891f58464929aeebd5a9bdb5aad8e32c3a7f2229e0999e572f2c0

data/assets/script/decko/autosave.js.coffee

@@ -0,0 +1,30 @@
+jQuery.fn.extend
+  autosave: ->
+    slot = @slot()
+    return if @attr 'no-autosave'
+    multi = @closest '.form-group'
+    if multi[0]
+      return unless id = multi.data 'cardId'
+      reportee = ': ' + multi.data 'cardName'
+    else
+      id = slot.data 'cardId'
+      reportee = ''
+
+    return unless id
+
+    # might be better to put this href base in the html
+    submit_url = decko.path 'update/~' + id
+    form_data = $('#edit_card_'+id).serializeArray().reduce( ((obj, item) ->
+      obj[item.name] = item.value
+      return obj
+    ), { 'draft' : 'true', 'success[view]' : 'blank'});
+    $.ajax submit_url, {
+      data : form_data,
+      type : 'POST'
+    }
+    ##{ 'card[content]' : @val() },
+
+$(window).ready ->
+  $('body').on 'change', '.autosave .d0-card-content', ->
+    content_field = $(this)
+    setTimeout ( -> content_field.autosave() ), 500

data/assets/script/decko/bridge.js.coffee

@@ -0,0 +1,31 @@
+decko.slotReady (slot, slotter) ->
+  slot.updateBridge(false, slotter)
+
+  links = slot.find('ul._auto-single-select > li.nav-item > a.nav-link')
+  if links.length == 1
+    $(links[0]).click()
+
+jQuery.fn.extend
+  # overlayClosed=true means the bridge update was
+  # triggered by closing an overlay
+  updateBridge: (overlayClosed=false, slotter) ->
+    return unless @closest(".bridge").length > 0
+    if @data("breadcrumb")
+      @updateBreadcrumb()
+    else if slotter and $(slotter).data("breadcrumb")
+      $(slotter).updateBreadcrumb()
+
+    if overlayClosed
+      $(".bridge-pills > .nav-item > .nav-link.active").removeClass("active")
+
+  updateBreadcrumb: () ->
+    bc_item = $(".modal-header ._bridge-breadcrumb li:last-child")
+    bc_item.text(this.data("breadcrumb"))
+    bc_item.attr("class", "breadcrumb-item active #{this.data('breadcrumb-class')}")
+
+$(window).ready ->
+  $('body').on "select2:select", "._close-rule-overlay-on-select", (event) ->
+    $(".overlay-container > ._overlay.card-slot.overlay_rule-view.RULE").removeOverlay()
+
+  $('body').on "click", "._update-history-pills", (event) ->
+    $(this).closest(".slotter").data("update-foreign-slot", ".card-slot.history_tab-view")

data/assets/script/decko/card_menu.js.coffee

@@ -0,0 +1,26 @@
+decko.isTouchDevice = ->
+  if 'ontouchstart' of window or window.DocumentTouch and
+     document instanceof DocumentTouch
+    return true
+  else
+    return detectMobileBrowser()
+
+# source for this method: detectmobilebrowsers.com
+detectMobileBrowser = (userAgent) ->
+  userAgent = navigator.userAgent or navigator.vendor or window.opera
+  /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(userAgent) or /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(userAgent.substr(0, 4))
+
+decko.slotReady (slot) ->
+  if decko.isTouchDevice()
+    slot.find('._show-on-hover').removeClass('_show-on-hover')
+
+$(window).ready ->
+  $('body').on 'show.bs.popover', '._card-menu-popover', () ->
+    $(this).closest(".card-menu._show-on-hover")
+           .removeClass("_show-on-hover")
+           .addClass("_show-on-hover-disabled")
+
+  $('body').on 'hide.bs.popover', '._card-menu-popover', () ->
+    $(this).closest(".card-menu._show-on-hover-disabled")
+           .removeClass("_show-on-hover-disabled")
+           .addClass("_show-on-hover")

data/assets/script/decko/components.js.coffee

@@ -0,0 +1,49 @@
+submitAfterTyping = null
+
+$(window).ready ->
+  $('body').on 'show.bs.tab', 'a.load[data-toggle="tab"][data-url]', (e) ->
+    tab_id = $(e.target).attr('href')
+    url    = $(e.target).data('url')
+    $(e.target).removeClass('load')
+    $.ajax
+      url: url
+      type: 'GET'
+      success: (html) ->
+        $(tab_id).append(html)
+        decko.contentLoaded($(tab_id), $(this))
+
+  $('body').on "input", "._submit-after-typing", (event) ->
+    form = $(event.target).closest('form')
+    form.slot().find(".autosubmit-success-notification").remove()
+    clearTimeout(submitAfterTyping) if submitAfterTyping
+    submitAfterTyping = setTimeout ->
+        $(event.target).closest('form').submit()
+        submitAfterTyping = null
+      , 1000
+
+  $('body').on "keydown", "._submit-after-typing", (event) ->
+    if event.which == 13
+      clearTimeout(submitAfterTyping) if submitAfterTyping
+      submitAfterTyping = null
+      $(event.target).closest('form').submit()
+      false
+
+  $('body').on "change", "._submit-on-change", (event) ->
+    $(event.target).closest('form').submit()
+    false
+
+  $('body').on "change", "._edit-item", (event) ->
+    cb = $(event.target)
+    if cb.is(":checked")
+      cb.attr("name", "add_item")
+    else
+      cb.attr("name", "drop_item")
+
+    $(event.target).closest('form').submit()
+    false
+
+  $("body").on "click", "._popover_link", (event) ->
+    event.preventDefault();
+
+
+

data/assets/script/decko/decko.js.coffee

@@ -0,0 +1,82 @@
+$.extend decko,
+  # returns absolute path (starting with a slash)
+  # if rawPath is complete url, this returns the complete url
+  # if rawPath is relative (no slash), this adds relative root
+  path: (rawPath) ->
+    if rawPath.match /^\/|:\/\//
+      rawPath
+    else
+      decko.rootUrl + rawPath
+
+  pingName: (name, success)->
+    $.getJSON decko.path(''), format: 'json', view: 'status', 'card[name]': name, success
+
+jQuery.fn.extend {
+  notify: (message, status) ->
+    slot = @slot(status)
+    notice = slot.find '.card-notice'
+    unless notice[0]
+      notice = $('<div class="card-notice"></div>')
+      form = slot.find('.card-form')
+      if form[0]
+        $(form[0]).append notice
+      else
+        slot.append notice
+    notice.html message
+    notice.show 'blind'
+
+  report: (message) ->
+    report = @slot().find '.card-report'
+    return false unless report[0]
+    report.hide()
+    report.html message
+    report.show 'drop', 750
+    setTimeout (->report.hide 'drop', 750), 3000
+}
+
+#~~~~~ ( EVENTS )
+
+$(window).ready ->
+  $.ajaxSetup cache: false
+
+  $('body').on 'click', '.submitter', ->
+    $(this).closest('form').submit()
+
+  $('body').on 'click', 'button.redirecter', ->
+    window.location = $(this).attr('href')
+
+  $('body').on 'mouseenter', '[hover_content]', ->
+    $(this).attr 'hover_restore', $(this).html()
+    $(this).html $(this).attr( 'hover_content' )
+  $('body').on 'mouseleave', '[hover_content]', ->
+    $(this).html $(this).attr( 'hover_restore' )
+
+  $('body').on 'click', '.render-error-link', (event) ->
+    msg = $(this).closest('.render-error').find '.render-error-message'
+    msg.show()
+#    msg.dialog()
+    event.preventDefault()
+
+decko.slotReady (slot) ->
+  slot.find('card-view-placeholder').each ->
+    $place = $(this)
+    return if $place.data("loading")
+
+    $place.data "loading", true
+    $.get $place.data("url"), (data, _status) ->
+      $place.replaceWith data
+
+# important: this prevents jquery-mobile from taking over everything
+# $( document ).on "mobileinit", ->
+#   $.extend $.mobile , {
+#     #autoInitializePage: false
+#     #ajaxEnabled: false
+#   }
+
+
+
+warn = (stuff) -> console.log stuff if console?
+
+
+
+

data/assets/script/decko/doubleclick.js.coffee

@@ -0,0 +1,30 @@
+doubleClickActiveMap = { off: false, on: true, signed_in: decko.currentUserId }
+
+doubleClickActive = () ->
+  doubleClickActiveMap[decko.doubleClick]
+  # else alert "illegal configuration: " + decko.doubleClick
+
+doubleClickApplies = (el) ->
+  return false if ['.nodblclick', '.d0-card-header', '.card-editor'].some (klass) ->
+    el.closest(klass)[0]
+    # double click inactive inside header, editor, or tag with "nodblclick" class
+  !el.slot().find('.card-editor')[0]?
+
+
+triggerDoubleClickEditingOn = (el)->
+  slot = el.slot()
+  edit_link = decko.slotEditLink(slot)
+
+  if edit_link
+    edit_link.click()
+  else
+    edit_view = decko.slotEditView(slot)
+    url = decko.path("~#{slot.data('cardId')}?view=#{edit_view}")
+    slot.reloadSlot url
+
+$(window).ready ->
+  if doubleClickActive()
+    $('body').on 'dblclick', 'div', (_event) ->
+      if doubleClickApplies $(this)
+        triggerDoubleClickEditingOn $(this)
+      false # don't propagate up to next slot

data/assets/script/decko/editor.js.coffee

@@ -0,0 +1,57 @@
+$.extend decko,
+  initializeEditors: (range, map) ->
+    map = decko.editorInitFunctionMap unless map?
+    $.each map, (selector, fn) ->
+      $.each range.find(selector), ->
+        fn.call $(this)
+
+  editorContentFunctionMap: {}
+
+  editorInitFunctionMap:
+    'textarea': -> $(this).autosize()
+    '.file-upload': -> decko.upload_file(this)
+    '.etherpad-textarea': ->
+      $(this).closest('form')
+      .find('.edit-submit-button')
+      .attr('class', 'etherpad-submit-button')
+
+  addEditor: (selector, init, get_content) ->
+    decko.editorContentFunctionMap[selector] = get_content
+    decko.editorInitFunctionMap[selector] = init
+
+jQuery.fn.extend
+  setContentFieldsFromMap: (map) ->
+    map = decko.editorContentFunctionMap unless map?
+    this_form = $(this)
+    $.each map, (selector, fn) ->
+      this_form.setContentFields(selector, fn)
+  setContentFields: (selector, fn) ->
+    $.each @find(selector), ->
+      $(this).setContentField(fn)
+  contentField: ->
+    @closest('.card-editor').find '.d0-card-content'
+  setContentField: (fn) ->
+    field = @contentField()
+    init_val = field.val() # tinymce-jquery overrides val();
+    # that's why we're not using it.
+    new_val = fn.call this
+    field.val new_val
+    field.change() if init_val != new_val
+
+$(window).ready ->
+  # decko.initializeEditors $('body > :not(.modal)')
+  setTimeout (-> decko.initializeEditors $('body > :not(.modal)')), 10
+  # dislike the timeout, but without this forms with multiple TinyMCE editors
+  # were failing to load properly
+  # I couldn't reproduce that problem described above -pk
+
+  $('body').on 'submit', '.card-form', ->
+    $(this).setContentFieldsFromMap()
+    $(this).find('.d0-card-content').attr('no-autosave','true')
+    true
+
+setInterval (-> $('.card-form').setContentFieldsFromMap()), 20000
+
+
+
+

data/assets/script/decko/filter.js.coffee

@@ -0,0 +1,183 @@
+# filter object that manages dynamic sorting and filtering
+
+# el can be any element inside widget
+decko.filter = (el) ->
+  closest_widget = $(el).closest "._filter-widget"
+  @widget =
+    if closest_widget.length
+      closest_widget
+    else
+      $(el).closest("._filtered-content").find "._filter-widget"
+
+
+  # the filter form includes the below
+  @form = @widget.find "._filter-form"
+
+  # one-click filter links
+  @quickFilter = @widget.find "._quick-filter"
+
+  # include filters field, more-fields dropdown, and reset button
+  @activeContainer = @widget.find "._filter-container"
+
+  # the "More Filters" Dropdown
+  @dropdown = @widget.find "._add-filter-dropdown"
+  @dropdownItems = @widget.find "._filter-category-select"
+
+  @showWithStatus = (status) ->
+    f = this
+    $.each (@dropdownItems), ->
+      item = $(this)
+      if item.data status
+        f.activate item.data("category")
+
+  @reset = () ->
+    @restrict @form.find("._reset-filter").data("reset")
+
+  @clear = () ->
+    @dropdownItems.show()
+    @activeContainer.find(".input-group").remove()
+
+  @activate = (category, value) ->
+    @activateField category, value
+    @hideOption category
+
+  @showOption = (category) ->
+    @dropdown.show()
+    @option(category).show()
+
+  @hideOption = (category) ->
+    @option(category).hide()
+    @dropdown.hide() if @dropdownItems.length <= @activeFields().length
+
+  @activeFields = () ->
+    @activeContainer.find "._filter-input"
+
+  @option = (category) ->
+    @dropdownItems.filter("[data-category='#{category}']")
+
+  @findPrototype = (category) ->
+    @widget.find "._filter-input-field-prototypes ._filter-input-#{category}"
+
+  @activateField = (category, value) ->
+    field = @findPrototype(category).clone()
+    @fieldValue field, value
+    @dropdown.before field
+    @initField field
+    field.find("input, select").first().focus()
+
+  @fieldValue = (field, value) ->
+    if typeof(value) == "object" && !Array.isArray(value)
+      @compoundFieldValue field, value
+    else
+      @simpleFieldValue field, value
+
+  @simpleFieldValue = (field, value) ->
+    input = field.find("input, select")
+    input.val value if (typeof value != 'undefined')
+
+  @compoundFieldValue = (field, vals) ->
+    for key of vals
+      input = field.find "#filter_value_" + key
+      input.val vals[key]
+
+  @removeField = (category)->
+    @activeField(category).remove()
+    @showOption category
+
+  @initField = (field) ->
+    @initSelectField field
+    decko.initAutoCardPlete field.find("input")
+    # only has effect if there is a data-options-card value
+
+  @initSelectField = (field) ->
+    field.find("select").select2
+      containerCssClass: ":all:"
+      width: "auto"
+      dropdownAutoWidth: "true"
+
+  @activeField = (category) ->
+    @activeContainer.find("._filter-input-#{category}")
+
+  @isActive = (category) ->
+    @activeField(category).length
+
+  # clear filter and use restrictions in data
+  @restrict = (data) ->
+    @clear()
+    for key of data
+      @activateField key, data[key]
+    @update()
+
+  @addRestrictions = (hash) ->
+    for category of hash
+      @removeField category
+      @activate category, hash[category]
+    @update()
+
+  @removeRestrictions = (hash) ->
+    for category of hash
+      @removeField category
+    @update()
+
+  # triggers update
+  @setInputVal = (field, value) ->
+    select = field.find "select"
+    if select.length
+      @setSelect2Val select, value
+    else
+      @setTextInputVal field.find("input"), value
+
+  # this triggers change, which updates form
+  # if we just use simple "val", the display doesn't update correctly
+  @setSelect2Val = (select, value) ->
+    value = [value] if select.attr("multiple") && !Array.isArray(value)
+    select.select2 "val", value
+
+  @setTextInputVal = (input, value) ->
+    input.val value
+    @update()
+
+  @updateLastVals = ()->
+    @activeFields().find("input, select").each ()->
+      $(this).data "lastVal", $(this).val()
+
+  @updateUrlBar = () ->
+    return if @widget.closest('._noFilterUrlUpdates')[0]
+    window.history.pushState "filter", "filter", '?' + @form.serialize()
+
+  @update = ()->
+    @updateLastVals()
+    @updateQuickLinks()
+    @form.submit()
+    @updateUrlBar()
+
+  @updateQuickLinks = ()->
+    widget = this
+    links = @quickFilter.find "._filter-link"
+    links.addClass "active"
+    links.each ->
+      link = $(this)
+      opts = link.data "filter"
+      for key of opts
+        widget.deactivateQuickLink link, key, opts[key]
+
+  @deactivateQuickLink = (link, key, value) ->
+    sel = "._filter-input-#{key}"
+    $.map [@form.find("#{sel} input, #{sel} select").val()], (arr) ->
+      arr = [arr].flat()
+      link.removeClass "active" if $.inArray(value, arr) > -1
+
+  @updateIfChanged = ()->
+    @update() if @changedSinceLastVal()
+
+  @updateIfPresent = (category)->
+    val = @activeField(category).find("input, select").val()
+    @update() if val && val.length > 0
+
+  @changedSinceLastVal = () ->
+    changed = false
+    @activeFields().find("input, select").each ()->
+      changed = true if $(this).val() != $(this).data("lastVal")
+    changed
+
+  this

data/assets/script/decko/filter_items.js.coffee

@@ -0,0 +1,128 @@
+# FILTERED LIST / ITEMS INTERFACE
+# (fancy pointer ui)
+
+$(window).ready ->
+# add all selected items
+  $("body").on "click", "._filter-items ._add-selected", ->
+    btn = $(this)
+    content = newFilteredListContent btn
+    btn.attr "href", addSelectedButtonUrl(btn, content)
+
+  # select all visible filtered items
+  $("body").on "click", "._select-all", ->
+    filterBox($(this)).find("._unselected input._checkbox-list-checkbox").each ->
+      selectFilteredItem $(this)
+    $(this).prop "checked", false
+    updateAfterSelection $(this)
+
+  # deselect all selected items
+  $("body").on "click", "._deselect-all", ->
+    filterBox($(this)).find("._selected input._checkbox-list-checkbox").each ->
+      $(this).slot().remove()
+    $(this).prop "checked", true
+    updateAfterSelection $(this)
+
+  $("body").on "click", "._filter-items ._unselected input._checkbox-list-checkbox", ->
+    selectFilteredItem $(this)
+    updateAfterSelection $(this)
+
+  $("body").on "click", "._filter-items ._selected input._checkbox-list-checkbox", ->
+    bin = selectedBin $(this)
+    $(this).slot().remove()
+    updateAfterSelection bin
+
+  $('body').on 'click', '._filtered-list-item-delete', ->
+    $(this).closest('li').remove()
+
+# TODO: make this object oriented!
+
+newFilteredListContent = (el) ->
+  $.map(prefilteredIds(el).concat(selectedIds el), (id) -> "~" + id).join "\n"
+
+addSelectedButtonUrl = (btn, content) ->
+  view = btn.slot().data("slot")["view"]
+  card_args = { content: content, type: "Pointer" }
+  query = { assign: true, view: view, card: card_args }
+  path_base = btn.attr("href") + "&" + $.param(query)
+  decko.slotPath path_base, btn.slot()
+
+updateAfterSelection = (el) ->
+  trackSelectedIds el
+  f = new decko.filter(filterBox(el).find('._filter-widget'))
+  f.update()
+  updateSelectedCount el
+  updateUnselectedCount el
+
+updateSelectedCount = (el) ->
+  count = selectedBin(el).children().length
+  filterBox(el).find("._selected-items").html count
+  deselectAllLink(el).attr "disabled", count == 0
+  if count > 0
+    addSelectedButton(el).removeClass("disabled")
+  else
+    addSelectedButton(el).addClass("disabled")
+
+  updateSelectedSectionVisibility el, count > 0
+
+updateSelectedSectionVisibility = (el, items_present) ->
+  box = filterBox el
+  selected_items = box.find "._selected-item-list"
+  help_text = box.find "._filter-help"
+  if items_present
+    selected_items.show()
+    help_text.hide()
+  else
+    selected_items.hide()
+    help_text.show()
+
+updateUnselectedCount = (el) ->
+  box = filterBox(el)
+  count = box.find("._search-checkbox-list").children().length
+  box.find("._unselected-items").html count
+  box.find("._select-all").attr "disabled", count > 0
+
+selectFilteredItem = (checkbox) ->
+  checkbox.prop "checked", true
+  selectedBin(checkbox).append checkbox.slot()
+
+selectedBin = (el) ->
+  filterBox(el).find "._selected-bin"
+
+filterBox = (el) ->
+  el.closest "._filter-items"
+
+# this button contains the data about the form that opened the filter-items interface.
+# the itemSelector
+addSelectedButton = (el) ->
+  filterBox(el).find("._add-selected")
+
+deselectAllLink = (el) ->
+  filterBox(el).find("._deselect-all")
+
+selectedIds = (el) ->
+  selectedData el, "cardId"
+
+prefilteredIds = (el) ->
+  prefilteredData el, "cardId"
+
+prefilteredNames = (el) ->
+  prefilteredData el, "cardName"
+
+prefilteredData = (el, field) ->
+  btn = addSelectedButton el
+  selector = btn.data "itemSelector"
+  arrayFromField btn.slot().find(selector), field
+
+selectedNames = (el) ->
+  selectedData el, "cardName"
+
+selectedData = (el, field) ->
+  arrayFromField selectedBin(el).children(), field
+
+arrayFromField = (rows, field) ->
+  rows.map( -> $(this).data field ).toArray()
+
+trackSelectedIds = (el) ->
+  ids = prefilteredIds(el).concat selectedIds(el)
+  box = filterBox el
+  box.find("._not-ids").val ids.toString()