activeadmin_select_many 0.1.2 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 71d37813e5fbcb67285b3c1e8413e4880e79e69d
-  data.tar.gz: 8cb5b71339e21a10c4e84cc059f0d5ede4e2a220
+  metadata.gz: 45fd55dbb9b440057b38aeef68aca5494f89247b
+  data.tar.gz: afa5035de499e0997a1fb2e8c81c3b21dd343e07
 SHA512:
-  metadata.gz: b8eabd05b1cf8e08453b0e5ae2bf169c11840f61bbc7066787c15725dcc943df14cdaea09e63de3577a8f4efe550f09f31790bdfc94066db862808b035421714
-  data.tar.gz: a4c4220404ecc844dade9e6b2656c15792315bb1cc2e639a6d4515ad722d27223f45621c4dc69e7baf72876dd7d8103fdfe4f0f2a4ef4593214709c934f4f9f8
+  metadata.gz: b71c96131788ee4b9b883ed73186abad17ff7fc85d05b985f674f5561ff1f89681b7395e64636aca366c2f38a9829f639f24b0ba9aa677ff86d35aab278a3c53
+  data.tar.gz: 5d9f79c90856223aa9cd45810bc1679a6fde32cc39b8b21b93205f081fe5b38c3a22fcc202a2a29e75f0fc4e2f732ab5c8c94dd4a5caf195e0d4502701eaf24d

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

@@ -1,3 +1,14 @@
+function smActivate( target ) {
+  if( target.tagName.toLowerCase() == 'option' ) {
+    var parent = $(this).closest( '.select_many' );
+    var opt = $(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();
+    smUpdateValues( parent );
+  }
+}
+
 function smDebounce( func, wait, immediate ) {
   var timeout;
   return function() {
@@ -14,23 +25,18 @@ function smDebounce( func, wait, immediate ) {
 };
 
 function smUpdateValues( parent ) {
-  var values = parent.find( '.values' );
+  var cnt = 0, 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() }) );
+    cnt++;
   });
+  if( cnt == 0 ) values.append( $('<input>', { type: 'hidden', name: values.data( 'name' ) }) );
 }
 
 $(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();
-      smUpdateValues( parent );
-    }
+    $.proxy( smActivate, $(this) )( event.target );
   });
 
   var onLocalSelect = smDebounce( function() {
@@ -70,6 +76,16 @@ $(document).ready( function() {
   $('.select_many.input .search-select').each( function() {
     $(this).on( 'keyup', $(this).data( 'remote' ) ? onRemoteSelect : onLocalSelect );
   });
+  $('.select_many .add').on( 'click', function() {
+    var select = $(this).parent().prev();
+    var current = select.find( 'option:selected' )[0];
+    if( current ) $.proxy( smActivate, select )( current );
+  });
+  $('.select_many .remove').on( 'click', function() {
+    var select = $(this).parent().next();
+    var current = select.find( 'option:selected' )[0];
+    if( current ) $.proxy( smActivate, select )( current );
+  });
   $('.select_many [sortable] .move_up').on( 'click', function() {
     var select = $(this).parent().next();
     var current = select.find( 'option:selected' )[0];

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

@@ -5,14 +5,17 @@ body.active_admin
       text-align: center
       width: 22px
       a
-        background: #ddd
+        background: #d4d4d4
         border: 1px solid #eee
+        border-radius: 4px
         display: block
         font-weight: bold
         line-height: 16px
         text-decoration: none
         &.move_up, &.move_down
           display: none
+        &:hover
+          background: #e0e0e0
     .search-select
       margin-bottom: 1px
     .selects
@@ -23,7 +26,10 @@ body.active_admin
         width: calc(50% - 12px);
       > span
         padding: 3px 6px 1px 6px
+      .available
+        font-style: italic
       .selected
+        font-style: italic
         padding-left: 30px
     [sortable] >.buttons
       a.move_up, a.move_down

data/lib/activeadmin/select_many/version.rb

@@ -1,5 +1,5 @@
 module ActiveAdmin
   module SelectMany
-    VERSION = '0.1.2'
+    VERSION = '0.1.4'
   end
 end

data/lib/formtastic/inputs/select_many_input.rb

@@ -35,8 +35,8 @@ module Formtastic
 
       def buttons_html
         template.content_tag( :div, class: 'buttons' ) do
-          # template.link_to( '→'.html_safe, 'Javascript:void(0)', class: 'add' ) +
-          # template.link_to( '←'.html_safe, 'Javascript:void(0)', class: 'remove' ) +
+          template.link_to( '→'.html_safe, 'Javascript:void(0)', class: 'add' ) +
+          template.link_to( '←'.html_safe, 'Javascript:void(0)', class: 'remove' ) +
           template.link_to( '↑'.html_safe, 'Javascript:void(0)', class: 'move_up' ) +
           template.link_to( '↓'.html_safe, 'Javascript:void(0)', class: 'move_down' )
         end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: activeadmin_select_many
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.4
 platform: ruby
 authors:
 - Mattia Roccoberton