beautiful_scaffold 1.0.1 → 2.0.2

data/lib/generators/templates/app/views/show.html.erb

@@ -3,6 +3,6 @@
 <%= render_partial 'app/views/partials/_show_field.html.erb' %>
 <!-- Beautiful_scaffold - AddField - Field - Do not remove -->
 
-<%%= link_to t(:edit, :default => "Edit"), edit_<%= namespace_for_route %><%= singular_table_name %>_path(@<%= singular_table_name %>), :class => "btn btn-default" %>
-<%%= link_to t(:back, :default => "Back"), <%= namespace_for_route %><%= plural_table_name %>_path, :class => "btn btn-default" %>
+<%%= link_to t(:edit, :default => "Edit"), edit_<%= namespace_for_route %><%= singular_table_name %>_path(@<%= singular_table_name %>), :class => "btn btn-light" %>
+<%%= link_to t(:back, :default => "Back"), <%= namespace_for_route %><%= plural_table_name %>_path, :class => "btn btn-light" %>
 

data/lib/generators/templates/app/views/treeview.html.erb

@@ -1,17 +1,20 @@
 <h2><%%= t(:treeview, :default => 'Treeview') %> <%%= <%= i18n_t_m(singular_table_name) %> %></h2>
 
+<% engine_or_empty = (engine_camel.present? ? "#{engine_camel}::" : '') %>
+
 <%%
+engine_name       = "<%= engine_name %>"
 namespace_for_url = "<%= namespace_for_url %>"
 plural_model_name = "<%= model_pluralize %>"
 model_name        = "<%= singular_table_name %>"
-opened_node       = <%= model_with_engine_camelize %>.select(:id).all.map{ |g| "'treeelt_" + g.id.to_s + "'" }.join(',').html_safe
+opened_node       = <%= engine_or_empty %><%= model_camelize %>.select(:id).all.map{ |g| "'treeelt_" + g.id.to_s + "'" }.join(',').html_safe
 %>
 
-<div id="treeview" data-model="<%%= model_name %>" data-url="/<%%= namespace_for_url %><%%= plural_model_name %>/" data-opened="[<%%= opened_node %>]">
+<div id="treeview" data-model="<%%= model_name %>" data-url="/<%%= engine_name %><%%= namespace_for_url %><%%= plural_model_name %>/" data-opened="[<%%= opened_node %>]">
   <ul>
-    <%% <%= model_with_engine_camelize %>.transaction do %>
-    <%% ar = <%= model_with_engine_camelize %>.where(:<%= model %>_id => nil) %>
-    <%% ar = ar.order("position") if <%= model_with_engine_camelize %>.column_names.include?("position") %>
+    <%% <%= engine_or_empty %><%= model_camelize %>.transaction do %>
+    <%% ar = <%= engine_or_empty %><%= model_camelize %>.where(:<%= model %>_id => nil) %>
+    <%% ar = ar.order("position") if <%= engine_or_empty %><%= model_camelize %>.column_names.include?("position") %>
       <%% for g in ar.all %>
         <%%= build_treeview(g, '<%= model_pluralize %>') %>
       <%% end %>

metadata

@@ -1,35 +1,40 @@
 --- !ruby/object:Gem::Specification
 name: beautiful_scaffold
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 2.0.2
 platform: ruby
 authors:
 - Sylvain Claudel
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2017-05-18 00:00:00.000000000 Z
+date: 2021-02-19 00:00:00.000000000 Z
 dependencies: []
 description: Beautiful Scaffold generate a complete scaffold (sort, export, paginate
-  and filter data) http://www.beautiful-scaffold.com
+  and filter data) http://beautiful-scaffold.rivsc.ovh
 email: claudel.sylvain@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
 - ".gitattributes"
+- ".gitignore"
 - CHANGELOG
 - Gemfile
 - MIT-LICENSE
 - README.rdoc
+- Rakefile
 - beautiful_scaffold.gemspec
+- lib/beautiful_scaffold/version.rb
 - lib/generators/USAGE
-- lib/generators/beautiful_devisecancan_generator.rb
+- lib/generators/beautiful_cancancan_generator.rb
 - lib/generators/beautiful_jointable_generator.rb
 - lib/generators/beautiful_locale_generator.rb
 - lib/generators/beautiful_migration_generator.rb
 - lib/generators/beautiful_scaffold_common_methods.rb
 - lib/generators/beautiful_scaffold_generator.rb
+- lib/generators/beautiful_sorcery_generator.rb
+- lib/generators/beautiful_storage_generator.rb
 - lib/generators/templates/app/assets/images/alpha.png
 - lib/generators/templates/app/assets/images/hue.png
 - lib/generators/templates/app/assets/images/saturation.png
@@ -38,30 +43,29 @@ files:
 - lib/generators/templates/app/assets/javascripts/advanced.js
 - lib/generators/templates/app/assets/javascripts/application-bs.js
 - lib/generators/templates/app/assets/javascripts/beautiful_scaffold.js
-- lib/generators/templates/app/assets/javascripts/bootstrap-colorpicker.js
 - lib/generators/templates/app/assets/javascripts/bootstrap-datetimepicker-for-beautiful-scaffold.js
 - lib/generators/templates/app/assets/javascripts/bootstrap-wysihtml5.js
 - lib/generators/templates/app/assets/javascripts/fixed_menu.js
 - lib/generators/templates/app/assets/javascripts/jquery-barcode.js
-- lib/generators/templates/app/assets/javascripts/jquery.jstree.js
+- lib/generators/templates/app/assets/javascripts/jstree.min.js
 - lib/generators/templates/app/assets/javascripts/modernizr.custom.js
 - lib/generators/templates/app/assets/javascripts/tagit.js
 - lib/generators/templates/app/assets/stylesheets/application-bs.css
 - lib/generators/templates/app/assets/stylesheets/beautiful-scaffold.css.scss
 - lib/generators/templates/app/assets/stylesheets/bootstrap-wysihtml5.css
-- lib/generators/templates/app/assets/stylesheets/bootstrap_and_overrides.css.less
-- lib/generators/templates/app/assets/stylesheets/colorpicker.css
-- lib/generators/templates/app/assets/stylesheets/datepicker.css
-- lib/generators/templates/app/assets/stylesheets/reset.css
 - lib/generators/templates/app/assets/stylesheets/tagit-dark-grey.css
-- lib/generators/templates/app/assets/stylesheets/themes/default/d.gif
-- lib/generators/templates/app/assets/stylesheets/themes/default/d.png
-- lib/generators/templates/app/assets/stylesheets/themes/default/style.css
+- lib/generators/templates/app/assets/stylesheets/themes/default-dark/32px.png
+- lib/generators/templates/app/assets/stylesheets/themes/default-dark/40px.png
+- lib/generators/templates/app/assets/stylesheets/themes/default-dark/style.scss
+- lib/generators/templates/app/assets/stylesheets/themes/default-dark/throbber.gif
+- lib/generators/templates/app/assets/stylesheets/themes/default/32px.png
+- lib/generators/templates/app/assets/stylesheets/themes/default/40px.png
+- lib/generators/templates/app/assets/stylesheets/themes/default/style.scss
 - lib/generators/templates/app/assets/stylesheets/themes/default/throbber.gif
-- lib/generators/templates/app/assets/stylesheets/timepicker.css
 - lib/generators/templates/app/controllers/base.rb
 - lib/generators/templates/app/controllers/master_base.rb
 - lib/generators/templates/app/controllers/registrations_controller.rb
+- lib/generators/templates/app/controllers/user_sessions_controller.rb
 - lib/generators/templates/app/helpers/beautiful_helper.rb
 - lib/generators/templates/app/helpers/model_helper.rb
 - lib/generators/templates/app/initializers/link_renderer.rb
@@ -69,10 +73,13 @@ files:
 - lib/generators/templates/app/locales/beautiful_scaffold.en.yml
 - lib/generators/templates/app/locales/beautiful_scaffold.fr.yml
 - lib/generators/templates/app/locales/beautiful_scaffold.ja.yml
+- lib/generators/templates/app/mailers/user_mailer.rb
+- lib/generators/templates/app/models/ability.rb
 - lib/generators/templates/app/models/concerns/caption_concern.rb
 - lib/generators/templates/app/models/concerns/default_sorting_concern.rb
 - lib/generators/templates/app/models/concerns/fulltext_concern.rb
 - lib/generators/templates/app/models/pdf_report.rb
+- lib/generators/templates/app/models/user.rb
 - lib/generators/templates/app/views/_beautiful_menu.html.erb
 - lib/generators/templates/app/views/_form.html.erb
 - lib/generators/templates/app/views/_form_habtm_tag.html.erb
@@ -82,6 +89,16 @@ files:
 - lib/generators/templates/app/views/edit.html.erb
 - lib/generators/templates/app/views/index.html.erb
 - lib/generators/templates/app/views/layout.html.erb
+- lib/generators/templates/app/views/login_logout/user_mailer/activation_needed_email.en.html.erb
+- lib/generators/templates/app/views/login_logout/user_mailer/activation_needed_email.en.text.erb
+- lib/generators/templates/app/views/login_logout/user_mailer/activation_needed_email.fr.html.erb
+- lib/generators/templates/app/views/login_logout/user_mailer/activation_needed_email.fr.text.erb
+- lib/generators/templates/app/views/login_logout/user_mailer/activation_success_email.en.html.erb
+- lib/generators/templates/app/views/login_logout/user_mailer/activation_success_email.en.text.erb
+- lib/generators/templates/app/views/login_logout/user_mailer/activation_success_email.fr.html.erb
+- lib/generators/templates/app/views/login_logout/user_mailer/activation_success_email.fr.text.erb
+- lib/generators/templates/app/views/login_logout/user_sessions/_form.html.erb
+- lib/generators/templates/app/views/login_logout/user_sessions/new.html.erb
 - lib/generators/templates/app/views/new.html.erb
 - lib/generators/templates/app/views/partials/_forget_password.html.erb
 - lib/generators/templates/app/views/partials/_form_field.html.erb
@@ -90,22 +107,20 @@ files:
 - lib/generators/templates/app/views/partials/_index_header.html.erb
 - lib/generators/templates/app/views/partials/_index_search.html.erb
 - lib/generators/templates/app/views/partials/_index_search_default_fields.html.erb
-- lib/generators/templates/app/views/partials/_register_form.html.erb
+- lib/generators/templates/app/views/partials/_login_logout_register.html.erb
 - lib/generators/templates/app/views/partials/_show_field.html.erb
-- lib/generators/templates/app/views/partials/_sign_in_form.html.erb
-- lib/generators/templates/app/views/partials/_sign_in_sign_out.html.erb
 - lib/generators/templates/app/views/show.html.erb
 - lib/generators/templates/app/views/treeview.html.erb
-- lib/generators/templates/lib/custom_failure.rb
-homepage: http://beautiful-scaffold.com
+homepage: https://blog.rivsc.ovh
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
 - lib/generators
+- test/*
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
@@ -117,9 +132,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: beautiful_scaffold
-rubygems_version: 2.5.2
-signing_key: 
+rubygems_version: 3.1.4
+signing_key:
 specification_version: 4
 summary: Beautiful Scaffold generate fully customizable scaffold
 test_files: []

data/lib/generators/beautiful_devisecancan_generator.rb

@@ -1,128 +0,0 @@
-# encoding : utf-8
-class BeautifulDevisecancanGenerator < Rails::Generators::Base
-  require 'beautiful_scaffold_common_methods'
-  include BeautifulScaffoldCommonMethods
-
-  source_root File.expand_path('../templates', __FILE__)
-
-  argument :model, :type => :string, :desc => "Name of model (downcase singular)"
-  
-  def install_devise
-    view_path = "app/views/"
-
-    gem("devise", "2.1.0")
-
-    inside Rails.root do
-      run "bundle install"
-    end
-
-    generate("devise:install")
-
-    for current_env in ['production', 'development', 'test']
-      inject_into_file("config/environments/#{current_env}.rb",  "  config.action_mailer.default_url_options = { :host => 'localhost:3000' }", :after => "::Application.configure do\n" )
-    end
-
-    # Install devise in the model
-    generate("devise", model)
-
-    # Add :token_authenticatable and :lockable
-    # In model
-    inject_into_file( "app/models/#{model}.rb",
-                      ":token_authenticatable, :lockable,",
-                      :after => "devise ")
-    # In migration
-    filename = Dir.glob("db/migrate/*_add_devise_to_#{model.pluralize}.rb")[0]
-    gsub_file filename, /#\s*(t\.integer\s+:failed_attempts, :default => 0 # Only if lock strategy is :failed_attempts)/, '\1'
-    gsub_file filename, /#\s*(t\.string\s+:unlock_token # Only if unlock strategy is :email or :both)/, '\1'
-    gsub_file filename, /#\s*(t\.datetime\s+:locked_at)/, '\1'
-    gsub_file filename, /#\s*(t\.string\s+:authentication_token)/, '\1'
-
-
-    # Limited access (Must be commented if use cancan)
-    inject_into_file("app/controllers/beautiful_controller.rb","before_action :authenticate_#{model}!, :except => [:dashboard]", :after => 'layout "beautiful_layout"' + "\n")
-
-    # Custom redirect
-    inject_into_file("app/controllers/application_controller.rb","
-      def after_sign_out_path_for(resource_or_scope)
-        root_path
-      end
-      def after_sign_in_path_for(resource)
-        root_path
-      end
-      def after_sign_up_path_for(resource)
-        root_path
-      end
-      ", :after => "protect_from_forgery\n")
-    copy_file("lib/custom_failure.rb")
-    copy_file("app/controllers/registrations_controller.rb")
-    inject_into_file("config/initializers/devise.rb","
-      config.warden do |manager|
-        manager.failure_app = CustomFailure
-      end
-      ", :after => "Devise.setup do |config|\n")
-    inject_into_file("config/application.rb",' #{config.root}/lib', :after => '#{config.root}/app/modules')
-
-    # Use my register controller
-    inject_into_file("config/routes.rb",
-                     ', :controllers => {:registrations => "registrations"}',
-                     :after => "devise_for :#{model.pluralize}")
-
-
-    # Install partials dans layout (forget password, sign_in)
-    template("#{view_path}partials/_forget_password.html.erb",  "#{view_path}layouts/_forget_password.html.erb")
-    template("#{view_path}partials/_sign_in_sign_out.html.erb", "#{view_path}layouts/_sign_in_sign_out.html.erb")
-    template("#{view_path}partials/_sign_in_form.html.erb",     "#{view_path}layouts/_sign_in_form.html.erb")
-    template("#{view_path}partials/_register_form.html.erb",    "#{view_path}layouts/_register_form.html.erb")
-
-    # Sign in sign out
-    inject_into_file("#{view_path}layouts/beautiful_layout.html.erb",
-                     "<%= render :partial => 'layouts/sign_in_sign_out' %>",
-                     :after => "<!-- Beautiful_scaffold - Signin - Do not remove -->\n")
-
-    # Modal (forget password)
-    inject_into_file("#{view_path}layouts/beautiful_layout.html.erb",
-                     "    <%= render :partial => 'layouts/forget_password' %>",
-                     :after => "<!-- Beautiful_scaffold - Modal - Do not remove -->\n")
-    inject_into_file("#{view_path}layouts/beautiful_layout.html.erb",
-                     "    <%= render :partial => 'layouts/register_form' %>",
-                     :after => "<!-- Beautiful_scaffold - Modal - Do not remove -->\n")
-
-  end
-
-  def install_cancan
-    gem("cancan")
-
-    inside Rails.root do
-      run "bundle install"
-    end
-
-    generate("cancan:ability")
-
-    inject_into_file("app/models/ability.rb", "
-      if not user.nil? then
-        if user.id == 1 then
-          can :manage, :all
-        end
-      end\n", :after => "def initialize(user)\n")
-
-    # current_user method need for CanCan
-    current_user_method = ""
-    if model != "user" then
-      current_user_method = "
-  def current_user
-    current_#{model}
-  end"
-    end
-
-    # Exception for AccessDenied
-    inject_into_file("app/controllers/application_controller.rb", "
-  rescue_from CanCan::AccessDenied do |exception|
-    redirect_to root_url, :alert => exception.message
-  end
-  #{current_user_method}
-  ", :after => "class ApplicationController < ActionController::Base\n")
-
-    # Access controlled by CanCan (in beautiful_scaffold)
-    inject_into_file("app/controllers/application_controller.rb", "#", :before => "before_action :authenticate_#{model}!, :except => [:dashboard]")
-  end
-end

data/lib/generators/templates/app/assets/javascripts/bootstrap-colorpicker.js

@@ -1,520 +0,0 @@
-/* =========================================================
- * bootstrap-colorpicker.js 
- * http://www.eyecon.ro/bootstrap-colorpicker
- * =========================================================
- * Copyright 2012 Stefan Petre
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * ========================================================= */
- 
-!function( $ ) {
-	
-	// Color object
-	
-	var Color = function(val) {
-		this.value = {
-			h: 1,
-			s: 1,
-			b: 1,
-			a: 1
-		};
-		this.setColor(val);
-	};
-	
-	Color.prototype = {
-		constructor: Color,
-		
-		//parse a string to HSB
-		setColor: function(val){
-			val = val.toLowerCase();
-			var that = this;
-			$.each( CPGlobal.stringParsers, function( i, parser ) {
-				var match = parser.re.exec( val ),
-					values = match && parser.parse( match ),
-					space = parser.space||'rgba';
-				if ( values ) {
-					if (space == 'hsla') {
-						that.value = CPGlobal.RGBtoHSB.apply(null, CPGlobal.HSLtoRGB.apply(null, values));
-					} else {
-						that.value = CPGlobal.RGBtoHSB.apply(null, values);
-					}
-					return false;
-				}
-			});
-		},
-		
-		setHue: function(h) {
-			this.value.h = 1- h;
-		},
-		
-		setSaturation: function(s) {
-			this.value.s = s;
-		},
-		
-		setLightness: function(b) {
-			this.value.b = 1- b;
-		},
-		
-		setAlpha: function(a) {
-			this.value.a = parseInt((1 - a)*100, 10)/100;
-		},
-		
-		// HSBtoRGB from RaphaelJS
-		// https://github.com/DmitryBaranovskiy/raphael/
-		toRGB: function(h, s, b, a) {
-			if (!h) {
-				h = this.value.h;
-				s = this.value.s;
-				b = this.value.b;
-			}
-			h *= 360;
-			var R, G, B, X, C;
-			h = (h % 360) / 60;
-			C = b * s;
-			X = C * (1 - Math.abs(h % 2 - 1));
-			R = G = B = b - C;
-
-			h = ~~h;
-			R += [C, X, 0, 0, X, C][h];
-			G += [X, C, C, X, 0, 0][h];
-			B += [0, 0, X, C, C, X][h];
-			return {
-				r: Math.round(R*255),
-				g: Math.round(G*255),
-				b: Math.round(B*255),
-				a: a||this.value.a
-			};
-		},
-		
-		toHex: function(h, s, b, a){
-			var rgb = this.toRGB(h, s, b, a);
-			return '#'+((1 << 24) | (parseInt(rgb.r) << 16) | (parseInt(rgb.g) << 8) | parseInt(rgb.b)).toString(16).substr(1);
-		},
-		
-		toHSL: function(h, s, b, a){
-			if (!h) {
-				h = this.value.h;
-				s = this.value.s;
-				b = this.value.b;
-			}
-			var H = h,
-				L = (2 - s) * b,
-				S = s * b;
-			if (L > 0 && L <= 1) {
-				S /= L;
-			} else {
-				S /= 2 - L;
-			}
-			L /= 2;
-			if (S > 1) {
-				S = 1;
-			}
-			return {
-				h: H,
-				s: S,
-				l: L,
-				a: a||this.value.a
-			};
-		}
-	};
-	
-	// Picker object
-	
-	var Colorpicker = function(element, options){
-		this.element = $(element);
-		var format = options.format||this.element.data('color-format')||'hex';
-		this.format = CPGlobal.translateFormats[format];
-		this.isInput = this.element.is('input');
-		this.component = this.element.is('.color') ? this.element.find('.input-group-addon') : false;
-		
-		this.picker = $(CPGlobal.template)
-							.appendTo('body')
-							.on('mousedown', $.proxy(this.mousedown, this));
-		
-		if (this.isInput) {
-			this.element.on({
-				'focus': $.proxy(this.show, this),
-				'keyup': $.proxy(this.update, this)
-			});
-		} else if (this.component){
-			this.component.on({
-				'click': $.proxy(this.show, this)
-			});
-		} else {
-			this.element.on({
-				'click': $.proxy(this.show, this)
-			});
-		}
-		if (format == 'rgba' || format == 'hsla') {
-			this.picker.addClass('alpha');
-			this.alpha = this.picker.find('.colorpicker-alpha')[0].style;
-		}
-		
-		if (this.component){
-			this.picker.find('.colorpicker-color').hide();
-			this.preview = this.element.find('i')[0].style;
-		} else {
-			this.preview = this.picker.find('div:last')[0].style;
-		}
-		
-		this.base = this.picker.find('div:first')[0].style;
-		this.update();
-	};
-	
-	Colorpicker.prototype = {
-		constructor: Colorpicker,
-		
-		show: function(e) {
-			this.picker.show();
-			this.height = this.component ? this.component.outerHeight() : this.element.outerHeight();
-			this.place();
-			$(window).on('resize', $.proxy(this.place, this));
-			if (!this.isInput) {
-				if (e) {
-					e.stopPropagation();
-					e.preventDefault();
-				}
-			}
-			$(document).on({
-				'mousedown': $.proxy(this.hide, this)
-			});
-			this.element.trigger({
-				type: 'show',
-				color: this.color
-			});
-		},
-		
-		update: function(){
-			this.color = new Color(this.isInput ? this.element.prop('value') : this.element.data('color'));
-			this.picker.find('i')
-				.eq(0).css({left: this.color.value.s*100, top: 100 - this.color.value.b*100}).end()
-				.eq(1).css('top', 100 * (1 - this.color.value.h)).end()
-				.eq(2).css('top', 100 * (1 - this.color.value.a));
-			this.previewColor();
-		},
-		
-		hide: function(){
-			this.picker.hide();
-			$(window).off('resize', this.place);
-			if (!this.isInput) {
-				$(document).off({
-					'mousedown': this.hide
-				});
-				if (this.component){
-					this.element.find('input').prop('value', this.format.call(this));
-				}
-				this.element.data('color', this.format.call(this));
-			} else {
-				this.element.prop('value', this.format.call(this));
-			}
-			this.element.trigger({
-				type: 'hide',
-				color: this.color
-			});
-		},
-		
-		place: function(){
-			var offset = this.component ? this.component.offset() : this.element.offset();
-			this.picker.css({
-				top: offset.top + this.height,
-				left: offset.left
-			});
-		},
-		
-		//preview color change
-		previewColor: function(){
-			this.preview.backgroundColor = this.format.call(this);
-			//set the color for brightness/saturation slider
-			this.base.backgroundColor = this.color.toHex(this.color.value.h, 1, 1, 1);
-			//set te color for alpha slider
-			if (this.alpha) {
-				this.alpha.backgroundColor = this.color.toHex();
-			}
-		},
-		
-		pointer: null,
-		
-		slider: null,
-		
-		mousedown: function(e){
-			e.stopPropagation();
-			e.preventDefault();
-			
-			var target = $(e.target);
-			
-			//detect the slider and set the limits and callbacks
-			var zone = target.closest('div');
-			if (!zone.is('.colorpicker')) {
-				if (zone.is('.colorpicker-saturation')) {
-					this.slider = $.extend({}, CPGlobal.sliders['saturation']);
-				} 
-				else if (zone.is('.colorpicker-hue')) {
-					this.slider = $.extend({}, CPGlobal.sliders['hue']);
-				}
-				else if (zone.is('.colorpicker-alpha')) {
-					this.slider = $.extend({}, CPGlobal.sliders['alpha']);
-				}
-				var offset = zone.offset();
-				//reference to knob's style
-				this.slider.knob = zone.find('i')[0].style;
-				this.slider.left = e.pageX - offset.left;
-				this.slider.top = e.pageY - offset.top;
-				this.pointer = {
-					left: e.pageX,
-					top: e.pageY
-				};
-				//trigger mousemove to move the knob to the current position
-				$(document).on({
-					mousemove: $.proxy(this.mousemove, this),
-					mouseup: $.proxy(this.mouseup, this)
-				}).trigger('mousemove');
-			}
-			return false;
-		},
-		
-		mousemove: function(e){
-			e.stopPropagation();
-			e.preventDefault();
-			var left = Math.max(
-				0,
-				Math.min(
-					this.slider.maxLeft,
-					this.slider.left + ((e.pageX||this.pointer.left) - this.pointer.left)
-				)
-			);
-			var top = Math.max(
-				0,
-				Math.min(
-					this.slider.maxTop,
-					this.slider.top + ((e.pageY||this.pointer.top) - this.pointer.top)
-				)
-			);
-			this.slider.knob.left = left + 'px';
-			this.slider.knob.top = top + 'px';
-			if (this.slider.callLeft) {
-				this.color[this.slider.callLeft].call(this.color, left/100);
-			}
-			if (this.slider.callTop) {
-				this.color[this.slider.callTop].call(this.color, top/100);
-			}
-			this.previewColor();
-			this.element.trigger({
-				type: 'changeColor',
-				color: this.color
-			});
-			return false;
-		},
-		
-		mouseup: function(e){
-			e.stopPropagation();
-			e.preventDefault();
-			$(document).off({
-				mousemove: this.mousemove,
-				mouseup: this.mouseup
-			});
-			return false;
-		}
-	}
-
-	$.fn.colorpicker = function ( option ) {
-		return this.each(function () {
-			var $this = $(this),
-				data = $this.data('colorpicker'),
-				options = typeof option == 'object' && option;
-			if (!data) {
-				$this.data('colorpicker', (data = new Colorpicker(this, $.extend({}, $.fn.colorpicker.defaults,options))));
-			}
-			if (typeof option == 'string') data[option]();
-		});
-	};
-
-	$.fn.colorpicker.defaults = {
-	};
-	
-	$.fn.colorpicker.Constructor = Colorpicker;
-	
-	var CPGlobal = {
-	
-		// translate a format from Color object to a string
-		translateFormats: {
-			'rgb': function(){
-				var rgb = this.color.toRGB();
-				return 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')';
-			},
-			
-			'rgba': function(){
-				var rgb = this.color.toRGB();
-				return 'rgba('+rgb.r+','+rgb.g+','+rgb.b+','+rgb.a+')';
-			},
-			
-			'hsl': function(){
-				var hsl = this.color.toHSL();
-				return 'hsl('+Math.round(hsl.h*360)+','+Math.round(hsl.s*100)+'%,'+Math.round(hsl.l*100)+'%)';
-			},
-			
-			'hsla': function(){
-				var hsl = this.color.toHSL();
-				return 'hsla('+Math.round(hsl.h*360)+','+Math.round(hsl.s*100)+'%,'+Math.round(hsl.l*100)+'%,'+hsl.a+')';
-			},
-			
-			'hex': function(){
-				return  this.color.toHex();
-			}
-		},
-		
-		sliders: {
-			saturation: {
-				maxLeft: 100,
-				maxTop: 100,
-				callLeft: 'setSaturation',
-				callTop: 'setLightness'
-			},
-			
-			hue: {
-				maxLeft: 0,
-				maxTop: 100,
-				callLeft: false,
-				callTop: 'setHue'
-			},
-			
-			alpha: {
-				maxLeft: 0,
-				maxTop: 100,
-				callLeft: false,
-				callTop: 'setAlpha'
-			}
-		},
-		
-		// HSBtoRGB from RaphaelJS
-		// https://github.com/DmitryBaranovskiy/raphael/
-		RGBtoHSB: function (r, g, b, a){
-			r /= 255;
-			g /= 255;
-			b /= 255;
-
-			var H, S, V, C;
-			V = Math.max(r, g, b);
-			C = V - Math.min(r, g, b);
-			H = (C == 0 ? null :
-				 V == r ? (g - b) / C :
-				 V == g ? (b - r) / C + 2 :
-						  (r - g) / C + 4
-				);
-			H = ((H + 360) % 6) * 60 / 360;
-			S = C == 0 ? 0 : C / V;
-			return {h: H||1, s: S, b: V, a: a||1};
-		},
-		
-		HueToRGB: function (p, q, h) {
-			if (h < 0)
-				h += 1;
-			else if (h > 1)
-				h -= 1;
-
-			if ((h * 6) < 1)
-				return p + (q - p) * h * 6;
-			else if ((h * 2) < 1)
-				return q;
-			else if ((h * 3) < 2)
-				return p + (q - p) * ((2 / 3) - h) * 6;
-			else
-				return p;
-		},
-	
-		HSLtoRGB: function (h, s, l, a)
-		{
-
-			if (s < 0)
-				s = 0;
-
-			if (l <= 0.5)
-				var q = l * (1 + s);
-			else
-				var q = l + s - (l * s);
-
-			var p = 2 * l - q;
-
-			var tr = h + (1 / 3);
-			var tg = h;
-			var tb = h - (1 / 3);
-
-			var r = Math.round(CPGlobal.HueToRGB(p, q, tr) * 255);
-			var g = Math.round(CPGlobal.HueToRGB(p, q, tg) * 255);
-			var b = Math.round(CPGlobal.HueToRGB(p, q, tb) * 255);
-			return [r, g, b, a||1];
-		},
-		
-		// a set of RE's that can match strings and generate color tuples.
-		// from John Resig color plugin
-		// https://github.com/jquery/jquery-color/
-		stringParsers: [
-			{
-				re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
-				parse: function( execResult ) {
-					return [
-						execResult[ 1 ],
-						execResult[ 2 ],
-						execResult[ 3 ],
-						execResult[ 4 ]
-					];
-				}
-			}, {
-				re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
-				parse: function( execResult ) {
-					return [
-						2.55 * execResult[1],
-						2.55 * execResult[2],
-						2.55 * execResult[3],
-						execResult[ 4 ]
-					];
-				}
-			}, {
-				re: /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/,
-				parse: function( execResult ) {
-					return [
-						parseInt( execResult[ 1 ], 16 ),
-						parseInt( execResult[ 2 ], 16 ),
-						parseInt( execResult[ 3 ], 16 )
-					];
-				}
-			}, {
-				re: /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/,
-				parse: function( execResult ) {
-					return [
-						parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
-						parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
-						parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
-					];
-				}
-			}, {
-				re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
-				space: 'hsla',
-				parse: function( execResult ) {
-					return [
-						execResult[1]/360,
-						execResult[2] / 100,
-						execResult[3] / 100,
-						execResult[4]
-					];
-				}
-			}
-		],
-		template: '<div class="colorpicker dropdown-menu">'+
-							'<div class="colorpicker-saturation"><i><b></b></i></div>'+
-							'<div class="colorpicker-hue"><i></i></div>'+
-							'<div class="colorpicker-alpha"><i></i></div>'+
-							'<div class="colorpicker-color"><div /></div>'+
-						'</div>'
-	};
-
-}( window.jQuery )