jqajax_core2 0.0.9

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: c33f2459d45b3e3b72d1733224c92a3b27029a1b
+  data.tar.gz: 7f00bf6b9b0aa00d5507064ff1a68c2c00a5b2a4
+SHA512:
+  metadata.gz: '09d2abfff9674248ed7e375df4a817e293f0301e0d2a00188faa7f6e942a2c4ba034575317cbbbd8d5eb771d8208c4e8a8c931b82a0de348c3036e91af64748a'
+  data.tar.gz: d9dcb7f5e0777cb17da6715daf94018a25e46c660aaa6412cd19c9a8f3c7b28f6584d56ff2bf5db2370e12f13a9393989b91d76f45839faa7c822d1dc8850a59

data/app/assets/javascripts/jqac2/core.js.coffee.erb

@@ -0,0 +1,109 @@
+window.JqAjaxCore2= {} if typeof(window.JqAjaxCore2) is 'undefined'
+
+window.JqAjaxCore2.Core =
+  
+  # initialisierung des Default Links
+  initDefaultLink: ->
+  	# Default Ajax Link, formerly known as 'ajax_default_link'-Helper
+  	# Data will be automatically rendered into ajax overlay container, after showing loading message
+  	# add 'update-div-...' to set custom div to render data in!
+    
+    unloadedLinks = $("a.<%= JqajaxCore2::Config.core[:ajax_link_class] %>.<%= JqajaxCore2::Config.core[:no_ajax_link_class] %>, form.<%= JqajaxCore2::Config.core[:ajax_link_class] %>.<%= JqajaxCore2::Config.core[:no_ajax_link_class] %>")
+
+    # XHR Data Handler - beforeSend
+    # Loading information should be displayed
+    unloadedLinks.bind 'ajax:beforeSend', (xhr,settings) ->
+      link_options = JqAjaxCore2.Helpers.linkOptionsFromElement(this)
+      # Checking if data should be submitted
+      # TODO: Does not work because of rails jquery_ujs shizznit...
+      # settings.data is not passed back to ajax handler
+      if link_options['submit_data'] != ''
+        form_data = jQuery("#" + link_options['submit_data'] + " :input").serialize()
+        settings.data = form_data
+        settings.type = "post"
+        
+      if link_options['confirm'] == true
+        return confirm link_options['confirm_message']
+      
+      if link_options['load_message'] != ''
+        JqAjaxCore2.Loading.addLoader(link_options['target_div'], link_options['load_message'])
+      else
+        JqAjaxCore2.Loading.showLoading()
+      
+
+  	# XHR Data Handler - Success
+    # The response should be handled and placed in the content
+    unloadedLinks.bind 'ajax:success', (xhr, data, status) ->
+      link_options = JqAjaxCore2.Helpers.linkOptionsFromElement($(this))
+      target = $("#"+link_options['target_div']) 
+      if link_options['append'] == true
+        target.append(data)
+      else 
+        target.html(data)
+    
+      JqAjaxCore2.Loading.hideLoading()
+
+      if link_options['callback'] != ''
+        eval(link_options['callback'])
+          
+      JqAjaxCore2.Initializer.initJqAc2()    
+    
+  	# XHR Data Handler - Error
+    unloadedLinks.bind 'ajax:error', (xhr, status, error) ->
+      <% if Rails.env == 'development' %>
+        JqAjaxCore2.Loading.flashNoticeDisplay("Error - see log for details", 'error')
+      <% end %>	
+      JqAjaxCore2.Loading.hideLoading()
+    
+    unloadedLinks.removeClass("<%= JqajaxCore2::Config.core[:no_ajax_link_class] %>");
+   
+  initSelectOnchange: ->
+  	# Default Ajax Link, formerly known as 'ajax_default_link'-Helper
+  	# Data will be automatically rendered into ajax overlay container, after showing loading message
+  	# add 'update-div-...' to set custom div to render data in!
+    
+    select_actions = $("select.<%= JqajaxCore2::Config.core[:select_onchange_selector] %>.<%= JqajaxCore2::Config.core[:no_ajax_link_class] %>");
+    select_actions.change ->
+      #Daten zusammenladen
+      link_options = JqAjaxCore2.Helpers.linkOptionsFromElement($(this))
+      
+      if link_options['confirm'] == true
+        return confirm link_options['confirm_message']
+      
+      # Url erstellen
+      url = $(this).attr('<%= JqajaxCore2::Config.html_data[:target_url] %>').replace('<%= JqajaxCore2::Config.core[:url_placeholder] %>', this.value);
+
+      # Feuer frei
+      JqAjaxCore2.Core.remoteFunction(url, link_options['target_div'], link_options['load_message'], link_options['submit_data']);
+      
+    select_actions.removeClass("<%= JqajaxCore2::Config.core[:no_ajax_link_class] %>")
+      
+  # JavaScript Makeover of Rails 2.3 'remote_function' helper
+  remoteFunction: (path_url, div, load_message, submit) ->
+    if typeof submit != 'undefined' && submit != ''
+      submit = ("#"+submit).replace("##", "#")
+      request_data = $(submit + " :input").serialize()
+      request_type = "post"
+    else
+      request_type = "get"
+      request_data = ""
+    
+    div = div || '<%= JqajaxCore2::Config.core[:ajax_content_container_id] %>'
+    $.ajax
+      success: (request) ->
+        $('#'+div).html(request)
+        JqAjaxCore2.Loading.hideLoading()
+        JqAjaxCore2.Initializer.initJqAc2()
+  
+      beforeSend: (data) ->
+        if load_message != ''
+          JqAjaxCore2.Loading.addLoader(div, load_message)
+        else
+          JqAjaxCore2.Loading.showLoading()
+
+      url:  path_url,
+      data: request_data,
+      type: request_type 
+
+      
+  

data/app/assets/javascripts/jqac2/helpers.js.coffee.erb

@@ -0,0 +1,52 @@
+window.JqAjaxCore2= {} if typeof(window.JqAjaxCore2) is 'undefined'
+window.JqAjaxCore2.Helpers =
+
+linkOptionsFromElement: (item) =>
+  # Item is passed as $() object
+  item = $(item)
+  link_options = {};
+
+  link_options['target_div']        =   item.attr('<%= JqajaxCore2::Config.core[:update_div] %>')       || '<%= JqajaxCore2::Config.core[:ajax_content_container_id] %>'
+  link_options['load_message']      =   item.attr('<%= JqajaxCore2::Config.loading[:load_message] %>')  || ''
+  link_options['submit_data']       =   item.attr('<%= JqajaxCore2::Config.html_data[:submit_data] %>') || ''
+  link_options['callback']          =   item.attr('<%= JqajaxCore2::Config.html_data[:callback] %>')    || ''
+  link_options['append']            =   item.attr('<%= JqajaxCore2::Config.html_data[:append] %>') ? true : false
+
+  # Checking for confirmation
+  link_options['confirm_message']   =   (item.attr('<%= JqajaxCore2::Config.html_data[:confirm] %>')  || '')
+  link_options['confirm']           =   link_options['confirm_message'] != ''
+
+  return link_options
+
+
+# Element ausblenden - verwendung als Callback nach löschen etc...
+hideItem: (id) ->
+  $("#"+id).fadeOut(300);
+
+assignTooltipDimensions: (el) ->
+  $(el).css({display: 'none', opacity: 0})
+  $(el).css({ height: $(el).height()+'px' })
+
+
+# Element löschen - verwendung als Callback nach löschen etc...
+removeItem: (id) ->
+  $("#"+id).remove();
+
+getJsonData: (url, type) ->
+  type = 'get' if type == undefined
+  result = []
+  $.ajax({ url: url,async: false, type: type }).done (response) ->
+    result = response
+
+  return result
+
+
+randomString: ->
+  chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz"
+  string_length = 8
+  randomstring = ''
+  rnum = 0
+  for i in [0..string_length]
+    rnum = Math.floor(Math.random() * chars.length)
+    randomstring += chars.substring(rnum,rnum+1)
+  return randomstring

data/app/assets/javascripts/jqac2/initializer.js.coffee.erb

@@ -0,0 +1,30 @@
+window.JqAjaxCore2.Initializer =
+  initJqAc2: ->
+    JqAjaxCore2.Core.initDefaultLink()
+    JqAjaxCore2.Core.initSelectOnchange()
+    JqAjaxCore2.Widgets.initSlidedownBoxes()
+    JqAjaxCore2.Validation.initForms()
+
+#== Initalize
+# Regular JS
+$(document).ready ->
+  JqAjaxCore2.Initializer.initJqAc2()
+  return
+
+# Turbolinks JS
+$(document).on 'page:load', ->
+  $.ready();
+  JqAjaxCore2.Initializer.initJqAc2()
+  return
+
+#== Load info between page reloads  
+<% if JqajaxCore2::Config.overlay[:enable_on_page_unload] %>      
+# Regular JS
+$(document).on 'page:before-change', ->
+  JqAjaxCore2.Loading.showLoading()
+  return
+# Turbolinks JS
+$(window).bind "beforeunload", -> 
+  JqAjaxCore2.Loading.showLoading()
+  return
+<% end %>  

data/app/assets/javascripts/jqac2/loading.js.coffee.erb

@@ -0,0 +1,58 @@
+window.JqAjaxCore2= {} if typeof(window.JqAjaxCore2) is 'undefined' 
+window.JqAjaxCore2.Loading =
+  <% actionview = ActionView::Base.new %>
+  <% actionview.view_paths += [File.expand_path("../../../../views", __FILE__)] %>
+
+  showLoading: ->
+    <% if JqajaxCore2::Config.overlay[:enable] == true %>
+      @overlay().height($("body").height());
+      @overlay().width($("body").width());
+    
+      # Center the info container
+      info = $(@overlay().children()[0])
+    
+      w_info = info.width()
+      h_info = info.height()
+      w_window = $(window).width()
+      h_window = $(window).height()
+    
+      info.css({left: (w_window*0.5)-(w_info*0.5)+"px" })
+      info.css({top: (h_window*0.5)-(h_info*0.5)+"px" })
+    
+      @overlay().fadeIn(200);
+    <% end %>
+
+  hideLoading: ->
+    @overlay().fadeOut(200);
+  
+  # get the overlay
+  overlay: ->
+    $("#<%= JqajaxCore2::Config.overlay[:div_id] %>")
+    
+  # get The flash Area
+  flashArea: ->
+    $('#<%= JqajaxCore2::Config.loading[:flash_area_div] %>')  
+  
+  # Flash Notify Tools
+  flashNoticeDisplay: (text, mode) ->
+    
+    mode = mode || 'ok'
+    text = text.replace(/\'/g, "\"")
+    html_notice = "<div class='jqac2-notify " + mode + "' style='display:none'>" + text + "</div>"
+    
+    @flashArea().html(html_notice)
+    @flashArea().children().slideDown(500)
+    window.setTimeout('JqAjaxCore2.Loading.flashFadeOut()', <%= JqajaxCore2::Config.loading[:notify_display_duration] %>)
+
+  flashFadeOut: ->
+    @flashArea().children().fadeOut(500)
+
+  loadAjaxFlashNotice: ->
+  	$.getJSON '/jqca2/jqac2_flash', (data) ->
+      $(data).each ->
+  			@flashNoticeDisplay(this[1], this[0])
+  
+  addLoader: (div, text) ->
+    $('#'+div).html(JqAjaxCore2.Loading.loaderHtml.replace('{TXT}', text))
+  
+  loaderHtml: '<%= actionview.render "/jqajax/loader" %>'

data/app/assets/javascripts/jqac2/modal.js.coffee.erb

@@ -0,0 +1,83 @@
+window.JqAjaxCore2= {} if typeof(window.JqAjaxCore2) is 'undefined' 
+window.JqAjaxCore2.Modal = 
+  
+  # Init position of overlay Modal
+  initModal: (id) ->
+    overlay = $("#"+id)
+    overlay.hide()
+  
+    dwidth  = window.innerWidth
+    dheight = window.innerHeight
+    
+    max_width  = dwidth   * <%= JqajaxCore2::Config.modal[:max_width_factor] %>   + 'px'
+    max_height = dheight  * <%= JqajaxCore2::Config.modal[:max_height_factor] %>  + 'px'
+    
+    overlay.css({'max-width': max_width, 'max-height': max_height})
+    
+    owidth  = overlay.width()
+    oheight = overlay.height()
+    
+    dimensions =
+      left:  ((dwidth * 0.5)-(owidth * 0.5))+'px'
+      top:   ((dheight* 0.5)-(oheight* 0.5))+'px'
+      height: (oheight+25)+'px'
+      position: 'fixed'
+    
+    overlay.css(dimensions);
+    overlay.fadeIn(500);
+    
+    @initModelZindexSetter(id)
+    
+  
+  # Z-Index setzen
+  # Modal Z-Index Setter
+  # Bring modal to front if clicked
+  initModelZindexSetter: (id) ->
+    overlay = $("#"+id)
+    
+    zindexes = []
+    
+    $("div.<%= JqajaxCore2::Config.modal[:css_class] %>").each ->
+      zindexes.push(parseInt($(this).css('z-index')))
+
+    zindex_max = parseInt(zindexes.sort().reverse()[0])
+
+    # neues Overlay z-index setzen
+    overlay.css('z-index', zindex_max+1)
+    zindex_max = parseInt(overlay.css('z-index'))
+	  
+    $('#'+overlay .attr('id')).bind 'click', ->
+      $(this).css('z-index', zindex_max+1)
+      zindex_max = parseInt($(this).css('z-index'))
+      
+  setModalDraggable: (id) ->
+    overlay = $("#"+id)
+    
+    overlay.draggable
+      handle: ".<%= JqajaxCore2::Config.modal[:drag_handle] %>"
+      stop: (event, ui) -> 
+        $(this).css("top",ui.position.top).css("left",ui.position.left)
+  
+  hideModal: (id) ->
+    $("#"+id).slideUp()
+  
+ 
+  #
+  #// Ajax Fullscreen Overlay
+  #setAjaxFullscreen = function(id){
+  #
+  #  overlay = $("#"+id);
+  #
+  #  dwidth  = window.innerWidth
+  #  dheight = window.innerHeight
+  #
+  #  overlay.css({'width': (dwidth*0.9)+'px', 'height': (dheight*0.8)+'px'});
+  #
+  #    // 
+  #  // overlay.animate({left: "0px", top: "49px", width: ($(document).width())+"px", height: (window.outerHeight-154)+"px"}, 200);
+  #  // overlay.css("max-width", "100%");
+  #
+  #}
+
+  
+  

data/app/assets/javascripts/jqac2/validation.js.coffee.erb

@@ -0,0 +1,244 @@
+window.JqAjaxCore2= {} if typeof(window.JqAjaxCore2) is 'undefined'
+window.JqAjaxCore2.Validation =
+
+<% JqajaxCore2::Validations.settings.each do |name, settings|  %>
+<% if settings[:regexp] %>
+  validate<%= name.to_s.camelize %>: (el) ->
+    attr = $(el).val()
+    result = {}
+    result.status = JqAjaxCore2.Validation.validateFormat(attr, <%= settings[:regexp] %>, <%= settings[:empty] == false ? 'false' : 'true' %>)
+    result.message = JqAjaxCore2.ValidationErrorMessages.<%= name.to_s.camelize %>
+    return result
+  <% end %>
+  # Provide getter for data attributes defined in th
+  <% if settings[:data] %>
+  get<%= name.to_s.camelize %>Data: (el) ->
+    data = {}
+    <% settings[:data].each do |m, d| %>
+    data.<%= m.to_s.camelize %> = $(el).attr("<%= "data-#{JqajaxCore2::Validations.data_prefix}-#{m.to_s.dasherize}" %>") || "<%= d %>"
+    <% end %>
+    return data
+  <% end %>
+<% end %>
+
+
+  # Define Custom methods for complex validation
+  validatePasswordSimple: (el) ->
+    value = $(el).val()
+
+    settings = JqAjaxCore2.Validation.getPasswordSimpleData(el)
+    result = {}
+
+    if value == ""
+      result.status  = true
+      return result
+    else
+      result.status  = false
+      result.message = JqAjaxCore2.Validation.renderErrorMessage(JqAjaxCore2.ValidationErrorMessages.PasswordSimple, settings)
+
+      if JqAjaxCore2.Validation.validateRequired(el) && value.length >= parseInt(settings.Length)
+        result.status = true
+        result.status = false if value.match(/[A-Za-z]/) == null
+        result.status = false if value.match(/[0-9]/) == null
+      return result
+
+  validateConfirmation: (el) ->
+    value = $(el).val()
+
+    settings = JqAjaxCore2.Validation.getConfirmationData(el)
+    result = {}
+    result.status  = false
+    result.message = JqAjaxCore2.Validation.renderErrorMessage(JqAjaxCore2.ValidationErrorMessages.Confirmation, settings)
+
+    ref_value = $("#"+settings.ConfirmField).val()
+
+    if JqAjaxCore2.Validation.validateRequired(el) && value == ref_value
+      result.status = true
+    return result
+
+  validateExact: (el) ->
+    value = $(el).val()
+
+    settings = JqAjaxCore2.Validation.getExactData(el)
+    result = {}
+    result.status  = false
+    result.message = JqAjaxCore2.Validation.renderErrorMessage(JqAjaxCore2.ValidationErrorMessages.Exact, settings)
+
+    if value == settings.Value
+      result.status = true
+
+    return result
+
+  validateLength: (el) ->
+    value = $(el).val()
+
+    settings = JqAjaxCore2.Validation.getLengthData(el)
+    result = {}
+    result.status  = false
+
+    result.message = JqAjaxCore2.Validation.renderErrorMessage(JqAjaxCore2.ValidationErrorMessages.Length, settings)
+    length_settings = JqAjaxCore2.Validation.getLengthData(el).Length
+
+    length_range = length_settings.split("-")
+
+    if length_range.length == 1
+      if value.length == parseInt(length_range[0])
+        result.status = true
+    else
+      if value.length >= parseInt(length_range[0]) && value.length <= parseInt(length_range[1])
+        result.status = true
+
+    return result
+
+  validateFromService: (el) ->
+    value = $(el).val()
+
+    json_url  = JqAjaxCore2.Validation.getFromServiceData(el).Url
+    result = {}
+    values_hash = {value: value}
+
+    # loading additional fields
+    additional_fields = JSON.parse(JqAjaxCore2.Validation.getFromServiceData(el).AdditionalValues)
+
+    for id, name of additional_fields
+      values_hash[name] = $("#"+id).val()
+
+    request = $.ajax
+      dataType: "json",
+      method: 'POST',
+      url: json_url,
+      data: values_hash,
+      async: false
+      success: (data) ->
+        result = data
+
+    console.log(request)
+
+    return result
+
+  renderErrorMessage: (text, vars) ->
+    t = text
+    for attr, value of vars
+      t = t.replace('['+attr+']', value)
+    return t
+
+  # Helper method for string validation with given regular expression
+  validateFormat: (string, regexp, empty) ->
+    if (!string || 0 == string.length) && empty == true
+      return true
+    else if string.match(regexp) == null
+      return false
+    else
+      return true
+
+  # run the complete validation for the given form
+  validateForm: (form) ->
+    form = $(form)
+
+    # check if there are any fields with errors
+    formStatus = true
+    submitButton = $(form.find("input[type=submit]"))
+
+    $(".error-description").remove()
+    console.log
+    JqAjaxCore2.Validation.removeErrorFromInput(form.find(":input.error"))
+
+    $(form.find("input")).bind 'change keydown click', ->
+      submitButton.removeAttr("disabled")
+      submitButton.removeClass("disabled")
+
+    <% JqajaxCore2::Validations.settings.keys.each do |mode| %>
+    inputsForValidation = form.find(":input.<%= JqajaxCore2::Validations.settings[mode][:class] %>").not("[type='hidden']")
+    inputsForValidation.each ->
+      if !$(this).is(":disabled")
+        validationResult = JqAjaxCore2.Validation.validate<%= mode.to_s.camelize %>($(this))
+        if validationResult.status == false && !$(this).hasClass("<%= JqajaxCore2::Validations.skip_validation_class %>") && $(this).parents(".<%= JqajaxCore2::Validations.skip_validation_class %>").length == 0
+          formStatus = false;
+          JqAjaxCore2.Validation.addErrorToInput($(this), validationResult.message)
+        #else
+        #  JqAjaxCore2.Validation.removeErrorFromInput($(this))
+    <% end %>
+
+    checkboxesForValidation = form.find("input.<%= JqajaxCore2::Validations.checkbox_validation_class %>")
+    checkboxesForValidation.each ->
+    # Find the label for the checkbox
+      checkbox_id = $(this).attr("id")
+      label = $("label[for="+checkbox_id+"]")
+
+      if !$(this).is(":checked") && !$(this).hasClass("<%= JqajaxCore2::Validations.skip_validation_class %>") && $(this).parents(".<%= JqajaxCore2::Validations.skip_validation_class %>").length == 0
+        formStatus = false
+        label.addClass("error")
+        alert("Bitte bestätigen Sie: " + label.text())
+      else
+        label.removeClass("error")
+
+    if formStatus == false || $(form).attr("data-has-error") == "true"
+      submitButton.attr("disabled", true)
+      submitButton.addClass("disabled")
+      ##alert("Bei der Eingabe sind Fehler aufgetreten. Bitte prüfen Sie die markierten Felder.")
+      if $(".error-description")[0]
+        $('html, body').animate
+          scrollTop: $($(".error-description")[0]).offset().top-100, 250
+
+    return formStatus
+
+
+  # Bind validation to all forms that can be found
+  initForms: ->
+
+    main_selector = "[class*=<%= JqajaxCore2::Validations.prefix %>]"
+
+    for field in $("input"+main_selector+":first, :input"+main_selector+":first")
+      $("form").addClass("<%= JqajaxCore2::Validations.form_validation_class %>")
+
+    for field in $("input"+main_selector+", :input"+main_selector)
+      wrapper_class = "<%= JqajaxCore2::Validations.prefix %>-wrapper"
+      wrapper_class = wrapper_class + " " + $(field).attr("type") + "-wrapper"
+      if $(field).attr('data-wrapper-class')
+        wrapper_class = wrapper_class + ' ' + $(field).attr('data-wrapper-class')
+
+      wrapper = '<span class="'+ wrapper_class + '"></span>'
+      if field.type == 'checkbox' && $(field).siblings('label[for="' + field.id + '"]').length != 0
+        $('#' + field.id + ', label[for="' + field.id + '"]').wrapAll(wrapper)
+      else
+        $(field).wrap(wrapper)
+      <% if JqajaxCore2::Config.core[:show_validation_hints] == true %>
+      if $(field).attr('data-validation-messages')
+        messages_converted = $(field).attr('data-validation-messages').split(";").join("<br />")
+        $(field).before("<div data-<%= JqajaxCore2::Config.prefix %>-validation-hint class='<%= JqajaxCore2::Validations.validation_description_class %>'><span class='validation_tooltip'>"+ messages_converted + "</span></div>");
+        if $(field).is(':visible') == false
+          $(field).prev().hide()
+        JqAjaxCore2.Helpers.assignTooltipDimensions($(field).prev().find(".validation_tooltip"))
+      <% end %>
+
+    $("form.<%= JqajaxCore2::Validations.form_validation_class %>").submit ->
+
+      return JqAjaxCore2.Validation.validateForm(this)
+
+  # Helper methods
+  addErrorToInput: (el, message) ->
+    # remove old error msg if present
+    if $(el).prev().hasClass("<%= JqajaxCore2::Validations.error_description_class %>")
+      $(el).prev().remove()
+
+    $(el).addClass("error")
+    $(el).parent().addClass("error")
+
+    console.log $(el).parent()
+
+    # label form as error
+    $($(el).parents("form")[0]).attr("data-has-error", "true")
+    $(el).before("<div data-<%= JqajaxCore2::Config.prefix %>-error-indicator class='<%= JqajaxCore2::Validations.error_description_class %>'><span class='error_tooltip'>"+ message + "</span></div>");
+    JqAjaxCore2.Helpers.assignTooltipDimensions($(el).prev().find(".error_tooltip"))
+
+  removeErrorFromInput: (el) ->
+    $(el).removeClass("error")
+    $(el).parent().removeClass("error")
+
+
+
+
+JqAjaxCore2.ValidationErrorMessages =
+  <% JqajaxCore2::Validations.settings.each do |name, settings|  %>
+    <%= name.to_s.camelize %>: '<%= settings[:message] %>'
+  <% end %>

data/app/assets/javascripts/jqac2/widget_classes/checkbox_slidedown.coffee

@@ -0,0 +1,33 @@
+class JqAjaxCore2.CheckboxSlidedown
+  constructor: (el) ->
+    @$el = $(el)
+
+    @settings =
+      content_selector: @$el.data("jqac2-checkbox-slidedown-content")
+      trigger_selector: @$el.data("jqac2-checkbox-slidedown-trigger")
+      open: @$el.data("jqac2-checkbox-slidedown-open") || 'false'
+
+    @$content = @$el.find(@settings.content_selector)
+    @$trigger = @$el.find(@settings.trigger_selector)
+
+    @element_id = "s" + Math.random()+Math.random()
+
+    @$checkbox = $('<input id=" ' + @element_id  + ' " class="jqac2-checkbox-slidedown-trigger" type="checkbox"></input>')
+
+  init: ->
+    # content should be hidden until checkbox was checked
+    @$content.hide()
+
+    # Add checkbox before the trigger element
+    @$trigger.before(@$checkbox)
+    @$checkbox.on 'change', @setContentVisibility
+
+    @setContentVisibility
+
+
+  setContentVisibility: =>
+    if @$checkbox.is(":checked")
+      @$content.show()
+    else
+      @$content.hide()
+

data/app/assets/javascripts/jqac2/widgets.js.coffee

@@ -0,0 +1,27 @@
+window.JqAjaxCore2= {} if typeof(window.JqAjaxCore2) is 'undefined' 
+window.JqAjaxCore2.Widgets = 
+  initSlidedownBoxes: ->
+    boxes = $(".js-slide-down-box.plain")
+  
+    boxes.each ->
+      ident = JqAjaxCore2.Helpers.randomString()
+
+      $(this).removeClass("plain")
+      $(this).addClass(ident)
+      btn   = $($(this).children(".js-slidedown-button")[0])
+      cont  = $($(this).children(".js-slidedown-content")[0])
+    
+      btn.addClass(ident)
+      cont.addClass(ident)
+    
+      btn = $(".js-slidedown-button."+ident)
+    
+      btn.bind "click", ->
+        x = $(this).attr('class').split(' ')
+        btn_ident = x[x.length-1]
+        cont  = $(".js-slidedown-content."+btn_ident)
+        
+        box = $(".js-slide-down-box."+btn_ident)
+        
+        session_id = box.attr("data-session-id")
+        $(box).toggleClass("open")

data/app/assets/javascripts/jqajax-core2.js.erb

@@ -0,0 +1,8 @@
+//= require "jqac2/core"
+//= require "jqac2/modal"
+//= require "jqac2/helpers"
+//= require "jqac2/loading"
+//= require "jqac2/widgets"
+//= require "jqac2/validation"
+//= require "jqac2/initializer"
+//= require_tree "./jqac2/widget_classes"