activeadmin_select_many 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: b9189e230febfc9cfdbc1088a2638db3417c06d5
+  data.tar.gz: a48dfe85a5f14c48c42e71bc7666cc4624aef51a
+SHA512:
+  metadata.gz: bdcb42047d735858663d7deac41e3af1520a3ae2a08dffbb4395a2fe72590a4a21df8b6fea36b3436a2aac3058c7810105397bbf404bfae580f5be0491e9baca
+  data.tar.gz: 591ea68f17f0ef69cd3dfbb151f296f75724d77e934995e5059953eb6b13007aa91b5b3d9817981cb8aa5a18aae90f2b978443ee300b35e6a0185e5839fef23b

data/.gitignore

@@ -0,0 +1,3 @@
+_misc/
+
+*.orig

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+gemspec
+

data/LICENSE.txt

@@ -0,0 +1,20 @@
+Copyright (c) 2017 Mattia Roccoberton
+
+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,54 @@
+# ActiveAdmin Select Many [![Gem Version](https://badge.fury.io/rb/activeadmin_select_many.svg)](https://badge.fury.io/rb/activeadmin_select_many)
+
+An Active Admin plugin which improves one-to-many and many-to-many associations selection (jQuery required).
+
+Features:
+- search box
+- select on the left with available items
+- select on the right with selected items
+- local/remote collections
+- double click to add/remove items
+
+![screenshot](screenshot.png)
+
+## Install
+
+- Add to your Gemfile:
+`gem 'activeadmin_select_many'`
+- Execute bundle
+- Add at the end of your ActiveAdmin styles (_app/assets/stylesheets/active_admin.scss_):
+`@import 'activeadmin/select_many';`
+- Add at the end of your ActiveAdmin javascripts (_app/assets/javascripts/active_admin.js_):
+`//= require activeadmin/select_many`
+- Use the input with `as: :select_many` in Active Admin model conf
+
+## Examples
+
+Add to ActiveAdmin model config, in *form* block.
+
+- Local collection (no AJAX calls):
+`f.input :sections, as: :select_many`
+- Remote collection (using AJAX):
+`f.input :tags, as: :select_many, remote_collection: admin_tags_path( format: :json )`
+- Changing search param and text key:
+`f.input :tags, as: :select_many, remote_collection: admin_tags_path( format: :json ), search_param: 'category_contains', text_key: 'category', placeholder: 'Type something...'`
+
+## Options
+
+- **collection**: local collection
+- **placeholder**: placeholder string for search box
+- **remote_collection**: JSON path
+- **search_param**: parameter to use as search key (ransack style)
+- **text_key**: key to use as text for select options
+
+## Do you like it? Star it!
+
+If you use this component just star it. A developer is more motivated to improve a project when there is some interest.
+
+## Contributors
+
+- [Mattia Roccoberton](http://blocknot.es) - creator, maintainer
+
+## License
+
+[MIT](LICENSE.txt)

data/Rakefile

@@ -0,0 +1,3 @@
+# encoding: utf-8
+
+require "bundler/gem_tasks"

data/activeadmin_select_many.gemspec

@@ -0,0 +1,19 @@
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'activeadmin/select_many/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'activeadmin_select_many'
+  spec.version       = ActiveAdmin::SelectMany::VERSION
+  spec.summary       = 'SelectMany plugin for ActiveAdmin'
+  spec.description   = 'An Active Admin plugin which improves one-to-many and many-to-many associations selection (jQuery required)'
+  spec.license       = 'MIT'
+  spec.authors       = ['Mattia Roccoberton']
+  spec.email         = 'mat@blocknot.es'
+  spec.homepage      = 'https://github.com/blocknotes/activeadmin_select_many'
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.require_paths = ['lib']
+
+  spec.add_runtime_dependency 'activeadmin', '~> 1.0'
+end

data/app/assets/javascripts/activeadmin/select_many.js

@@ -0,0 +1,72 @@
+function debounce( func, wait, immediate ) {
+  var timeout;
+  return function() {
+    var context = this, args = arguments;
+    var later = function() {
+      timeout = null;
+      if (!immediate) func.apply(context, args);
+    };
+    var callNow = immediate && !timeout;
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+    if (callNow) func.apply(context, args);
+  };
+};
+
+$(document).ready( function() {
+  $('.select_many.input select').on( 'dblclick', function( event ) {
+    if( event.target.tagName.toLowerCase() == 'option' ) {
+      var parent = $(this).closest( '.select_many' );
+      var opt = $(event.target);
+      var dst = parent.find( $(this).data( 'select' ) == 'src' ? '[data-select="dst"]' : '[data-select="src"]' );
+      dst.append( $('<option>', { value: opt.val(), text: opt.text() }) );
+      opt.remove();
+      // Update values list
+      var values = parent.find( '.values' );
+      values.empty();
+      parent.find( '[data-select="dst"] option' ).each( function() {
+        values.append( $('<input>', { type: 'hidden', name: values.data( 'name' ), value: $(this).val() }) );
+      });
+    }
+  });
+
+  var onLocalSelect = debounce( function() {
+    var search = $(this).val().toLowerCase();
+    $(this).closest( '.select_many' ).find( '[data-select="src"] option' ).each( function() {
+      $(this).toggle( $(this).text().toLowerCase().indexOf( search ) >= 0 );
+    });
+  }, 250 );
+  var onRemoteSelect = debounce( function() {
+    var search = $(this).val().trim();
+    if( search != '' && $(this).data( 'searching' ) != '1' ) {
+      $(this).data( 'searching', '1' );
+      var _this = $(this);
+      var data = {}
+      var text_key = $(this).data('text');
+      var value_key = $(this).data('value');
+      data['q['+$(this).data('search')+']'] = search;
+      $.ajax({
+        context: _this,
+        data: data,
+        url: $(this).data( 'remote' ),
+        complete: function( req, status ) {
+          $(this).data( 'searching', '' );
+        },
+        success: function( data, status, req ) {
+          // TODO: limit... 100 ?
+          var select = $(this).closest( '.select_many' ).find( '[data-select="src"]' );
+          select.empty();
+          data.forEach( function( item ) {
+            select.append( $('<option>', { value: item[value_key], text: item[text_key] }) );
+          });
+        },
+      });
+    }
+  }, 400 );
+
+  // $('.select_many.input .search-select').on( 'keyup', onKeyup );
+
+  $('.select_many.input .search-select').each( function() {
+    $(this).on( 'keyup', $(this).data( 'remote' ) ? onRemoteSelect : onLocalSelect );
+  });
+});

data/app/assets/stylesheets/activeadmin/_select_many.sass

@@ -0,0 +1,13 @@
+body.active_admin
+  .select_many
+    .search-select
+      margin-bottom: 1px
+    .selects
+      display: flex
+      flex-wrap: wrap
+      > input[type="text"], > select, > span
+        margin-right: 1%
+        min-width: auto
+        width: 49%
+      > span
+        padding: 3px 6px 1px 6px

data/config/locales/en.yml

@@ -0,0 +1,5 @@
+en:
+  inputs:
+    select_many:
+      available: Available
+      selected: Selected

data/lib/activeadmin/select_many/engine.rb

@@ -0,0 +1,13 @@
+require 'active_admin'
+
+module ActiveAdmin
+  module SelectMany
+    class Engine < ::Rails::Engine
+      engine_name 'activeadmin_select_many'
+
+      # config.before_initialize do
+      #   config.i18n.load_path += Dir["#{config.root}/config/locales/**/*.yml"]
+      # end
+    end
+  end
+end

data/lib/activeadmin/select_many/version.rb

@@ -0,0 +1,5 @@
+module ActiveAdmin
+  module SelectMany
+    VERSION = '0.1.0'
+  end
+end

data/lib/activeadmin/select_many.rb

@@ -0,0 +1 @@
+require 'activeadmin/select_many/engine'

data/lib/activeadmin_select_many.rb

@@ -0,0 +1,3 @@
+require 'activeadmin/select_many'
+
+require 'formtastic/inputs/select_many_input'

data/lib/formtastic/inputs/select_many_input.rb

@@ -0,0 +1,66 @@
+module Formtastic
+  module Inputs
+    class SelectManyInput < SelectInput
+      # def input_html_options
+      #   super.merge( class: 'select-many' )
+      # end
+
+      def to_html
+        input_wrapping do
+          label_html <<
+          hidden_input <<
+          template.content_tag( :div, class: 'selects' ) do
+            search_box +
+            template.content_tag( :span, '' ) +
+            template.content_tag( :span, template.t( 'inputs.select_many.available' ) + ':' ) +
+            template.content_tag( :span, template.t( 'inputs.select_many.selected'  ) + ':' ) +
+            select_src_html +
+            select_dst_html
+          end
+        end
+      end
+
+      def hidden_input
+        template.content_tag( :div, class: 'values', 'data-name': input_html_options[:name] ) do
+          object.send( input_name ).each do |value|
+            template.concat template.hidden_field_tag( input_html_options[:name], value, {id: nil} )
+          end
+        end
+      end
+
+      def search_box
+        @opts ||= {id: nil, class: 'search-select', placeholder: options[:placeholder], 'data-remote': options[:remote_collection], 'data-search': options[:search_param] ? options[:search_param] : 'name_contains', 'data-text': options[:text_key] ? options[:text_key] : 'name', 'data-value': options[:value_key] ? options[:value_key] : 'id'}
+        template.text_field_tag( nil, '', @opts )
+      end
+
+      def select_src_html
+        coll = if options[:remote_collection]
+          []
+        else
+          # TODO: add option unique ?
+          selected = object.send( input_name )
+          collection.select { |option| !selected.include?( option[1] ) }
+        end
+        opts = input_options.dup.merge( name: nil, id: nil, multiple: true, 'data-select': 'src' )
+        template.select_tag nil, template.options_for_select( coll ), opts
+      end
+
+      def select_dst_html
+        selected = object.send( input_name )
+        coll = collection.select { |option| selected.include?( option[1] ) }
+        opts = input_options.dup.merge( name: nil, id: nil, multiple: true, 'data-select': 'dst' )
+        template.select_tag nil, template.options_for_select( coll ), opts
+      end
+
+      # def select_html
+      #   selected = object.send( input_name )
+      #   coll = collection.select { |option| selected.include?( option[1] ) }
+
+      #   opts = input_options.dup.merge( name: nil, id: nil, multiple: true )
+      #   template.select_tag nil, template.options_for_select( coll ), opts
+
+      #   # builder.select(input_name, coll, input_options, input_html_options)
+      # end
+    end
+  end
+end

metadata

@@ -0,0 +1,73 @@
+--- !ruby/object:Gem::Specification
+name: activeadmin_select_many
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Mattia Roccoberton
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-09-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: activeadmin
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+description: An Active Admin plugin which improves one-to-many and many-to-many associations
+  selection (jQuery required)
+email: mat@blocknot.es
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- activeadmin_select_many.gemspec
+- app/assets/javascripts/activeadmin/select_many.js
+- app/assets/stylesheets/activeadmin/_select_many.sass
+- config/locales/en.yml
+- lib/activeadmin/select_many.rb
+- lib/activeadmin/select_many/engine.rb
+- lib/activeadmin/select_many/version.rb
+- lib/activeadmin_select_many.rb
+- lib/formtastic/inputs/select_many_input.rb
+- screenshot.png
+homepage: https://github.com/blocknotes/activeadmin_select_many
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.13
+signing_key: 
+specification_version: 4
+summary: SelectMany plugin for ActiveAdmin
+test_files: []