activeadmin_addons 0.12.0 → 1.0.0

data/lib/activeadmin_addons/support/input_helpers/input_options_handler.rb

@@ -0,0 +1,86 @@
+module ActiveAdminAddons
+  module InputOptionsHandler
+    def control_attributes
+      result = {}
+      result[:class] = css_classes.compact.join(" ") if css_classes.any?
+
+      data_attr_options.each do |attribute, item|
+        result[:data] ||= {}
+        result[:data][attribute] = formatted_option_value(item)
+      end
+
+      attr_options.each do |attribute, item|
+        result[attribute] = formatted_option_value(item)
+      end
+
+      result
+    end
+
+    def data_attr_options
+      @data_attr_options || {}
+    end
+
+    def attr_options
+      @attr_options || {}
+    end
+
+    def css_classes
+      @css_classes || []
+    end
+
+    def load_data_attr(attr_name, options = {})
+      @data_attr_options ||= {}
+      @data_attr_options[attr_name.to_sym] = load_option_attr(attr_name, options)
+    end
+
+    def load_attr(attr_name, options = {})
+      @attr_options ||= {}
+      @attr_options[attr_name.to_sym] = load_option_attr(attr_name, options)
+    end
+
+    def load_class(class_attr)
+      @css_classes ||= []
+      return if class_attr.blank?
+      class_attr = class_attr.strip
+      @css_classes << class_attr
+      class_attr
+    end
+
+    def get_data_attr_value(attr_name)
+      item = data_attr_options[attr_name.to_sym]
+      return unless item
+      item[:value]
+    end
+
+    private
+
+    def formatted_option_value(item)
+      return item[:value].send(item[:formatter]) if item[:formatter]
+      item[:value]
+    end
+
+    def load_option_attr(attr_name, options)
+      value = calculate_attr_value(attr_name, options)
+      item = { value: value }
+      item[:formatter] = options[:formatter] unless options[:formatter].blank?
+      item
+    end
+
+    def calculate_attr_value(attr_name, attr_options)
+      value = attr_options[:value] || @options[attr_name]
+
+      if value
+        if value.is_a?(Proc)
+          return template.instance_eval(&value)
+        else
+          return value
+        end
+      end
+
+      default_value = attr_options[:default]
+      return unless default_value
+      return default_value.call if default_value.is_a?(Proc)
+      default_value
+    end
+  end
+end

data/lib/activeadmin_addons/support/input_helpers/select_helpers.rb

@@ -0,0 +1,83 @@
+module ActiveAdminAddons
+  module SelectHelpers
+    include InputMethods
+    include InputOptionsHandler
+
+    def array_to_select_options
+      selected_values = input_value.to_s.split(",")
+      array = collection.map(&:to_s) + selected_values
+      array.sort.map do |value|
+        option = { id: value, text: value }
+        option[:selected] = "selected" if selected_values.include?(value)
+        option
+      end.uniq
+    end
+
+    def initial_collection_to_select_options
+      initial_options = [[nil]] # add blank option
+      selected = selected_item
+
+      if selected
+        selected_option = item_to_select_option(selected)
+        initial_options << [selected_option[:text], selected_option[:id]]
+      end
+
+      initial_options
+    end
+
+    def collection_to_select_options
+      complete_collection = collection + selected_collection
+      complete_collection.map do |item|
+        option = item_to_select_option(item)
+        yield(item, option) if block_given?
+
+        if selected_collection.include?(item)
+          load_data_attr(:selected, value: option.dup, formatter: :to_json)
+          option[:selected] = "selected"
+        end
+
+        option
+      end.uniq
+    end
+
+    def item_to_select_option(item)
+      return unless item
+      {
+        id: item.send((valid_options[:value] || :id)),
+        text: item.send((valid_options[:display_name] || :name))
+      }
+    end
+
+    def active_record_select?
+      active_record_relation?(collection) &&
+        active_record_relation?(selected_collection)
+    rescue NameError
+      false
+    end
+
+    def selected_collection
+      method_model.where(id: input_value)
+    end
+
+    def selected_item
+      selected_collection.first
+    end
+
+    private
+
+    def active_record_relation?(value)
+      klass = value.class.name
+      klass == "ActiveRecord::Relation" ||
+        klass == "ActiveRecord::Associations::CollectionProxy"
+    end
+
+    def valid_options
+      raise "missing @options hash" unless !!@options
+      @options
+    end
+
+    def collection
+      valid_options[:collection] || []
+    end
+  end
+end

data/lib/activeadmin_addons/version.rb

@@ -1,3 +1,3 @@
 module ActiveadminAddons
-  VERSION = "0.12.0"
+  VERSION = "1.0.0"
 end

data/lib/generators/activeadmin_addons/install/install_generator.rb

@@ -8,10 +8,17 @@ module ActiveadminAddons
       end
 
       def add_javascripts
-        file_path = 'app/assets/javascripts/active_admin.js.coffee'
+        file_path = 'app/assets/javascripts/active_admin'
         line_to_add = "#= require activeadmin_addons/all\n"
         reference = "#= require active_admin/base\n"
-        inject_into_file(file_path, line_to_add, after: reference)
+
+        begin
+          inject_into_file("#{file_path}.js.coffee", line_to_add, after: reference)
+        rescue Errno::ENOENT
+          line_to_add = "//= require activeadmin_addons/all\n"
+          reference = "//= require active_admin/base\n"
+          inject_into_file("#{file_path}.js", line_to_add, after: reference)
+        end
       end
 
       def add_stylesheets

data/lib/generators/activeadmin_addons/install/templates/initializer.rb

@@ -1,4 +1,12 @@
 ActiveadminAddons.setup do |config|
   # Change to "default" if you want to use ActiveAdmin's default select control.
   # config.default_select = "select2"
+
+  # Set default options for DateTimePickerInput. The options you can provide are the same as in
+  # xdan's datetimepicker library (https://github.com/xdan/datetimepicker/tree/2.5.4). Yo need to
+  # pass a ruby hash, avoid camelCase keys. For example: use min_date instead of minDate key.
+  # config.datetime_picker_default_options = {}
+
+  # Set DateTimePickerInput input format. This if for backend (Ruby)
+  # config.datetime_picker_input_format = "%Y-%m-%d %H:%M"
 end

data/{app/assets/javascripts → vendor/assets/jquery_palette_color_picker}/palette-color-picker.js

@@ -1,172 +1,265 @@
-/**
- * JQuery Palette Color Picker v1.01 by Carlos Cabo ( @putuko )
- * https://github.com/carloscabo/jquery-palette-color-picker
- */
-(function($) {
-  // La magia aquí
-  'use strict';
-
-  // Public core
-  $.paletteColorPicker = function( el, options ) {
-    var
-      ns = 'palette-color-picker', // Base attr / class
-      $el = $(el),
-      plugin = this,
-      timer = null,
-      current_value = $el.val(),
-      target = $el.attr('name'),
-      $button = $('<div>')
-                  .addClass(ns+'-button')
-                  .attr('data-target', target),
-      $bubble = $('<div>')
-                  .addClass(ns+'-bubble'),
-      // Final settings will be stored here
-      settings = {},
-      // Default settings
-      defaults = {
-        custom_class: null,
-        colors: null,
-        position: 'upside',  // upside | downside
-        insert: 'before',    // default
-        clear_btn: 'first',  // default
-        timeout: 2000        // default
-      };
-
-    // Init
-    plugin.init = function() {
-      // Extand settings with user options
-      plugin.settings = $.extend({}, defaults, options);
-
-      // If color were not passed as options get them from data-palette attribute
-      if (plugin.settings.colors === null) {
-        plugin.settings.colors = $el.data('palette');
-      }
-
-      // If color is array of string, convert to obj
-      if (typeof plugin.settings.colors[0] === 'string') {
-        plugin.settings.colors = $.map(plugin.settings.colors, function(el, idx) {
-          var b = {}; b[el] = el; return b;
-        });
-      }
-
-      // Capitalize position
-      plugin.settings.insert = plugin.settings.insert.charAt(0).toUpperCase() + plugin.settings.insert.slice(1);
-
-      // Add custom_class
-      if (plugin.settings.custom_class) {
-        $bubble.addClass(plugin.settings.custom_class);
-      }
-
-      // Create color swatches
-      $.each( plugin.settings.colors, function( idx, obj ) {
-        var
-          key = Object.keys( obj )[0],
-          col = obj[key],
-          $sw = $('<span>').addClass('swatch')
-            .attr({
-              'title': key,
-              'data-color': col,
-              'data-name': key
-            }).css('background-color', col);
-
-
-        // console.log(key + '===' +  current_value + ' - > '+(key === current_value)+' - t -'+(typeof key)+' '+(typeof current_value));
-        if ( key === current_value ) {
-          $sw.addClass('active');
-          $button.css('background', col);
-        }
-
-        $sw.appendTo( $bubble );
-      });
-
-      // Create clear button
-      var
-        $clear_btn = $('<span>').addClass('swatch clear').attr('title', 'Clear selection');
-      if (plugin.settings.clear_btn === 'last') {
-        $clear_btn.addClass('last').appendTo( $bubble );
-      } else {
-        $clear_btn.prependTo( $bubble );
-      }
-
-      // Public
-      plugin.destroy = function() {
-        $button.remove();
-        $.removeData( $el[0] );
-      };
-
-      // Events
-      // Simple click
-      $button.append( $bubble ).on('click', function(){
-        var $b = $( this );
-        $b.toggleClass('active').find('.'+ns+'-bubble').fadeToggle();
-        if ($b.hasClass('active')) {
-          clearTimeout(plugin.timer);
-          plugin.timer = setTimeout(function(){
-            $b.trigger('pcp.fadeout');
-          }, plugin.settings.timeout);
-        }
-      })
-      // Fade timer
-      .on('pcp.fadeout', function() {
-        $( this ).removeClass('active').find('.'+ns+'-bubble').fadeOut();
-      })
-      // Enter bubble
-      .on('mouseenter', '.'+ns+'-bubble', function() {
-        clearTimeout(plugin.timer);
-      })
-      // Leave bubble
-      .on('mouseleave', '.'+ns+'-bubble', function() {
-        plugin.timer = setTimeout(function(){
-          $button.trigger('pcp.fadeout');
-        }, plugin.settings.timeout);
-      })
-      // Click on swatches
-      .on('click', 'span.swatch', function(e){
-        var
-          col = $( this ).attr('data-color'),
-          name = $( this ).attr('data-name'),
-          // Select all button in document with same data target to keep them synconized
-          $button = $('.'+ns+'-button[data-target="' + $( this ).closest( '.'+ns+'-button' ).attr('data-target') + '"]'),
-          $bubble = $( this ).closest( '.'+ns+'-bubble' );
-
-        // console.log('.'+ns+'-button [data-target="' + $( this ).closest( '.'+ns+'-button' ).attr('data-target') + '"]');
-        $bubble.find('.active').removeClass('active');
-
-        // Set background on color
-        // User clicked in the clear swatch
-        if ( $(e.target).is('.clear') ) {
-          $button.removeAttr('style');
-          col = '';
-        } else {
-          $(this).addClass('active');
-          $button.css('background', col);
-        }
-        $( '[name="'+$button.attr('data-target')+'"]' ).val( name );
-      })['insert'+plugin.settings.insert]( $el );
-
-      // Upside / downside, default is upside
-      if ( plugin.settings.position === 'downside' || ($el.offset().top) + 20 < $bubble.outerHeight() ) {
-        $bubble.addClass('downside');
-      }
-
-    };
-
-    // Start
-    plugin.init();
-  };
-
-  // add the plugin to the jQuery.fn object
-  $.fn.paletteColorPicker = function(options) {
-    return this.each(function() {
-      if (typeof $(this).data('paletteColorPickerPlugin') === 'undefined') {
-        $(this).data('paletteColorPickerPlugin', new $.paletteColorPicker(this, options));
-      }
-    });
-  };
-
-})(jQuery);
-
-// Sample usage
-// $(function() {
-//   $('[data-palette-color-picker]').paletteColorPicker();
-// });
+/*!
+ * JQuery Palette Color Picker v1.13 by Carlos Cabo ( @putuko )
+ * https://github.com/carloscabo/jquery-palette-color-picker
+ */
+(function($) {
+  // La magia aquí
+  'use strict';
+
+  // Public core
+  $.paletteColorPicker = function( el, options ) {
+    var
+      ns = 'palette-color-picker', // Base attr / class
+      $el = $(el),
+      plugin = this,
+      timer = null,
+      current_value = $el.val(),
+      target = $el.attr('name'),
+      $button = $('<div>')
+                  .addClass(ns+'-button')
+                  .attr('data-target', target),
+      $bubble = $('<div>')
+                  .addClass(ns+'-bubble'),
+
+      // Final settings will be stored here
+      settings = {},
+
+      // Default settings
+      defaults = {
+        custom_class: null,
+        colors: null,
+        position: 'upside',   // upside | downside
+        insert: 'before',     // default
+        clear_btn: 'first',   // default
+        timeout: 2000,        // default
+        set_background: false, // default
+        close_all_but_this: false // default
+      },
+
+      click_handler = ('ontouchstart' in document.documentElement ? 'touchstart click' : 'click');
+
+    // Init
+    plugin.init = function() {
+      // Extand settings with user options
+      plugin.settings = $.extend({}, defaults, options);
+
+      // If input has not value add it
+      var
+        val = $el.attr('value');
+      if (typeof val === typeof undefined || val === false) {
+        val = '';
+        $el.attr('value', val);
+      }
+
+      // Backup initial value
+      $el.attr('data-initialvalue', $el.attr('value') );
+
+      // If color were not passed as options get them from data-palette attribute
+      if (plugin.settings.colors === null) {
+        plugin.settings.colors = $el.data('palette');
+      }
+
+      // If color is array of string, convert to obj
+      if (typeof plugin.settings.colors[0] === 'string') {
+        plugin.settings.colors = $.map(plugin.settings.colors, function(el, idx) {
+          var b = {}; b[el] = el; return b;
+        });
+      }
+
+      // Capitalize position
+      plugin.settings.insert = plugin.settings.insert.charAt(0).toUpperCase() + plugin.settings.insert.slice(1);
+
+      // Add custom_class
+      if (plugin.settings.custom_class) {
+        $bubble.addClass(plugin.settings.custom_class);
+      }
+
+      // Create color swatches
+      $.each( plugin.settings.colors, function( idx, obj ) {
+        var
+          key = Object.keys( obj )[0],
+          col = obj[key],
+          $sw = $('<span>').addClass('swatch')
+            .attr({
+              'title': key,
+              'data-color': col,
+              'data-name': key
+            }).css('background-color', col);
+
+        if ( key === current_value ) {
+          $sw.addClass('active');
+          $button.css('background', col);
+        }
+
+        $sw.appendTo( $bubble );
+      });
+
+      // Create clear button if not null
+      if (plugin.settings.clear_btn !== null) {
+        var
+        $clear_btn = $('<span>').addClass('swatch clear').attr('title', 'Clear selection');
+        if (plugin.settings.clear_btn === 'last') {
+          $clear_btn.addClass('last').appendTo( $bubble );
+        } else {
+          $clear_btn.prependTo( $bubble );
+        }
+      }
+
+      // Public
+      plugin.destroy = function() {
+        $button.remove();
+        $.removeData( $el[0] );
+      };
+
+      // Clears all
+      plugin.clear = function() {
+        $bubble.find('.active').removeClass('active');
+        $button.removeAttr('style');
+        $el.val('');
+      };
+
+      // Reset to initial value
+      plugin.reset = function() {
+        // Dont had initial value
+        if ( $el.attr('data-initialvalue') === '' ) {
+          plugin.clear();
+        } else {
+          // Had initial value
+          var iv = $el.attr('data-initialvalue');
+          $bubble.find('[data-name="'+iv+'"]').trigger('click');
+        }
+      };
+
+      // reload value after it has been changed programatically
+      plugin.reload = function() {
+
+        var newVal = $el.val();
+        if (  newVal === '' || typeof newVal === typeof undefined || newVal === false ) {
+          // Doesn't have the value to load so loading initial value
+          plugin.reset();
+        } else {
+          // setting the value to new value
+          if($bubble.find('[data-name="'+newVal+'"]').length) {
+            // value will only be set if the color exists in options
+            $bubble.find('[data-name="'+newVal+'"]').trigger('click');
+          } else {
+            // setting to the initial value if color does not exists
+            plugin.reset();
+          }
+        }
+      };
+
+      // Events
+      // Simple click
+      $button.append( $bubble ).on( click_handler, function(e){
+        e.preventDefault();
+        e.stopPropagation();
+        var $b = $( this );
+
+        // don't close on clicking the bubble
+        if (!$(e.target).hasClass(ns+'-bubble')) {
+
+          // Call the callback, if set
+          if (typeof plugin.settings.onbeforeshow_callback === 'function') {
+            plugin.settings.onbeforeshow_callback(this);
+          }
+
+          $b.toggleClass('active');
+          var $current_bubble = $b.find('.'+ns+'-bubble');
+          // Forces hiding other bubbles
+          if (plugin.settings.close_all_but_this) {
+            $('.'+ns+'-bubble').not($current_bubble).fadeOut();
+          }
+          $current_bubble.fadeToggle();
+
+          if ($b.hasClass('active')) {
+            clearTimeout(plugin.timer);
+            plugin.timer = setTimeout(function(){
+              $b.trigger('pcp.fadeout');
+            }, plugin.settings.timeout);
+          }
+        }
+      })
+      // Fade timer
+      .on('pcp.fadeout', function() {
+        $( this ).removeClass('active').find('.'+ns+'-bubble').fadeOut();
+      })
+      // Enter bubble
+      .on('mouseenter', '.'+ns+'-bubble', function() {
+        clearTimeout(plugin.timer);
+      })
+      // Leave bubble
+      .on('mouseleave', '.'+ns+'-bubble', function() {
+        plugin.timer = setTimeout(function(){
+          $button.trigger('pcp.fadeout');
+        }, plugin.settings.timeout);
+      })
+      // Click on swatches
+      .on(click_handler, '.'+ns+'-bubble span.swatch', function(e){
+        e.preventDefault();
+        e.stopPropagation();
+        var
+          col = $( this ).attr('data-color'),
+          name = $( this ).attr('data-name'),
+          // Select all button in document with same data target to keep them synconized
+          $button = $('.'+ns+'-button[data-target="' + $( this ).closest( '.'+ns+'-button' ).attr('data-target') + '"]'),
+          $bubble = $( this ).closest( '.'+ns+'-bubble' );
+
+        // console.log('.'+ns+'-button [data-target="' + $( this ).closest( '.'+ns+'-button' ).attr('data-target') + '"]');
+        $bubble.find('.active').removeClass('active');
+
+        // Set background on color
+        // User clicked in the clear swatch
+        if ( $(e.target).is('.clear') ) {
+          $button.removeAttr('style');
+          col = '';
+        } else {
+          $(this).addClass('active');
+          $button.css('background', col);
+        }
+
+        // Call the callback, if set
+        if (typeof plugin.settings.onchange_callback === "function") {
+          plugin.settings.onchange_callback(col);
+        }
+
+        if( plugin.settings.set_background === false ) {
+          $('[name="' + $button.attr('data-target') + '"]').val(name);
+        } else {
+          $('[name="' + $button.attr('data-target') + '"]').css({'background-color' : col});
+        }
+      })['insert'+plugin.settings.insert]( $el );
+
+      // Upside / downside, default is upside
+      if ( plugin.settings.position === 'downside' || ($el.offset().top) + 20 < $bubble.outerHeight() ) {
+        $bubble.addClass('downside');
+      }
+
+    };
+
+    // Close on clicking outside the palette
+    $('body').on(click_handler,function(event) {
+      if (!$(event.target).hasClass(ns+'-button')) {
+        $( $button ).removeClass('active').find('.'+ns+'-bubble').fadeOut();
+      }
+    });
+
+    // Start
+    plugin.init();
+  };
+
+  // add the plugin to the jQuery.fn object
+  $.fn.paletteColorPicker = function(options) {
+    return this.each(function() {
+      if (typeof $(this).data('paletteColorPickerPlugin') === 'undefined') {
+        $(this).data('paletteColorPickerPlugin', new $.paletteColorPicker(this, options));
+      }
+    });
+  };
+
+})(jQuery);
+
+// Sample usage
+// $(function() {
+//   $('[data-palette-color-picker]').paletteColorPicker();
+// });