jqajax_core2 0.0.9

data/app/assets/stylesheets/jqajax-core2.scss.erb

@@ -0,0 +1,54 @@
+@import "jqajax2-variables";
+
+#<%= JqajaxCore2::Config.overlay[:div_id] %> {
+  position: fixed; z-index: 5000;
+  top: 0; left: 0;
+  background: $jqac2-overlay-bg-color;
+  
+  
+  .overlay-content-box {
+    background: #fff;
+    padding: 12px;
+    border: solid 1px #ddd;
+    text-align: center;
+    max-width: 200px;
+    cursor: pointer;
+    position: fixed;
+    z-index: 5001;
+    
+    .overlay-loader {
+      margin-bottom: 5px;
+    }
+    
+    .overlay-title {
+      margin-bottom: 12px;
+    }
+    
+    .overlay-link {
+      font-size: 10px;
+    }
+  }
+}
+
+#<%= JqajaxCore2::Config.loading[:flash_area_div] %> {
+  
+  position: fixed; max-width: 400px; z-index: 10001;
+  
+  <% if JqajaxCore2::Config.loading[:flash_area_position] == :bottom_left %>
+    left: $jqac2-flash-x-space; bottom: $jqac2-flash-y-space;
+  <% elsif JqajaxCore2::Config.loading[:flash_area_position] == :bottom_right %>
+    right: $jqac2-flash-x-space; bottom: $jqac2-flash-y-space;
+  <% elsif JqajaxCore2::Config.loading[:flash_area_position] == :top_left %>
+    left: $jqac2-flash-x-space; top: $jqac2-flash-y-space;
+  <% elsif JqajaxCore2::Config.loading[:flash_area_position] == :top_right %>  
+    right: $jqac2-flash-x-space; top: $jqac2-flash-y-space;
+  <% end %>
+  
+  .jqac2-notify { background: #fff; padding: .5em 1em; -moz-border-radius: 5px; border-radius: 5px; }
+  .jqac2-notify.ok      { border: solid 2px $jqac2-flash-ok; }
+  .jqac2-notify.error   { border: solid 2px $jqac2-flash-error; }
+  .jqac2-notify.neutral { border: solid 2px $jqac2-flash-neutral; }
+  
+}
+
+

data/app/assets/stylesheets/jqajax2-variables.scss

@@ -0,0 +1,10 @@
+// Defining style for the loading overlay
+$jqac2-overlay-bg-color: rgba(255,255,255, 0.7);
+
+// Position and style for flash overlay
+$jqac2-flash-y-space: 20px ;
+$jqac2-flash-x-space: 20px ;
+
+$jqac2-flash-error: red;
+$jqac2-flash-ok: green;
+$jqac2-flash-neutral: orange;

data/app/controllers/jqac2_controller.rb

@@ -0,0 +1,9 @@
+# -*- encoding : utf-8 -*-
+class Jqac2Controller < ApplicationController
+  
+  # flash[:notice/error] Laden
+  def json_flash_data
+    render :text => flash.to_json, :status => 200
+  end
+  
+end  

data/app/helpers/jqajax_core_helper.rb

@@ -0,0 +1,139 @@
+# -*- encoding : utf-8 -*-
+module JqajaxCoreHelper
+
+
+  #== New and shiny polished Rails 3.2 Ajax Helper Functions
+
+  # Default Ajax Link for Links
+  def default_ajax_link(options ={})
+    link_data = init_link_data(options)
+
+    link_data.merge!(:title => options[:title])
+    options[:class] ||= ""
+    options[:class] << " #{JqajaxCore2::Config.core[:ajax_link_class]} #{JqajaxCore2::Config.core[:no_ajax_link_class]}"
+
+    if options[:append] == true
+      link_data.merge!(JqajaxCore2::Config.html_data[:append] => true)
+    end
+
+    # Load-Message setzen: Entweder default oder eigene Nachricht
+    if options[:load_message] && (options[:load_message] != false && !options[:load_message].blank?)
+      options[:class] << " #{AJAX_LOAD_MESSAGE_TRIGGER}"
+      if options[:load_message].is_a?(String)
+        link_data.merge!(JqajaxCore2::Config.loading[:load_message].to_s => options[:load_message])
+      end
+    elsif options[:load_message] == false
+      options[:class]   << " #{AJAX_HIDE_LOAD_MESSAGE_SELECTOR}"
+    end
+
+    link_data.merge!(html_defaults_from_options(options))
+
+    return link_data
+  end
+
+  #
+  def select_onchange_data(options ={})
+    link_data = init_link_data(options)
+
+    link_data.merge!(:disabled  => options[:disabled])
+    options[:class] ||= ""
+    options[:class] << " #{JqajaxCore2::Config.core[:select_onchange_selector]} #{JqajaxCore2::Config.core[:no_ajax_link_class]}"
+
+    options[:with] ||= :id
+
+    options[:url].merge!(options[:with] => JqajaxCore2::Config.core[:url_placeholder])
+
+    url_scope = options[:scope].nil? ? main_app : options[:scope]
+
+    link_data.merge!(JqajaxCore2::Config.html_data[:target_url].to_s => url_scope.url_for(options[:url]))
+
+    # Load-Message setzen: Entweder default oder eigene Nachricht
+    if options[:load_message] && (options[:load_message] != false && !options[:load_message].blank?)
+      options[:class] << " #{AJAX_LOAD_MESSAGE_TRIGGER}"
+      if options[:load_message].is_a?(String)
+        link_data.merge!(JqajaxCore2::Config.loading[:load_message].to_s => options[:load_message])
+      end
+    elsif options[:load_message] == false
+      options[:class]   << " #{AJAX_HIDE_LOAD_MESSAGE_SELECTOR}"
+    end
+
+    link_data.merge!(html_defaults_from_options(options))
+
+    return link_data
+  end
+
+
+
+  # Creates a box that slides down and up to show/hide the content.
+  # * Use ':open => true' to set the box open by default
+  # * Use ':default_class => "className"' to set the class used for the header
+  def slide_down_box(title, options = {:open => false}, &block)
+    options[:default_class] ||= "icon-arrow-right"
+    options[:type]        ||= :div
+
+
+    box_session_id = Digest::SHA1.hexdigest("#{params[:action]}-#{title}")
+
+    open = options[:open] #|| (session[:slidedown_boxes_open].include?(box_session_id) rescue false)
+
+    concat raw("<div class='js-slide-down-box  plain #{'open' if open} #{options[:box_class]} #{options[:class]}' data-session-id='#{box_session_id}'>
+    <#{options[:type]} class='#{options[:default_class]} js-slidedown-button'>
+    #{title}
+    </#{options[:type]}>
+    <div class='js-slidedown-content'>")
+    yield
+    concat raw("</div></div>")
+  end
+
+
+
+  def init_slidedown
+    raw("<script type='text/javascript'>init_slidedown();</script>")
+  end
+
+
+  private
+
+  def init_link_data(options = {})
+    link_data = {:remote => true }
+    link_data.merge!(:method => options[:method]) if options[:method]
+    link_data.merge!(update_div_from_options(options))
+    link_data.merge!(submit_from_options(options))
+    link_data.merge!(callback_from_options(options))
+    link_data.merge!(confirm_message_from_options(options))
+    return link_data
+  end
+
+  def confirm_message_from_options(options = {})
+    # Confirm-Message setzen: Entweder default, oder eigene Nachricht
+    if options[:confirm]
+      { JqajaxCore2::Config.html_data[:confirm] => (options[:confirm] == true ? JqajaxCore2::Config.core[:confirm_default] : options[:confirm].to_s )}
+    else
+      return {}
+    end
+  end
+
+  def callback_from_options(options = {})
+    options[:callback] ? {JqajaxCore2::Config.html_data[:callback] => options[:callback]} : {}
+  end
+
+  def submit_from_options(options = {})
+    options[:submit] ? {
+      JqajaxCore2::Config.html_data[:submit_data] => options[:submit],
+      :method => "POST"
+    } : {}
+  end
+
+  def update_div_from_options(options = {})
+    options[:update]  ?  { JqajaxCore2::Config.core[:update_div] => options[:update]} : {}
+  end
+
+  def html_defaults_from_options(options = {})
+    l = {}
+    l.merge!(:class => options[:class])
+    l.merge!(:id    => options[:id])
+    l.merge!(:style => options[:style])
+    return l
+  end
+
+end

data/app/helpers/jqajax_validation_helper.rb

@@ -0,0 +1,76 @@
+module JqajaxValidationHelper
+
+  def jqac2_validation_for(*vtypes)
+    if vtypes.last.is_a?(Hash)
+      options = vtypes.last
+      vtypes.pop
+    else
+      options = {}
+    end
+
+    current_data_attributes = options.delete(:data) || {}
+
+    # if a custom class for the form field wrapper is required....
+    current_data_attributes.merge!(wrapper_class: options[:wrapper_class]) if options[:wrapper_class]
+
+    # validierungsoptionen
+    if options[:validator_options]
+      options[:validator_options].each do |opt, val|
+        options.merge!(jqac2_data_attribute_for(opt) => val)
+      end
+      options.delete(:validator_options)
+    end
+
+    data_messages = []
+    if options[:hint]
+      data_messages << options[:hint]
+    end
+
+    vtypes.each do |vtype|
+      if JqajaxCore2::Validations.settings[vtype.to_sym]
+        options.merge!(:class => [options[:class], JqajaxCore2::Validations.settings[vtype.to_sym][:class]].compact.join(" "))
+        if I18n.exists?("jqac2.validations.hints.#{vtype}") && options[:show_hint] == true
+          data_messages << I18n.t("jqac2.validations.hints.#{vtype}")
+        end
+      elsif vtype.nil?
+        options
+      else
+        raise ArgumentError, "Validation of type #{vtype} is not known"
+      end
+    end
+
+    if data_messages.any?
+      current_data_attributes.merge!(validation_messages: data_messages.compact.join(";"))
+    end
+
+    return options.merge(data: current_data_attributes)
+  end
+
+  def jqac2_validation_class_for(*vtypes)
+    css = []
+    vtypes.each do |vtype|
+      if !vtype.nil?
+        if JqajaxCore2::Validations.settings[vtype.to_sym]
+          css << JqajaxCore2::Validations.settings[vtype.to_sym][:class]
+        else
+          raise ArgumentError, "Validation of type #{vtype} is not known"
+        end
+      end
+    end
+
+    return css.join(" ")
+  end
+
+  def jqac2_validate_form
+    JqajaxCore2::Validations.form_validation_class
+  end
+
+  def jqac2_data_attribute_for(m="bla")
+    "data-#{JqajaxCore2::Validations.data_prefix}-#{m.to_s.dasherize}"
+  end
+
+  def init_jqac2_validator
+    javascript_tag("JqAjaxCore2.Validation.initForms()")
+  end
+
+end

data/app/helpers/jqajax_view_helper.rb

@@ -0,0 +1,29 @@
+module JqajaxViewHelper
+  
+  
+  def include_jqajax_overlay
+    render :partial => "/jqajax/overlay"
+  end
+  
+  def include_jqajax_flash
+    render :partial => "/jqajax/flash"
+  end
+  
+  def include_jqajax_core(*elements)
+    elements = %w(overlay flash) if elements.empty?
+    
+    elements.each do |e|
+      concat(self.send("include_jqajax_#{e}"))
+    end
+    return nil  
+  end    
+  
+  
+  
+  def jqajax_modal(options = {}, &block)
+    options[:draggable] = JqajaxCore2::Config.modal[:draggable]
+    render "/jqajax/modal", :options => options, :content => capture(&block)
+  end  
+  
+  
+end  

data/app/views/jqajax/_flash.html.erb

@@ -0,0 +1,9 @@
+<%# flash[:notice] & flash[:error] display %>
+<div id="<%= JqajaxCore2::Config.loading[:flash_area_div] %>" class="">
+  <% if !flash[:notice].blank? %>
+    <%= javascript_tag("JqAjaxCore2.Loading.flashNoticeDisplay('#{flash[:notice]}', 'ok')") %>
+  <% end %>
+  <% if !flash[:error].blank? %>
+    <%= javascript_tag("JqAjaxCore2.Loading.flashNoticeDisplay('#{flash[:error]}', 'error')") %>
+  <% end %>
+</div>

data/app/views/jqajax/_loader.html.erb

@@ -0,0 +1,4 @@
+<div class="jqac-inline-loader cf">
+<div class="overlay-loader"><img src="<%= JqajaxCore2::Config.loading[:loader_img] %>"></div>
+<div class="overlay-title">{TXT}</div>
+<%= link_to JqajaxCore2::Config.overlay[:hide_label], "#", :class => "overlay-link" %>

data/app/views/jqajax/_modal.html.erb

@@ -0,0 +1,14 @@
+<% id = "I#{Digest::SHA1.hexdigest(params.inspect)}" %>
+<div class="<%= JqajaxCore2::Config.modal[:css_class] %> rounded" id="<%= id %>">
+  <%= image_tag JqajaxCore2::Config.modal[:close_icon_img], :class => "close-link", :onclick => "JqAjaxCore2.Modal.hideModal('#{id}')" %>
+  <div class="info-overlay-content">
+    <%= content %>
+  </div>
+</div>
+
+<script type="text/javascript">
+  JqAjaxCore2.Modal.initModal('<%= id %>')
+  <% if options[:draggable] %>
+    JqAjaxCore2.Modal.setModalDraggable('<%= id %>')
+  <% end %>  
+</script>

data/app/views/jqajax/_overlay.html.erb

@@ -0,0 +1,11 @@
+<%# Default content Container %>
+<div id="<%= JqajaxCore2::Config.core[:ajax_content_container_id] %>"></div>
+
+<%# Loading Overlayer %>
+<div id="<%= JqajaxCore2::Config.overlay[:div_id] %>" style="display:none">
+  <div class="overlay-content-box" onmousedown="JqAjaxCore2.Loading.hideLoading();">
+    <div class="overlay-loader"><%= image_tag(JqajaxCore2::Config.loading[:loader_img]) %></div>
+    <div class="overlay-title"><%= JqajaxCore2::Config.overlay[:info_text] %></div>
+    <%= link_to JqajaxCore2::Config.overlay[:hide_label], "#", :class => "overlay-link" %>
+  </div>
+</div>

data/app/views/layouts/_ajax_overlay.html.erb

@@ -0,0 +1,5 @@
+<% id = "A#{Digest::SHA1.hexdigest(Time.now.to_s + rand(1000).to_s)}" %>
+<% ajax_overlay(id) do %>
+  <%= yield %>
+<% end %>  
+<%= render :partial => '/layouts/overlay_js', :locals => {:mode => :ajax, :id => id} %>

data/app/views/layouts/_info_overlay.html.erb

@@ -0,0 +1,9 @@
+<% id = "I#{Digest::SHA1.hexdigest(params.inspect)}" %>
+<div class="<%= JqajaxCore2::Config.modal[:css_class] %> rounded" id="<%= id %>">
+  <%= image_tag "icons/icon-close.png", :class => "close-link", :onclick => "$('##{id}').slideUp(200);" %>
+  <div class="info-overlay-content">
+    <%= yield %>
+  </div>
+</div>
+
+<%= render :partial => '/layouts/overlay_js', :locals => {:mode => :info, :id => id} %>

data/app/views/layouts/jqac2_modal.html.erb

@@ -0,0 +1,9 @@
+<% id = "I#{Digest::SHA1.hexdigest(params.inspect)}" %>
+<div class="<%= JqajaxCore2::Config.modal[:css_class] %> rounded" id="<%= id %>">
+  <%= image_tag "icons/icon-close.png", :class => "close-link", :onclick => "$('##{id}').slideUp(200);" %>
+  <div class="info-overlay-content">
+    <%= yield %>
+  </div>
+</div>
+
+

data/config/locales/jqac2.validations.de.yml

@@ -0,0 +1,12 @@
+de:
+  jqac2:
+    validations:
+      hints:
+        phone_int: 'Telefonnummer im intl. Format: +xx xxx...'
+        letters_only: 'Nur Buchstaben (A-Z) und Leerzeichen'
+        alphanumeric: 'Nur Buchstaben (A-Z), Zahlen (0-9) und Leerzeichen'
+        zip: 'Postleitzahl, 4-5-stellige Nummer, führende "0" erlaubt'
+        date: 'Datum im Format TT.MM.JJJJ'
+        datemonth: 'Datum im Format MM.JJJJ'
+        datetime: 'Datum/Uhrzeit im Format DD.MM.YYYY HH:MM'
+        required: 'Pflichtfeld'

data/config/routes.rb

@@ -0,0 +1,10 @@
+# -*- encoding : utf-8 -*-
+JqAjaxCore2::Engine.routes.draw do
+  
+  #=== AJAX Routing
+  # Ajax Routen immer in Klartext, da diese auch in JS manuell verwendet werden.
+  get "/jqca2/jqac2_flash",  :controller => "jqac2", :action => "json_flash_data"
+  #get "/jqca2/auto_complete",    :controller => "ajax", :action => "auto_complete"
+  #get "/jqca2/save_slidedown_box/:id",    :controller => "ajax", :action => "save_slidedown_box"
+
+end

data/lib/jqajax_core2/application_controller_ext.rb

@@ -0,0 +1,17 @@
+module JqajaxCore2
+  module ApplicationControllerExt
+    
+    def render_blank_ajax
+      render :text => nil, :status => 200, :content_type => "text/html"
+    end  
+  
+    def ajax_layout(layout_name="info_overlay")
+      render :layout => layout_name if request.xhr?
+    end  
+  
+    def ajax_text(text)
+      render :text => text.html_safe, :status => 200, :content_type => "text/html"
+    end
+    
+  end
+end    

data/lib/jqajax_core2/config.rb

@@ -0,0 +1,31 @@
+module JqajaxCore2
+class Config
+  
+  #= Core Setting
+  cattr_accessor :core, :prefix
+  self.core = {}
+  
+  #= HTML Data-Attributes
+  # Naming of the HTML data-attributes for the link element config
+  cattr_accessor :html_data
+  self.html_data = {}
+  
+  #= Overlay and Loading Settings
+  # Config for loading overlay, flash notifiers etc.
+  cattr_accessor :overlay, :loading
+  self.overlay = {}
+  self.loading = {}
+  
+  #= Modal Settings
+  # Config for appearance and behavior of modal dialog
+  cattr_accessor :modal
+  self.modal = {}
+  
+  def self.initialize 
+    
+    
+    
+  end  
+  
+end  
+end

data/lib/jqajax_core2/engine.rb

@@ -0,0 +1,10 @@
+module JqAjaxCore2
+
+  class Engine < Rails::Engine
+    
+    
+  
+  end  
+
+
+end

data/lib/jqajax_core2/validations.rb

@@ -0,0 +1,147 @@
+module JqajaxCore2
+  class Validations
+
+    cattr_accessor :settings, :checkbox_validation_class, :skip_validation_class, :form_validation_class, :prefix,  :data_prefix, :error_description_class, :validation_description_class
+
+    self.prefix = "#{JqajaxCore2::Config.prefix}-vld"
+    self.data_prefix = "data-#{JqajaxCore2::Config.prefix}"
+
+    # Defition der Verüfgbaren validierungen:
+    # - Ist :regexp gesetzt, wird automatisch eine Validierungsfunktion für die Regexp in JS angelegt
+    #   bei fehler wird die :message zurückgegeben
+    # - Ist keine Regexp angegeben muss eine Funktion manuell erstellt werden
+
+    self.settings = {
+
+      :email => {
+        :class => "#{self.prefix}-email-validation",
+        :regexp => '/[a-zA-Z0-9\.\-_]{1,}@[a-zA-Z0-9\.\-_]{1,}\.[a-zA-Z0-9\.\-_]{2,4}/',
+        :message => "Keine gültige E-Mail-Adresse"
+      },
+
+      :phone => {
+        :class => "#{self.prefix}-phone-validation",
+        :regexp => '/[0-9+]{1,}[0-9\ \/]{1,}/',
+        :message => "Keine gültige Telefonnummer"
+      },
+
+      :phone_int => {
+        :class => "#{self.prefix}-phone-int-validation",
+        :regexp => '/\+[1-9]{1}[0-9]{1,3}\ ?[0-9\ ]{1,}/',
+        :message => "Keine gültige Telefonnummer (Format +xx xxx...)"
+      },
+
+      :letters_only => {
+        class: "#{self.prefix}-letters-validation",
+        regexp: '/^[A-z\ ]+$/',
+        message: "Nur Buchstaben und Leerzeichen"
+      },
+
+      :alphanumeric => {
+        class: "#{self.prefix}-alphanum-validation",
+        regexp: '/^[A-z0-9\ ]+$/',
+        message: "Nur Buchstaben, Zahlen und Leerzeichen"
+      },
+
+      :zip => {
+        :class => "#{self.prefix}-zip-validation",
+        :regexp => '/[0-9]{4,5}/',
+        :message => "Ungültige PLZ"
+      },
+
+      :number => {
+        :class => "#{self.prefix}-nr-validation",
+        :regexp => '/[0-9\ ]{1,}/',
+        :message => "Ungültige Zahl",
+      },
+      
+      :currency => {
+        :class => "#{self.prefix}-currency-validation",
+        :regexp => '/[0-9\.\,0]{1,}/',
+        :message => "Ungültige Eingabe",
+      },
+
+      #== Validations for dates etc...
+      :date => {
+        :class => "#{self.prefix}-date-validation",
+        # TODO: Regexp does not catch fake dates like 99.99.9999
+        :regexp => "/([0-9]{2}\.[0-9]{2}\.[0-9]{4})|([0-9]{4}-[0-9]{2}-[0-9]{2})/",
+        :message => "Ungültiges Datum"
+      },
+
+      :datemonth => {
+        :class => "#{self.prefix}-date-month-validation",
+        :regexp => "/[0-9]{2}\.[0-9]{4}/",
+        :message => "Ungültiges Format (MM.JJJJ)",
+      },
+
+      :datetime => {
+        :class => "#{self.prefix}-datetime-validation",
+        :regexp => "/[0-9]{2}\.[0-9]{2}\.[0-9]{4}\ [0-9]{2}\:[0-9]{2}/",
+        :message => "Ungültiges Format (DD.MM.YYYY HH:MM)",
+      },
+
+      #:date_in_future => {
+      #  :class => "#{self.prefix}-date-in-future-validation",
+      #  :message => "Datum darf nicht in der Vergangenheit liegen",
+      #}
+      #
+      #:date_min_age => {
+      #  :class => "#{self.prefix}-date-min-ag-validation",
+      #  :data => {:min_age => 18}
+      #  :message => "Ungültiges Geburtsdatum",
+      #}
+
+
+      #== Validations for Passwords, Confirmation etc...
+
+      :password_simple => {
+        :class => "#{self.prefix}-simple-pass-validation",
+        # Data-Attributes used by the method, and their default values
+        :data => {:length => 6},
+        :message => "Min. [Length] Zeichen, min. Buchstaben und Zahlen"
+
+      },
+
+      :confirmation => {
+        :class => "#{self.prefix}-confirmation",
+        :data => {:confirm_field => "", :confirm_name => ""},
+        :message => "Bestätigung von [ConfirmName] stimmt nicht überein"
+      },
+
+      :exact => {
+        :class => "#{self.prefix}-exact-validation",
+        :data => {:value => ""},
+        :message => "Eingabe ungültig"
+      },
+
+      :length => {
+        :class => "#{self.prefix}-length-validation",
+        :data => {:length => 0},
+        :message => "[Length] Zeichen"
+      },
+
+      :required => {
+        :class => "#{self.prefix}-required-validation",
+        :regexp => '/[a-zA-Z0-9]{1,}/',
+        :empty => false,
+        :message => "Pflichtfeld"
+      },
+
+      :from_service => {
+        :class => "#{self.prefix}-from-service",
+        :data => {:url => "#", :additional_values => {}.to_json }
+      },
+
+      :none => {
+        class: "#{self.prefix}-none"
+      }
+    }
+
+    self.checkbox_validation_class  = "#{self.prefix}-validate-checkbox"
+    self.skip_validation_class      = "#{self.prefix}-skip-validation"
+    self.form_validation_class      = "#{self.prefix}-form-validation"
+    self.error_description_class    = "error-description"
+    self.validation_description_class = "validation-description"
+  end
+end