fancygrid 1.1.0 → 2.0.0

data/ROADMAP

@@ -1 +0,0 @@
-1.0.0 - Stable release

data/Rakefile

@@ -15,7 +15,7 @@ begin
     gem.description = %Q{Enables easy table rendering in rails applications}
     gem.email = "giniedp@online.de"
     gem.homepage = "http://github.com/giniedp/fancygrid"
-    gem.authors = ["Alexander Gräfenstein"]
+    gem.authors = ["Alexander Graefenstein"]
     # gem.add_development_dependency "thoughtbot-shoulda", ">= 0"
     # gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
   end
@@ -25,7 +25,7 @@ rescue LoadError
 end
 
 require 'rake'
-require 'rake/rdoctask'
+require 'rdoc/task'
 
 require 'rspec/core'
 require 'rspec/core/rake_task'

data/VERSION

@@ -1 +1 @@
-1.1.0
+2.0.0

data/app/views/fancygrid/controls.html.haml

@@ -0,0 +1,34 @@
+%ul.fg-control-bar{ :class => tag_class }
+
+  %li.fg-button-prev{ :title => t(:"actions.prev", :default => "Previous page", :scope => Fancygrid.i18n_scope) }
+  %li
+    %span
+      = I18n.t(:"pagination.page", :default => "Page", :scope => Fancygrid.i18n_scope)
+    %span.fg-current-page
+      = fancygrid.view_state.pagination_page
+    %span
+      = I18n.t(:"pagination.of", :default => "of", :scope => Fancygrid.i18n_scope)
+    %span.fg-total-pages
+      = fancygrid.page_count
+  %li.fg-button-next{ :title => t(:"actions.next", :scope => Fancygrid.i18n_scope, :default => "Next page") }
+
+  %li.separator
+  
+  %li
+    %span
+      = I18n.t(:"pagination.go_to", :default => "Go to page", :scope => Fancygrid.i18n_scope)
+    = text_field_tag(:page, fancygrid.view_state.pagination_page, :class => "fg-current-page")
+      
+  %li
+    = select_tag(:per_page, options_for_select(fancygrid.per_page_values, fancygrid.per_page_value), :class => "fg-per-page")
+    
+  %li.separator
+  
+  %li.fg-button-search{ :title => t(:"actions.search", :default => "Search", :scope => Fancygrid.i18n_scope) }
+  %li.fg-button-refresh{ :title => t(:"actions.reload", :default => "Reload", :scope => Fancygrid.i18n_scope) }
+  %li.fg-button-clear{ :title => t(:"actions.reset", :default => "Reset", :scope => Fancygrid.i18n_scope) }
+      
+  - if fancygrid.sort_window?
+    %li.fg-button-sort{ :title => t(:"actions.sort", :default => "Sort columns", :scope => Fancygrid.i18n_scope) }
+  
+  = yield :"fancygrid_#{fancygrid.name}_buttons"

data/app/views/fancygrid/fancygrid.html.haml

@@ -0,0 +1,18 @@
+.fg-wrapper
+  .fg-container{ :id => "fancygrid_#{fancygrid.name}" }
+    - if fancygrid.complex_search?
+      = render(:template => Fancygrid.search_template, :locals => { :fancygrid => fancygrid })
+    - if fancygrid.top_control?
+      = render(:template => Fancygrid.controls_template, :locals => { :fancygrid => fancygrid, :tag_class => :"controls top" })
+    
+    = render(:template => Fancygrid.table_template, :locals => { :fancygrid => fancygrid, :format_block => format_block })
+                  
+    - if fancygrid.bottom_control?
+      = render(:template => Fancygrid.controls_template, :locals => { :fancygrid => fancygrid, :tag_class => :"controls bottom" })
+    - if fancygrid.sort_window?
+      = render(:template => Fancygrid.sort_template, :locals => { :fancygrid => fancygrid })
+      
+  - if fancygrid.dynamic?
+    :javascript
+      $(function(){ $("#fancygrid_#{fancygrid.name}").fancygrid(#{fancygrid.js_options}); });
+      

data/app/views/fancygrid/search.html.haml

@@ -0,0 +1,24 @@
+= field_set_tag( t(:"search.title", :default => "Search", :scope => Fancygrid.i18n_scope), :class => :"fg-search" ) do
+  %ul.fg-search-controls
+    %li.fg-button-refresh{ :title => t(:"search.add_criterion",  :default => "Add criterion", :scope => Fancygrid.i18n_scope) }
+    %li.fg-button-refresh{ :title => t(:"actions.reload",        :default => "Reload",        :scope => Fancygrid.i18n_scope) }
+    %li.fg-button-clear{   :title => t(:"actions.reset",         :default => "Reset",         :scope => Fancygrid.i18n_scope) }
+    %li
+      = check_box_tag(:"fg-search-conditions", :all, fancygrid.view_state.conditions_match_all?)
+      = label_tag(:"fg-search-conditions", t(:"search.conditions", :default => 'All conditions must met:', :scope => Fancygrid.i18n_scope))
+      
+  %ul.fg-search-criteria
+    - fancygrid.visible_columns.each do |column|
+      - fancygrid.view_state.column_conditions(column).each do |condition|
+        %li.fg-search-criterion
+          .fg-button-remove-criterion{ :title => t(:"search.remove_criterion",  :default => "Remove criterion", :scope => Fancygrid.i18n_scope) }
+          = select_tag(:identifier, options_for_select(fancygrid.select_column_options, condition[:identifier]))
+          = select_tag(:operator, options_for_select(fancygrid.select_operator_options, condition[:operator] || fancygrid.search_operator))
+          = text_field_tag(:value, condition[:value])
+      
+.fg-search-template
+  %li.fg-search-criterion
+    .fg-button-remove-criterion{ :title => t(:"search.remove_criterion",  :default => "Remove criterion", :scope => Fancygrid.i18n_scope) }
+    = select_tag(:identifier, options_for_select(fancygrid.select_column_options))
+    = select_tag(:operator, options_for_select(fancygrid.select_operator_options, fancygrid.search_operator))
+    = text_field_tag(:value)

data/app/views/fancygrid/sort.html.haml

@@ -0,0 +1,8 @@
+.fg-sort-window{ :style => "display: none;" }
+.fg-sort-content{ :style => "display: none;" }
+  %ul.fg-sortable
+    - fancygrid.leafs.each do |leaf|
+      %li.fg-sort-item
+        = check_box_tag leaf.identifier, "1", leaf.visible
+        = leaf.human_name
+  = submit_tag t(:"actions.save", :default => "Save", :scope => Fancygrid.i18n_scope) 

data/app/views/fancygrid/table.html.haml

@@ -0,0 +1,25 @@
+.fg-datawrapper{ :class => "fg-#{fancygrid.name}"}
+  %table.fg-datacontainer
+    %tr.fg-header
+      - fancygrid.visible_columns.each do |column|
+        %th{ :class => column.tag_class + (column.searchable ? " fg-orderable" : ""), :"fg-identifier" => column.identifier, :"fg-sort-order" => column.sort_order }
+          .fg-head-wrapper.fg-order-tag
+            = column.human_name
+    - if fancygrid.simple_search?
+      %tr.fg-search
+        - fancygrid.visible_columns.each do |column|
+          %td{ :class => column.tag_class }
+            - next unless column.searchable
+            .fg-search-criterion
+              = hidden_field_tag(:identifier, column.identifier)
+              = hidden_field_tag(:operator, fancygrid.search_operator)
+              - if column.search_options
+                = select_tag(:value, options_from_collection_for_select(column.search_options, :last, :first), :selected => column.search_value)
+              - else
+                = text_field_tag(:value, column.search_value)
+
+    - fancygrid.records.each do |record|
+      %tr.fg-row
+        - fancygrid.visible_columns.each do |column|
+          %td{ :class => column.tag_class }
+            = render_fancygrid_cell(record, column, &format_block)

data/config/locales/fancygrid.de.yml

@@ -1,25 +1,23 @@
 de:
   fancygrid:
-    pagination:
+    pagination: 
+      page: Seite
+      of: von
       per_page: 'Pro Seite:'
-      page: 'Seite'
-      of: 'von'
-      results: 'Ergebnisse'
-      
-      prev_page: 'Vorherige Seite'
-      next_page: 'Nächste Seite'
-      reload: 'Seite neu laden'
-    sort:
-      submit: "Spalten sortieren"
-      info: "Sie können die Spalten per Drag&Drop sortieren. Ziehen Sie die Spalten die Sie sehen möchten in die linke Liste, alle anderen in die rechte Liste. Klicken Sie zum Abschluss in den abgedunkelten Bereich."
-      header_visible: "Sichtbare Spalten"
-      header_hidden: "Versteckte Spalten"
+      go_to: Gehe zu Seite
+    actions:
+      search: 'Suchen'
+      reload: 'Suche neu laden'
+      reset: 'Suche löschen'
+      sort: 'Spalten sortieren'
+      save: 'Speichern'
+      prev: 'Vorherige Seite'
+      next: 'Nächste Seite'
     search:
-      title: 'Suche'
-      submit: 'Suchen'
-      clear: 'Suche löschen'
-      toggle: 'Suchleiste zeigen/verstecken'
-      conditions: 'Alle Bedingungen müssen erfüllt sein:'
+      title: Suche
+      conditions: 'Alle kriterien müssen erfüllt sein:'
+      add_criterion: Kriterium hinzufügen
+      remove_criterion: Kriterium löschen
       
       operator:
         equal: 'gleich'
@@ -38,4 +36,4 @@ de:
         is_false: 'ist falsch'
         is_not_false: 'ist nicht falsch'
         in: 'ist in'
-        not_in: 'ist nicht in'
+        not_in: 'ist nicht in'

data/config/locales/fancygrid.en.yml

@@ -1,24 +1,23 @@
 en:
   fancygrid:
-    pagination:
+    pagination: 
+      page: Page
+      of: of
       per_page: 'Per page:'
-      page: 'Page'
-      of: 'of'
-      results: 'Results'
-      prev_page: 'Pervious page'
-      next_page: 'Next page'
+      go_to: Go to page
+    actions:
+      search: 'Search'
       reload: 'Reload'
-    sort:
-      submit: "Sort columns"
-      info: "You can sort the columns using drag&drop. Drag the columns you want to be visible into the left list and all other into the right list. To submit just click somwhere outside the two lists."
-      header_visible: "Visible columns"
-      header_hidden: "Hidden columns"
+      reset: 'Reset'
+      sort: 'Sort columns'
+      save: 'Save'
+      prev: 'Pervious page'
+      next: 'Next page'
     search:
-      title: 'Search'
-      submit: 'Apply search'
-      clear: 'Clear search'
-      toggle: 'Show/Hide search'
+      title: Search
       conditions: 'All conditions must be met:'
+      add_criterion: Add criterion
+      remove_criterion: Remove criterion
       
       operator:
         equal: 'equal'
@@ -38,5 +37,3 @@ en:
         is_not_false: 'is not false'
         in: 'is in'
         not_in: 'is not in'
-
-      

data/fancygrid.gemspec

@@ -4,75 +4,57 @@
 # -*- encoding: utf-8 -*-
 
 Gem::Specification.new do |s|
-  s.name = %q{fancygrid}
-  s.version = "1.1.0"
+  s.name = "fancygrid"
+  s.version = "2.0.0"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
-  s.authors = ["Alexander Gr\303\244fenstein"]
-  s.date = %q{2011-08-23}
-  s.description = %q{Enables easy table rendering in rails applications}
-  s.email = %q{giniedp@online.de}
+  s.authors = ["Alexander Graefenstein"]
+  s.date = "2012-07-04"
+  s.description = "Enables easy table rendering in rails applications"
+  s.email = "giniedp@online.de"
   s.extra_rdoc_files = [
     "LICENSE",
-    "README.rdoc"
+    "README.md"
   ]
   s.files = [
-    ".bundle/config",
     ".rspec",
     "CHANGELOG",
     "Gemfile",
     "Gemfile.lock",
     "LICENSE",
-    "README.rdoc",
+    "README.md",
     "ROADMAP",
     "Rakefile",
     "VERSION",
-    "app/views/fancygrid/_cells.html.haml",
-    "app/views/fancygrid/base/controls.html.haml",
-    "app/views/fancygrid/base/list_frame.html.haml",
-    "app/views/fancygrid/base/search.html.haml",
-    "app/views/fancygrid/base/sort.html.haml",
-    "app/views/fancygrid/base/table_frame.html.haml",
-    "config/initializers/fancygrid.rb",
+    "app/views/fancygrid/controls.html.haml",
+    "app/views/fancygrid/fancygrid.html.haml",
+    "app/views/fancygrid/search.html.haml",
+    "app/views/fancygrid/sort.html.haml",
+    "app/views/fancygrid/table.html.haml",
     "config/locales/fancygrid.de.yml",
     "config/locales/fancygrid.en.yml",
     "fancygrid.gemspec",
     "init.rb",
+    "lib/assets/javascripts/fancygrid.js",
+    "lib/assets/javascripts/fancygrid.min.js",
+    "lib/assets/stylesheets/fancygrid.css",
     "lib/fancygrid.rb",
+    "lib/fancygrid/column.rb",
+    "lib/fancygrid/controller/helper.rb",
     "lib/fancygrid/grid.rb",
-    "lib/fancygrid/helper.rb",
     "lib/fancygrid/node.rb",
-    "lib/fancygrid/query_generator.rb",
-    "lib/fancygrid/view.rb",
-    "lib/generators/install_generator.rb",
-    "lib/generators/views_generator.rb",
-    "lib/version.rb",
-    "public/images/fancygrid/add.png",
-    "public/images/fancygrid/clear.png",
-    "public/images/fancygrid/ddn.png",
-    "public/images/fancygrid/dn.png",
-    "public/images/fancygrid/dots.png",
-    "public/images/fancygrid/loading.gif",
-    "public/images/fancygrid/magnifier.png",
-    "public/images/fancygrid/next.png",
-    "public/images/fancygrid/order.png",
-    "public/images/fancygrid/prev.png",
-    "public/images/fancygrid/reload.png",
-    "public/images/fancygrid/remove.png",
-    "public/images/fancygrid/spacer.gif",
-    "public/images/fancygrid/submit.png",
-    "public/images/fancygrid/th_bg.png",
-    "public/images/fancygrid/up.png",
-    "public/images/fancygrid/uup.png",
-    "public/javascripts/fancygrid.js",
-    "public/javascripts/fancygrid.min.js",
-    "public/stylesheets/fancygrid.css",
-    "public/stylesheets/fancygrid.scss",
+    "lib/fancygrid/object_wrapper.rb",
+    "lib/fancygrid/orm/active_record.rb",
+    "lib/fancygrid/orm/sql_generator.rb",
+    "lib/fancygrid/view/helper.rb",
+    "lib/fancygrid/view_state.rb",
+    "spec/column_spec.rb",
     "spec/dummy/Rakefile",
     "spec/dummy/app/controllers/application_controller.rb",
     "spec/dummy/app/helpers/application_helper.rb",
     "spec/dummy/app/models/project.rb",
     "spec/dummy/app/models/ticket.rb",
+    "spec/dummy/app/views/application/index.html.haml",
     "spec/dummy/app/views/layouts/application.html.erb",
     "spec/dummy/config.ru",
     "spec/dummy/config/application.rb",
@@ -89,73 +71,51 @@ Gem::Specification.new do |s|
     "spec/dummy/config/initializers/session_store.rb",
     "spec/dummy/config/locales/en.yml",
     "spec/dummy/config/routes.rb",
+    "spec/dummy/db/development.sqlite3",
     "spec/dummy/db/migrate/20110112183948_create_projects.rb",
     "spec/dummy/db/migrate/20110112183956_create_tickets.rb",
+    "spec/dummy/db/schema.rb",
     "spec/dummy/db/test.sqlite3",
-    "spec/dummy/log/development.log",
-    "spec/dummy/log/production.log",
-    "spec/dummy/log/server.log",
-    "spec/dummy/log/test.log",
     "spec/dummy/public/404.html",
     "spec/dummy/public/422.html",
     "spec/dummy/public/500.html",
     "spec/dummy/public/favicon.ico",
-    "spec/dummy/public/javascripts/application.js",
-    "spec/dummy/public/javascripts/controls.js",
-    "spec/dummy/public/javascripts/dragdrop.js",
-    "spec/dummy/public/javascripts/effects.js",
-    "spec/dummy/public/javascripts/prototype.js",
-    "spec/dummy/public/javascripts/rails.js",
+    "spec/dummy/public/javascripts/jquery-1.4.2.js",
+    "spec/dummy/public/javascripts/jquery-fancygrid.js",
+    "spec/dummy/public/javascripts/jquery-ui.js",
     "spec/dummy/public/stylesheets/.gitkeep",
+    "spec/dummy/public/stylesheets/fancygrid.css",
     "spec/dummy/script/rails",
-    "spec/grid_spec.rb",
-    "spec/integration/navigation_spec.rb",
     "spec/node_spec.rb",
-    "spec/query_generator_spec.rb",
-    "spec/spec_helper.rb"
+    "spec/spec_helper.rb",
+    "spec/view_state_spec.rb"
   ]
-  s.homepage = %q{http://github.com/giniedp/fancygrid}
+  s.homepage = "http://github.com/giniedp/fancygrid"
   s.require_paths = ["lib"]
-  s.rubygems_version = %q{1.5.3}
-  s.summary = %q{Table rendering for rails applications}
-  s.test_files = [
-    "spec/dummy/app/controllers/application_controller.rb",
-    "spec/dummy/app/helpers/application_helper.rb",
-    "spec/dummy/app/models/project.rb",
-    "spec/dummy/app/models/ticket.rb",
-    "spec/dummy/config/application.rb",
-    "spec/dummy/config/boot.rb",
-    "spec/dummy/config/environment.rb",
-    "spec/dummy/config/environments/development.rb",
-    "spec/dummy/config/environments/production.rb",
-    "spec/dummy/config/environments/test.rb",
-    "spec/dummy/config/initializers/backtrace_silencers.rb",
-    "spec/dummy/config/initializers/inflections.rb",
-    "spec/dummy/config/initializers/mime_types.rb",
-    "spec/dummy/config/initializers/secret_token.rb",
-    "spec/dummy/config/initializers/session_store.rb",
-    "spec/dummy/config/routes.rb",
-    "spec/dummy/db/migrate/20110112183948_create_projects.rb",
-    "spec/dummy/db/migrate/20110112183956_create_tickets.rb",
-    "spec/grid_spec.rb",
-    "spec/integration/navigation_spec.rb",
-    "spec/node_spec.rb",
-    "spec/query_generator_spec.rb",
-    "spec/spec_helper.rb"
-  ]
+  s.rubygems_version = "1.8.24"
+  s.summary = "Table rendering for rails applications"
 
   if s.respond_to? :specification_version then
     s.specification_version = 3
 
     if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
-      s.add_development_dependency(%q<rails>, [">= 3.0.3"])
+      s.add_runtime_dependency(%q<rails>, [">= 0"])
+      s.add_runtime_dependency(%q<haml>, [">= 0"])
+      s.add_development_dependency(%q<sqlite3>, [">= 0"])
+      s.add_development_dependency(%q<rspec-rails>, [">= 0"])
       s.add_development_dependency(%q<jeweler>, [">= 0"])
     else
-      s.add_dependency(%q<rails>, [">= 3.0.3"])
+      s.add_dependency(%q<rails>, [">= 0"])
+      s.add_dependency(%q<haml>, [">= 0"])
+      s.add_dependency(%q<sqlite3>, [">= 0"])
+      s.add_dependency(%q<rspec-rails>, [">= 0"])
       s.add_dependency(%q<jeweler>, [">= 0"])
     end
   else
-    s.add_dependency(%q<rails>, [">= 3.0.3"])
+    s.add_dependency(%q<rails>, [">= 0"])
+    s.add_dependency(%q<haml>, [">= 0"])
+    s.add_dependency(%q<sqlite3>, [">= 0"])
+    s.add_dependency(%q<rspec-rails>, [">= 0"])
     s.add_dependency(%q<jeweler>, [">= 0"])
   end
 end

data/lib/assets/javascripts/fancygrid.js

@@ -0,0 +1,425 @@
+(function( $ ) {
+
+  // Query format that is sent to the backend
+  //{
+  //  columns : [{ 
+  //    identifier : <string>, 
+  //    visible : <bool>, 
+  //    position : <number> 
+  //  }],
+  //  conditions : [{ 
+  //    identifier : <string>, 
+  //    operator : <string>, 
+  //    value : <string> 
+  //  }], 
+  //  operator : ["all"|"any"],
+  //  order : { 
+  //    identifier : <string>, 
+  //    direction : ["asc"|"desc"|""] 
+  //  },
+  //  pagination : { 
+  //    page : <number>, 
+  //    per_page : <number> 
+  //  }
+  //}  
+
+  var Fancygrid = this.Fancygrid = {};
+
+  var setValue = function(element, v){
+    $(element).each(function(index, item){
+      var $item = $(item);
+      if ($item.is("select") || $item.is("input")){
+        $item.val(v);
+      } else {
+        $item.text(v);
+      }
+    });
+  };
+  
+  var getValue = function(element){
+    element = $(element).first();
+    if (element.is("select") || element.is("input")){
+      return element.val();
+    }
+    return element.text();
+  };
+  
+  var FancygridWrapper = function(container, options){
+    
+    // setup setings and default values
+    var settings = { 
+      ajaxUrl        : "/", 
+      ajaxType       : "GET",
+      name           : "", 
+      searchFadeTime : 25,
+      searchFadeOpac : 0.5,
+      page           : 1,
+      perPage        : 25
+    };
+    options = (options || {});
+    $.extend(settings, options);
+
+    // cache parameters
+    this.name = options.name;
+    this.container = container;
+    this.settings = settings;
+    this.queries = 0;
+    this.query = { 
+      pagination      : { 
+        page : (settings.page),
+        per_page : settings.perPage
+      },
+      columns         : [],
+      conditions      : [],
+      operator        : "all",
+      order           : {}
+    };
+    
+    // cache components
+    this.components = {
+      container      : container,
+      search         : container.find(".fg-search"),
+      searchTemplate : container.find(".fg-search-template"),
+      sortWindow     : container.find(".fg-sort-window"),
+      sortContent    : container.find(".fg-sort-content"),
+      controls       : container.find(".fg-control-bar"),
+      dataWrapper    : container.find(".fg-datawrapper"),
+      dataContainer  : container.find(".fg-datacontainer"),
+      currentPage    : container.find(".fg-current-page"),
+      totalPages     : container.find(".fg-total-pages"),
+      perPage        : container.find(".fg-per-page"),
+      buttons : {
+        prevPage        : container.find(".fg-button-prev"),
+        nextPage        : container.find(".fg-button-next"),
+        refresh         : container.find(".fg-button-refresh"),
+        clearSearch     : container.find(".fg-button-clear"),
+        toggleSearch    : container.find(".fg-button-search"),
+        toggleSort      : container.find(".fg-button-sort"),
+        addCriterion    : container.find(".fg-button-add-criterion"),
+        removeCriterion : container.find(".fg-button-remove-criterion")
+      }
+    };
+
+    // hide components
+    this.components.searchTemplate.hide();
+    this.components.sortWindow.hide();
+    this.components.sortContent.hide();
+    if (!settings.searchVisible){
+      this.components.search.hide();
+    }
+    
+    var instance = this;
+    
+    // search attribute changed/focused
+    this.components.search.find("input[type='text'], select").bind("change.fancygrid", function(){
+      instance.buildConditions();
+      instance.refresh();
+    }).bind("focus.fancygrid", function(){
+      $(this).select();
+    });
+    
+    // search attribute changed/focused
+    this.components.currentPage.bind("change.fancygrid", function(){
+      instance.setPage(getValue($(this)));
+      instance.refresh();
+    }).bind("focus.fancygrid", function(){
+      $(this).select();
+    });
+          
+    // previous page click
+    this.components.buttons.prevPage.bind("click.fancygrid", function(e){
+      e.preventDefault();
+      instance.flipPages(-1);
+      instance.refresh();
+    });
+          
+    // next page click
+    this.components.buttons.nextPage.bind("click.fancygrid", function(e){
+      e.preventDefault();
+      instance.flipPages(1);
+      instance.refresh();
+    });
+          
+    // reload click
+    this.components.buttons.refresh.bind("click.fancygrid", function(e){
+      e.preventDefault();
+      instance.refresh();
+    });
+    
+    // clear click
+    this.components.buttons.clearSearch.bind("click.fancygrid", function(e){
+      e.preventDefault();
+      instance.clearSearch();
+      instance.refresh();
+    });
+    
+    // per page change
+    this.components.perPage.bind("change.fancygrid", function(e){
+      e.preventDefault();
+      instance.setPerPage(getValue($(this)));
+      instance.refresh();
+    });
+    
+    // magnifier click
+    this.components.buttons.toggleSearch.bind("click.fancygrid", function(e){
+      e.preventDefault();
+      instance.toggleSearch();
+    });
+    
+    // sort click
+    this.components.buttons.toggleSort.bind("click.fancygrid", function(e){
+      e.preventDefault();
+      instance.toggleSort();
+    });
+    this.components.sortWindow.click(function(){
+      instance.toggleSort();
+    });
+    
+    // remove search criterion
+    this.components.buttons.removeCriterion.click(function(e){
+      e.preventDefault();
+      instance.buildConditions();
+      $(this).parents(".fg-search-criterion").detach();
+    });
+    
+    // add search criterion
+    this.components.buttons.addCriterion.click(function(e){
+      e.preventDefault();
+      instance.addSearchCriterion();
+    });
+    
+    // 
+    container.find(".fg-orderable").click(function(e){
+      e.preventDefault();
+      instance.toggleOrder($(this));
+    });
+  };
+
+  FancygridWrapper.prototype.flipPages = function(value){
+    return this.setPage(this.query.pagination.page + value);
+  };
+  
+  FancygridWrapper.prototype.setPage = function(value){
+    value = Math.max(1, value);
+    this.query.pagination.page = value;
+    setValue(this.components.currentPage, value);
+    return value;
+  };
+  
+  FancygridWrapper.prototype.setPages = function(value){
+    value = Math.max(0, value);
+    setValue(this.components.totalPages, value);
+    return value;
+  };
+  
+  FancygridWrapper.prototype.setPerPage = function(value){
+    value = Math.max(1, value);
+    this.query.pagination.per_page = value;
+    setValue(this.components.perPage, value);
+  };
+  
+  FancygridWrapper.prototype.setOrder = function(identifier, direction){
+    this.query.order.identifier = identifier;
+    this.query.order.direction = direction;
+    this.container.find(".fg-orderable").attr("fg-sort-order", "");
+    this.container.find(".fg-orderable[fg-identifier='" + identifier + "']").attr("fg-sort-order", direction);
+    return this.query.order;
+  };
+  
+  FancygridWrapper.prototype.toggleOrder = function(column){
+    var identifier = column.attr("fg-identifier");
+    var direction = column.attr("fg-sort-order");
+
+    if (direction == "asc"){
+      direction = "desc";
+    } else if (direction == "desc"){
+      direction = "";
+    } else {
+      direction = "asc";
+    }
+    
+    this.setOrder(identifier, direction);
+    this.refresh();
+  };
+  
+  FancygridWrapper.prototype.toggleSort = function(){
+    this.components.sortWindow.css({
+      position : "absolute",
+      top : 0,
+      left : 0,
+      width : "100%",
+      height : "100%",
+      opacity : 0.5
+    });
+    this.components.sortContent.css({
+      position : "absolute",
+      top : (window.innerHeight * 0.25) / 2,
+      left : (window.innerWidth - 200) / 2,
+      width : 200
+    });
+    var instance = this;
+    this.components.sortContent.find("input[type=submit]").click(function(){
+      instance.submitSort();
+      return false;
+    });
+    
+    this.components.sortContent.find(".fg-sortable").sortable();
+    this.components.sortContent.find(".fg-sortable").disableSelection();
+    
+    this.components.sortWindow.toggle();
+    this.components.sortContent.toggle();
+  };
+
+  FancygridWrapper.prototype.submitSort = function(){
+    this.buildColumns();
+    this.refresh(function(){
+      window.location.reload();
+    });
+  };
+    
+  FancygridWrapper.prototype.clearSearch = function(){
+    // clear the complex search
+    this.container.find(".fg-search li.fg-search-criterion").detach();
+    // empty the simple search input fields
+    this.container.find(".fg-search-criterion *[name='value']").val("");
+    this.query.conditions = [];
+    return this.query.conditions;
+  };
+  
+  FancygridWrapper.prototype.buildColumns = function(){
+    var inputs = this.components.sortContent.find(".fg-sort-item input");
+    var items = this.query.columns = [];
+    inputs.each(function(index, item){
+       item = $(item);
+       items.push({
+         identifier : item.attr("name"),
+         visible : item.is(":checked"),
+         position : index
+       });
+    });    
+    return this.query.columns;
+  };
+
+  FancygridWrapper.prototype.buildConditions = function(){
+    this.query.operator = this.container.find("#fg-search-conditions:checked").val() || "all";
+    var conditions = this.query.conditions = [];
+    this.components.search.find(".fg-search-criterion").each(function(){
+      conditions.push({
+        identifier : getValue($(this).find("#identifier")),
+        operator : getValue($(this).find("#operator")),
+        value : getValue($(this).find("#value"))
+      });
+    });
+    return this.query;
+  };
+
+  FancygridWrapper.prototype.toggleSearch = function(){
+    this.components.search.toggle();
+    this.query.search_visible = this.components.search.is(":visible");      
+    return this.query.search_visible;
+  };
+
+  FancygridWrapper.prototype.addSearchCriterion = function(){
+    if (!this.components.searchTemplate){
+      return false;
+    }
+    
+    var instance = this;
+    var template = $(this.components.searchTemplate.html());
+    this.components.search.find(".fg-search-criteria").append(template);
+    
+    // remove criterion binding
+    template.find(".fg-button-remove-criterion").click(function(){ 
+      template.remove(); 
+      instance.buildConditions();
+    });
+    
+    
+    // change value binding
+    template.find("input[type='text']").bind("change.fancygrid", function(){
+      instance.buildConditions();
+    }).bind("focus.fancygrid", function(){
+      $(this).select();
+    });
+  };
+
+  FancygridWrapper.prototype.refresh = function(callback){
+    var instance = this;
+    var queryData = {};
+    queryData.fancygrid = {};
+    queryData.fancygrid[instance.name] = instance.query;
+    
+    instance.queries += 1;
+    instance.container.fadeTo(instance.settings.searchFadeTime, instance.settings.searchFadeOpac);
+    
+    $.ajax({
+      type      : instance.settings.ajaxType,
+      url       : instance.settings.ajaxUrl,
+      data      : queryData,
+      dataType  : "html",
+      success   : function(result){
+        instance.queries -= 1;
+        if(instance.queries === 0){
+          result = $(result).find("#fancygrid_" + instance.settings.name);
+
+          instance.container.find(".fg-row").detach();
+          instance.container.find(".fg-datacontainer").append(result.find(".fg-row"));
+          instance.setPage(getValue(result.find(".fg-current-page")));
+          instance.setPages(getValue(result.find(".fg-total-pages")));
+          instance.container.fadeTo(instance.settings.searchFadeTime, 1.0); 
+          instance.container.trigger("ajaxSuccess");
+        }
+      },
+      error : function(){
+        instance.queries -= 1;
+        if(instance.queries === 0){
+          instance.container.find(".fg-row").detach();
+          instance.container.fadeTo(instance.settings.searchFadeTime, 1.0); 
+          instance.container.trigger("ajaxError");
+        }
+      },
+      complete : callback
+    });
+  };
+
+  FancygridWrapper.prototype.download = function(type){
+    var instance = this;
+    var params = {};
+    params.fancygrid = {};
+    params.fancygrid[instance.name] = instance.query;
+    
+    var url = instance.settings.ajaxUrl;
+    if (url.match(/\.html$/)){
+      url = url.substring(0, url.length - 5);
+    }
+    url = [url, type].join(".");
+    
+    var data = $.param(params);
+    var method = instance.settings.ajaxType;
+    
+    if( url && data ){ 
+      //data can be string of parameters or array/object
+      data = (typeof(data) === 'string') ? data : $.param(data);
+
+      //split params into form inputs
+      var inputs = '';
+      $.each(data.split('&'), function(){ 
+        var pair = this.split('=');
+        inputs += '<input type="hidden" name="'+ decodeURIComponent(pair[0]) +'" value="'+ decodeURIComponent(pair[1]) +'" />';
+      });
+      //send request
+      $('<form action="'+ url +'" method="'+ (method || 'post') + '">' + inputs + '</form>').appendTo('body').submit().remove();
+    }
+  };
+
+      
+  //
+  // jQuery plugin
+  //
+  
+  $.fn.fancygrid = function(options) {
+    Fancygrid[options.name] = new FancygridWrapper($(this), options);
+    $(this).data("fancygrid", Fancygrid[options.name]);
+  };
+
+})(jQuery);