drewda_rails_admin 0.0.1

data/Gemfile

@@ -0,0 +1,53 @@
+source 'https://rubygems.org'
+
+# Bundle gems for the local environment. Make sure to
+# put test-only gems in this group so their generators
+# and rake tasks are available in development mode:
+group :development, :test do
+  platforms :jruby do
+    case ENV['CI_DB_ADAPTER']
+    when 'mysql'
+      gem 'activerecord-jdbcmysql-adapter', '~> 1.2'
+      gem 'jdbc-mysql', '~> 5.1'
+    when 'postgresql'
+      gem 'activerecord-jdbcpostgresql-adapter', '~> 1.2'
+      gem 'jdbc-postgres', '~> 9.0'
+    else
+      gem 'activerecord-jdbcsqlite3-adapter', '~> 1.2'
+      gem 'jdbc-sqlite3', '~> 3.6'
+    end
+  end
+
+  platforms :ruby, :mswin, :mingw do
+    case ENV['CI_DB_ADAPTER']
+    when 'mysql'
+      gem 'mysql', '~> 2.8'
+    when 'postgresql'
+      gem 'pg', '~> 0.13'
+    else
+      gem 'sqlite3', '~> 1.3'
+    end
+  end
+
+  gem 'bson_ext'
+  gem 'mongoid'
+  gem 'cancan'
+end
+
+group :debug do
+  platform :mri_18 do
+    gem 'ruby-debug'
+    gem 'linecache'
+  end
+
+  platform :mri_19 do
+    gem 'ruby-debug19'
+    gem 'simplecov', :require => false
+  end
+end
+
+platforms :jruby, :mingw_18, :ruby_18 do
+  gem 'fastercsv', '~> 1.5'
+end
+
+gemspec

data/LICENSE.md

@@ -0,0 +1,20 @@
+Copyright (c) 2010 Erik Michaels-Ober
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,160 @@
+# RailsAdmin [![Build Status](https://secure.travis-ci.org/sferik/rails_admin.png?branch=master)][travis] [![Dependency Status](https://gemnasium.com/sferik/rails_admin.png?travis)][gemnasium] [![Click here to lend your support to: RailsAdmin and make a donation at www.pledgie.com !](https://www.pledgie.com/campaigns/15917.png?skin_name=chrome)][pledgie]
+RailsAdmin is a Rails engine that provides an easy-to-use interface for managing your data.
+
+[travis]: http://travis-ci.org/sferik/rails_admin
+[gemnasium]: https://gemnasium.com/sferik/rails_admin
+[pledgie]: http://www.pledgie.com/campaigns/15917
+
+It started as a port of [MerbAdmin][merb-admin] to Rails 3 and was implemented
+as a [Ruby Summer of Code project][rubysoc] by [Bogdan Gaza][hurrycane] with
+mentors [Erik Michaels-Ober][sferik], [Yehuda Katz][wycats], [Luke van der
+Hoeven][plukevdh], and [Rein Henrichs][reinh].
+
+[merb-admin]: https://github.com/sferik/merb-admin
+[rubysoc]: http://www.rubysoc.org/projects
+[hurrycane]: https://github.com/hurrycane
+[sferik]: https://github.com/sferik
+[wycats]: https://github.com/wycats
+[plukevdh]: https://github.com/plukevdh
+[reinh]: https://github.com/reinh
+
+## <a name="features"></a>Features
+
+* Display database tables
+* Create new data
+* Easily update data
+* Safely delete data
+* Custom actions
+* Automatic form validation
+* Search and filtering
+* Export data to CSV/JSON/XML
+* Authentication (via [Devise](https://github.com/plataformatec/devise))
+* Authorization (via [Cancan](https://github.com/ryanb/cancan))
+* User action history (internally or via [PaperTrail](https://github.com/airblade/paper_trail))
+* Supported ORMs
+  * ActiveRecord
+  * Mongoid [new]
+
+## <a name="demo"></a>Demo
+
+Take RailsAdmin for a [test drive][demo] with sample data. ([Source code.][dummy_app])
+
+[demo]: http://rails-admin-tb.herokuapp.com/
+[dummy_app]: https://github.com/bbenezech/dummy_app
+
+## <a name="installation"></a>Installation
+In your `Gemfile`, add the following dependencies:
+
+    gem 'fastercsv' # Only required on Ruby 1.8 and below
+    gem 'rails_admin', :git => 'git://github.com/sferik/rails_admin.git'
+
+Run:
+
+    $ bundle install
+
+And then run:
+
+    $ rails g rails_admin:install
+
+This generator will install RailsAdmin and [Devise](https://github.com/plataformatec/devise) if you
+don't already have it installed. [Devise](https://github.com/plataformatec/devise) is strongly
+recommended to protect your data from anonymous users.
+It will modify your `config/routes.rb`, adding:
+
+```ruby
+mount RailsAdmin::Engine => '/admin', :as => 'rails_admin' # Feel free to change '/admin' to any namespace you need.
+```
+
+It will also add an intializer that will help you getting started. (head for config/initializers/rails_admin.rb)
+
+Optionally, you may wish to set up [Cancan](https://github.com/ryanb/cancan), 
+[PaperTrail](https://github.com/airblade/paper_trail), [CKeditor](https://github.com/galetahub/ckeditor)
+
+More on that in the [Wiki](https://github.com/sferik/rails_admin/wiki)
+
+## <a name="usage"></a>Usage
+Start the server:
+
+    $ rails server
+
+You should now be able to administer your site at
+[http://localhost:3000/admin](http://localhost:3000/admin).
+
+## <a name="configuration"></a>Configuration
+
+All configuration documentation has moved to the wiki: https://github.com/sferik/rails_admin/wiki
+
+## <a name="support"></a>Support
+Please see [list of known issues](https://github.com/sferik/rails_admin/wiki/Known-issues) first.
+
+If you have a question, please check this README, the wiki, and the list of known issues.
+
+If you still have a question, you can ask the [official RailsAdmin mailing
+list](http://groups.google.com/group/rails_admin) or ping sferik on IRC in
+[#railsadmin on
+irc.freenode.net](http://webchat.freenode.net/?channels=railsadmin).
+
+If you think you found a bug in RailsAdmin, you can [submit an
+issue](https://github.com/sferik/rails_admin#issues).
+No feature requests or questions please (the mailing list is 
+active and is the preferred venue for feature requests and questions).
+
+## <a name="contributing"></a>Contributing
+In the spirit of [free software](http://www.fsf.org/licensing/essays/free-sw.html), 
+**everyone** is encouraged to help improve this project.
+
+Here are some ways *you* can contribute:
+
+* by using alpha, beta, and prerelease versions
+* by reporting bugs
+* by suggesting new features
+* by [translating to a new language](https://github.com/sferik/rails_admin/wiki/Translations)
+* by writing or editing documentation
+* by writing specifications
+* by writing code (**no patch is too small**: fix typos, add comments, clean up inconsistent whitespace)
+* by refactoring code
+* by resolving [issues](https://github.com/sferik/rails_admin/issues)
+* by reviewing patches
+* [financially](http://pledgie.com/campaigns/15917)
+
+## <a name="issues"></a>Submitting an Issue
+We use the [GitHub issue tracker](https://github.com/sferik/rails_admin/issues) to track bugs and
+features. Before submitting a bug report or feature request, please check to make sure it hasn't already
+been submitted. You can indicate support for an existing issue by voting it up. When submitting a
+bug report, please include a [Gist](https://gist.github.com/) that includes a stack trace and any
+details that may be necessary to reproduce the bug, including your gem version, Ruby version, and
+operating system. Ideally, a bug report should include a pull request with failing specs.
+
+## <a name="pulls"></a>Submitting a Pull Request
+1. Fork the project.
+2. Create a topic branch.
+3. Implement your feature or bug fix.  *NOTE* - there's a small test app located in the 
+spec/dummy_app directory that you can use to experiment with rails_admin.
+4. Add documentation for your feature or bug fix.
+5. Run `bundle exec rake doc:yard`. If your changes are not 100% documented, go back to step 4.
+6. Add specs for your feature or bug fix.
+7. Run `bundle exec rake spec`. If your changes are not 100% covered, go back to step 6.
+8. Commit and push your changes.
+9. Submit a pull request. Please do not include changes to the gemspec, version, or history file. 
+(If you want to create your own version for some reason, please do so in a separate commit.)
+
+## <a name="versions"></a>Supported Ruby Versions
+This library aims to support and is [tested against][travis] the following Ruby implementations:
+
+* Ruby 1.8.7
+* Ruby 1.9.2
+* Ruby 1.9.3
+* [Rubinius][]
+* [Ruby Enterprise Edition][ree]
+* [JRuby][jruby]
+
+[rubinius]: http://rubini.us/
+[ree]: http://www.rubyenterpriseedition.com/
+[jruby]:http://jruby.org/
+
+## <a name="screenshots"></a>Screenshots
+![Dashboard view](https://github.com/sferik/rails_admin/raw/master/screenshots/dashboard.png "dashboard view")
+![Delete view](https://github.com/sferik/rails_admin/raw/master/screenshots/delete.png "delete view")
+![List view](https://github.com/sferik/rails_admin/raw/master/screenshots/list.png "list view")
+![Nested view](https://github.com/sferik/rails_admin/raw/master/screenshots/nested.png "nested view")
+![Polymophic edit view](https://github.com/sferik/rails_admin/raw/master/screenshots/polymorphic.png "polymorphic view")

data/Rakefile

@@ -0,0 +1,19 @@
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+Dir['lib/tasks/*.rake'].each { |rake| load rake }
+
+require "rubygems"
+require "bundler/setup"
+require 'rspec/core/rake_task'
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :test => :spec
+task :default => :spec
+namespace :spec do
+  task :coverage do
+    ENV['INVOKE_SIMPLECOV'] = 'true'
+    Rake::Task[:spec].invoke
+  end
+end

data/app/assets/javascripts/rails_admin/custom/ui.js

@@ -0,0 +1,12 @@
+/*
+  Meant to be overriden in user's app/assets/javascripts/rails_admin/custom directory. no content here
+
+  Available resources:
+
+  http://twitter.github.com/bootstrap/javascript.html
+  https://github.com/twitter/bootstrap/tree/master/js
+  http://jquery.com/
+  http://jqueryui.com/ (parts of it)
+
+  rename to ui.js.coffee if needed.
+*/

data/app/assets/javascripts/rails_admin/jquery.colorpicker.js

@@ -0,0 +1,484 @@
+/**
+ *
+ * Color picker
+ * Author: Stefan Petre www.eyecon.ro
+ *
+ * Dual licensed under the MIT and GPL licenses
+ *
+ */
+(function ($) {
+  var ColorPicker = function () {
+    var
+      ids = {},
+      inAction,
+      charMin = 65,
+      visible,
+      tpl = '<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>',
+      defaults = {
+        eventName: 'click',
+        onShow: function () {},
+        onBeforeShow: function(){},
+        onHide: function () {},
+        onChange: function () {},
+        onSubmit: function () {},
+        color: 'ff0000',
+        livePreview: true,
+        flat: false
+      },
+      fillRGBFields = function  (hsb, cal) {
+        var rgb = HSBToRGB(hsb);
+        $(cal).data('colorpicker').fields
+          .eq(1).val(rgb.r).end()
+          .eq(2).val(rgb.g).end()
+          .eq(3).val(rgb.b).end();
+      },
+      fillHSBFields = function  (hsb, cal) {
+        $(cal).data('colorpicker').fields
+          .eq(4).val(hsb.h).end()
+          .eq(5).val(hsb.s).end()
+          .eq(6).val(hsb.b).end();
+      },
+      fillHexFields = function (hsb, cal) {
+        $(cal).data('colorpicker').fields
+          .eq(0).val(HSBToHex(hsb)).end();
+      },
+      setSelector = function (hsb, cal) {
+        $(cal).data('colorpicker').selector.css('backgroundColor', '#' + HSBToHex({h: hsb.h, s: 100, b: 100}));
+        $(cal).data('colorpicker').selectorIndic.css({
+          left: parseInt(150 * hsb.s/100, 10),
+          top: parseInt(150 * (100-hsb.b)/100, 10)
+        });
+      },
+      setHue = function (hsb, cal) {
+        $(cal).data('colorpicker').hue.css('top', parseInt(150 - 150 * hsb.h/360, 10));
+      },
+      setCurrentColor = function (hsb, cal) {
+        $(cal).data('colorpicker').currentColor.css('backgroundColor', '#' + HSBToHex(hsb));
+      },
+      setNewColor = function (hsb, cal) {
+        $(cal).data('colorpicker').newColor.css('backgroundColor', '#' + HSBToHex(hsb));
+      },
+      keyDown = function (ev) {
+        var pressedKey = ev.charCode || ev.keyCode || -1;
+        if ((pressedKey > charMin && pressedKey <= 90) || pressedKey == 32) {
+          return false;
+        }
+        var cal = $(this).parent().parent();
+        if (cal.data('colorpicker').livePreview === true) {
+          change.apply(this);
+        }
+      },
+      change = function (ev) {
+        var cal = $(this).parent().parent(), col;
+        if (this.parentNode.className.indexOf('_hex') > 0) {
+          cal.data('colorpicker').color = col = HexToHSB(fixHex(this.value));
+        } else if (this.parentNode.className.indexOf('_hsb') > 0) {
+          cal.data('colorpicker').color = col = fixHSB({
+            h: parseInt(cal.data('colorpicker').fields.eq(4).val(), 10),
+            s: parseInt(cal.data('colorpicker').fields.eq(5).val(), 10),
+            b: parseInt(cal.data('colorpicker').fields.eq(6).val(), 10)
+          });
+        } else {
+          cal.data('colorpicker').color = col = RGBToHSB(fixRGB({
+            r: parseInt(cal.data('colorpicker').fields.eq(1).val(), 10),
+            g: parseInt(cal.data('colorpicker').fields.eq(2).val(), 10),
+            b: parseInt(cal.data('colorpicker').fields.eq(3).val(), 10)
+          }));
+        }
+        if (ev) {
+          fillRGBFields(col, cal.get(0));
+          fillHexFields(col, cal.get(0));
+          fillHSBFields(col, cal.get(0));
+        }
+        setSelector(col, cal.get(0));
+        setHue(col, cal.get(0));
+        setNewColor(col, cal.get(0));
+        cal.data('colorpicker').onChange.apply(cal, [col, HSBToHex(col), HSBToRGB(col)]);
+      },
+      blur = function (ev) {
+        var cal = $(this).parent().parent();
+        cal.data('colorpicker').fields.parent().removeClass('colorpicker_focus');
+      },
+      focus = function () {
+        charMin = this.parentNode.className.indexOf('_hex') > 0 ? 70 : 65;
+        $(this).parent().parent().data('colorpicker').fields.parent().removeClass('colorpicker_focus');
+        $(this).parent().addClass('colorpicker_focus');
+      },
+      downIncrement = function (ev) {
+        var field = $(this).parent().find('input').focus();
+        var current = {
+          el: $(this).parent().addClass('colorpicker_slider'),
+          max: this.parentNode.className.indexOf('_hsb_h') > 0 ? 360 : (this.parentNode.className.indexOf('_hsb') > 0 ? 100 : 255),
+          y: ev.pageY,
+          field: field,
+          val: parseInt(field.val(), 10),
+          preview: $(this).parent().parent().data('colorpicker').livePreview
+        };
+        $(document).bind('mouseup', current, upIncrement);
+        $(document).bind('mousemove', current, moveIncrement);
+      },
+      moveIncrement = function (ev) {
+        ev.data.field.val(Math.max(0, Math.min(ev.data.max, parseInt(ev.data.val + ev.pageY - ev.data.y, 10))));
+        if (ev.data.preview) {
+          change.apply(ev.data.field.get(0), [true]);
+        }
+        return false;
+      },
+      upIncrement = function (ev) {
+        change.apply(ev.data.field.get(0), [true]);
+        ev.data.el.removeClass('colorpicker_slider').find('input').focus();
+        $(document).unbind('mouseup', upIncrement);
+        $(document).unbind('mousemove', moveIncrement);
+        return false;
+      },
+      downHue = function (ev) {
+        var current = {
+          cal: $(this).parent(),
+          y: $(this).offset().top
+        };
+        current.preview = current.cal.data('colorpicker').livePreview;
+        $(document).bind('mouseup', current, upHue);
+        $(document).bind('mousemove', current, moveHue);
+      },
+      moveHue = function (ev) {
+        change.apply(
+          ev.data.cal.data('colorpicker')
+            .fields
+            .eq(4)
+            .val(parseInt(360*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.y))))/150, 10))
+            .get(0),
+          [ev.data.preview]
+        );
+        return false;
+      },
+      upHue = function (ev) {
+        fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+        fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+        $(document).unbind('mouseup', upHue);
+        $(document).unbind('mousemove', moveHue);
+        return false;
+      },
+      downSelector = function (ev) {
+        var current = {
+          cal: $(this).parent(),
+          pos: $(this).offset()
+        };
+        current.preview = current.cal.data('colorpicker').livePreview;
+        $(document).bind('mouseup', current, upSelector);
+        $(document).bind('mousemove', current, moveSelector);
+      },
+      moveSelector = function (ev) {
+        change.apply(
+          ev.data.cal.data('colorpicker')
+            .fields
+            .eq(6)
+            .val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.pos.top))))/150, 10))
+            .end()
+            .eq(5)
+            .val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - ev.data.pos.left))))/150, 10))
+            .get(0),
+          [ev.data.preview]
+        );
+        return false;
+      },
+      upSelector = function (ev) {
+        fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+        fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
+        $(document).unbind('mouseup', upSelector);
+        $(document).unbind('mousemove', moveSelector);
+        return false;
+      },
+      enterSubmit = function (ev) {
+        $(this).addClass('colorpicker_focus');
+      },
+      leaveSubmit = function (ev) {
+        $(this).removeClass('colorpicker_focus');
+      },
+      clickSubmit = function (ev) {
+        var cal = $(this).parent();
+        var col = cal.data('colorpicker').color;
+        cal.data('colorpicker').origColor = col;
+        setCurrentColor(col, cal.get(0));
+        cal.data('colorpicker').onSubmit(col, HSBToHex(col), HSBToRGB(col), cal.data('colorpicker').el);
+      },
+      show = function (ev) {
+        var cal = $('#' + $(this).data('colorpickerId'));
+        cal.data('colorpicker').onBeforeShow.apply(this, [cal.get(0)]);
+        var pos = $(this).offset();
+        var viewPort = getViewport();
+        var top = pos.top + this.offsetHeight;
+        var left = pos.left;
+        if (top + 176 > viewPort.t + viewPort.h) {
+          top -= this.offsetHeight + 176;
+        }
+        if (left + 356 > viewPort.l + viewPort.w) {
+          left -= 356;
+        }
+        cal.css({left: left + 'px', top: top + 'px'});
+        if (cal.data('colorpicker').onShow.apply(this, [cal.get(0)]) != false) {
+          cal.show();
+        }
+        $(document).bind('mousedown', {cal: cal}, hide);
+        return false;
+      },
+      hide = function (ev) {
+        if (!isChildOf(ev.data.cal.get(0), ev.target, ev.data.cal.get(0))) {
+          if (ev.data.cal.data('colorpicker').onHide.apply(this, [ev.data.cal.get(0)]) != false) {
+            ev.data.cal.hide();
+          }
+          $(document).unbind('mousedown', hide);
+        }
+      },
+      isChildOf = function(parentEl, el, container) {
+        if (parentEl == el) {
+          return true;
+        }
+        if (parentEl.contains) {
+          return parentEl.contains(el);
+        }
+        if ( parentEl.compareDocumentPosition ) {
+          return !!(parentEl.compareDocumentPosition(el) & 16);
+        }
+        var prEl = el.parentNode;
+        while(prEl && prEl != container) {
+          if (prEl == parentEl)
+            return true;
+          prEl = prEl.parentNode;
+        }
+        return false;
+      },
+      getViewport = function () {
+        var m = document.compatMode == 'CSS1Compat';
+        return {
+          l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft),
+          t : window.pageYOffset || (m ? document.documentElement.scrollTop : document.body.scrollTop),
+          w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth),
+          h : window.innerHeight || (m ? document.documentElement.clientHeight : document.body.clientHeight)
+        };
+      },
+      fixHSB = function (hsb) {
+        return {
+          h: Math.min(360, Math.max(0, hsb.h)),
+          s: Math.min(100, Math.max(0, hsb.s)),
+          b: Math.min(100, Math.max(0, hsb.b))
+        };
+      },
+      fixRGB = function (rgb) {
+        return {
+          r: Math.min(255, Math.max(0, rgb.r)),
+          g: Math.min(255, Math.max(0, rgb.g)),
+          b: Math.min(255, Math.max(0, rgb.b))
+        };
+      },
+      fixHex = function (hex) {
+        var len = 6 - hex.length;
+        if (len > 0) {
+          var o = [];
+          for (var i=0; i<len; i++) {
+            o.push('0');
+          }
+          o.push(hex);
+          hex = o.join('');
+        }
+        return hex;
+      },
+      HexToRGB = function (hex) {
+        var hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
+        return {r: hex >> 16, g: (hex & 0x00FF00) >> 8, b: (hex & 0x0000FF)};
+      },
+      HexToHSB = function (hex) {
+        return RGBToHSB(HexToRGB(hex));
+      },
+      RGBToHSB = function (rgb) {
+        var hsb = {
+          h: 0,
+          s: 0,
+          b: 0
+        };
+        var min = Math.min(rgb.r, rgb.g, rgb.b);
+        var max = Math.max(rgb.r, rgb.g, rgb.b);
+        var delta = max - min;
+        hsb.b = max;
+        if (max != 0) {
+
+        }
+        hsb.s = max != 0 ? 255 * delta / max : 0;
+        if (hsb.s != 0) {
+          if (rgb.r == max) {
+            hsb.h = (rgb.g - rgb.b) / delta;
+          } else if (rgb.g == max) {
+            hsb.h = 2 + (rgb.b - rgb.r) / delta;
+          } else {
+            hsb.h = 4 + (rgb.r - rgb.g) / delta;
+          }
+        } else {
+          hsb.h = -1;
+        }
+        hsb.h *= 60;
+        if (hsb.h < 0) {
+          hsb.h += 360;
+        }
+        hsb.s *= 100/255;
+        hsb.b *= 100/255;
+        return hsb;
+      },
+      HSBToRGB = function (hsb) {
+        var rgb = {};
+        var h = Math.round(hsb.h);
+        var s = Math.round(hsb.s*255/100);
+        var v = Math.round(hsb.b*255/100);
+        if(s == 0) {
+          rgb.r = rgb.g = rgb.b = v;
+        } else {
+          var t1 = v;
+          var t2 = (255-s)*v/255;
+          var t3 = (t1-t2)*(h%60)/60;
+          if(h==360) h = 0;
+          if(h<60) {rgb.r=t1;  rgb.b=t2; rgb.g=t2+t3}
+          else if(h<120) {rgb.g=t1; rgb.b=t2;  rgb.r=t1-t3}
+          else if(h<180) {rgb.g=t1; rgb.r=t2;  rgb.b=t2+t3}
+          else if(h<240) {rgb.b=t1; rgb.r=t2;  rgb.g=t1-t3}
+          else if(h<300) {rgb.b=t1; rgb.g=t2;  rgb.r=t2+t3}
+          else if(h<360) {rgb.r=t1; rgb.g=t2;  rgb.b=t1-t3}
+          else {rgb.r=0; rgb.g=0;  rgb.b=0}
+        }
+        return {r:Math.round(rgb.r), g:Math.round(rgb.g), b:Math.round(rgb.b)};
+      },
+      RGBToHex = function (rgb) {
+        var hex = [
+          rgb.r.toString(16),
+          rgb.g.toString(16),
+          rgb.b.toString(16)
+        ];
+        $.each(hex, function (nr, val) {
+          if (val.length == 1) {
+            hex[nr] = '0' + val;
+          }
+        });
+        return hex.join('');
+      },
+      HSBToHex = function (hsb) {
+        return RGBToHex(HSBToRGB(hsb));
+      },
+      restoreOriginal = function () {
+        var cal = $(this).parent();
+        var col = cal.data('colorpicker').origColor;
+        cal.data('colorpicker').color = col;
+        fillRGBFields(col, cal.get(0));
+        fillHexFields(col, cal.get(0));
+        fillHSBFields(col, cal.get(0));
+        setSelector(col, cal.get(0));
+        setHue(col, cal.get(0));
+        setNewColor(col, cal.get(0));
+      };
+    return {
+      init: function (opt) {
+        opt = $.extend({}, defaults, opt||{});
+        if (typeof opt.color == 'string') {
+          opt.color = HexToHSB(opt.color);
+        } else if (opt.color.r != undefined && opt.color.g != undefined && opt.color.b != undefined) {
+          opt.color = RGBToHSB(opt.color);
+        } else if (opt.color.h != undefined && opt.color.s != undefined && opt.color.b != undefined) {
+          opt.color = fixHSB(opt.color);
+        } else {
+          return this;
+        }
+        return this.each(function () {
+          if (!$(this).data('colorpickerId')) {
+            var options = $.extend({}, opt);
+            options.origColor = opt.color;
+            var id = 'collorpicker_' + parseInt(Math.random() * 1000);
+            $(this).data('colorpickerId', id);
+            var cal = $(tpl).attr('id', id);
+            if (options.flat) {
+              cal.appendTo(this).show();
+            } else {
+              cal.appendTo(document.body);
+            }
+            options.fields = cal
+                      .find('input')
+                        .bind('keyup', keyDown)
+                        .bind('change', change)
+                        .bind('blur', blur)
+                        .bind('focus', focus);
+            cal
+              .find('span').bind('mousedown', downIncrement).end()
+              .find('>div.colorpicker_current_color').bind('click', restoreOriginal);
+            options.selector = cal.find('div.colorpicker_color').bind('mousedown', downSelector);
+            options.selectorIndic = options.selector.find('div div');
+            options.el = this;
+            options.hue = cal.find('div.colorpicker_hue div');
+            cal.find('div.colorpicker_hue').bind('mousedown', downHue);
+            options.newColor = cal.find('div.colorpicker_new_color');
+            options.currentColor = cal.find('div.colorpicker_current_color');
+            cal.data('colorpicker', options);
+            cal.find('div.colorpicker_submit')
+              .bind('mouseenter', enterSubmit)
+              .bind('mouseleave', leaveSubmit)
+              .bind('click', clickSubmit);
+            fillRGBFields(options.color, cal.get(0));
+            fillHSBFields(options.color, cal.get(0));
+            fillHexFields(options.color, cal.get(0));
+            setHue(options.color, cal.get(0));
+            setSelector(options.color, cal.get(0));
+            setCurrentColor(options.color, cal.get(0));
+            setNewColor(options.color, cal.get(0));
+            if (options.flat) {
+              cal.css({
+                position: 'relative',
+                display: 'block'
+              });
+            } else {
+              $(this).bind(options.eventName, show);
+            }
+          }
+        });
+      },
+      showPicker: function() {
+        return this.each( function () {
+          if ($(this).data('colorpickerId')) {
+            show.apply(this);
+          }
+        });
+      },
+      hidePicker: function() {
+        return this.each( function () {
+          if ($(this).data('colorpickerId')) {
+            $('#' + $(this).data('colorpickerId')).hide();
+          }
+        });
+      },
+      setColor: function(col) {
+        if (typeof col == 'string') {
+          col = HexToHSB(col);
+        } else if (col.r != undefined && col.g != undefined && col.b != undefined) {
+          col = RGBToHSB(col);
+        } else if (col.h != undefined && col.s != undefined && col.b != undefined) {
+          col = fixHSB(col);
+        } else {
+          return this;
+        }
+        return this.each(function(){
+          if ($(this).data('colorpickerId')) {
+            var cal = $('#' + $(this).data('colorpickerId'));
+            cal.data('colorpicker').color = col;
+            cal.data('colorpicker').origColor = col;
+            fillRGBFields(col, cal.get(0));
+            fillHSBFields(col, cal.get(0));
+            fillHexFields(col, cal.get(0));
+            setHue(col, cal.get(0));
+            setSelector(col, cal.get(0));
+            setCurrentColor(col, cal.get(0));
+            setNewColor(col, cal.get(0));
+          }
+        });
+      }
+    };
+  }();
+  $.fn.extend({
+    ColorPicker: ColorPicker.init,
+    ColorPickerHide: ColorPicker.hidePicker,
+    ColorPickerShow: ColorPicker.showPicker,
+    ColorPickerSetColor: ColorPicker.setColor
+  });
+})(jQuery)