jquery jeton d'entrée et active_admin

Question

Je veux utiliser jquery-token-input avec relation has_many intérieur active_admin.

Quelle est la meilleure façon de le faire, et comment puis-je mettre en œuvre génériquement afin que je puisse réutiliser le code pour de nouvelles relations has_many.

Je regarderai en avant pour vos lignes de suggestion et le guide.

Answer 1

Eh bien, cela ne veut pas utiliser jquery-token-input, mais ça marche!

Elu .

Télécharger le CSS, JS et les fichiers png et de mettre dans le répertoire actif approprié.

Dans /app/admin/modelname.rb

ActiveAdmin.register Modlename do

#Customize create and edit form
form do |f|
    f.inputs do
       f.input :name
       f.input :othermodel, :input_html => { :class => "chosen-input" }
    end
  f.buttons
  end   
end  

Dans active_admin.js

//= require chosen.jquery.min

$(document).ready(function(){
   $(".chosen-input").chosen();
});

Dans active_admin.css.scss

/*
   *= require chosen
*/

Answer 2

Il y a un Railscast sur ce que je suis en mesure d'adapter afin de le faire. http://railscasts.com/episodes/258-token-fields

Les seules choses supplémentaires à penser sont en vous assurant que le javascript et css sont inclus dans ActiveAdmin.

Pour la forme ActiveAdmin, voici ce que je (dans le fichier app / admin / story.rb)

ActiveAdmin.register Story do
  form do |f|
    f.inputs "Story details" do
        f.input :title
    end
    f.inputs "Issue Categories" do
        f.text_field :issue_tokens, data: {load: f.object.issues}
    end

    f.actions
  end
end

Dans ce cas, mes modèles sont histoire et enjeux, reliés par un a et appartient à plusieurs.

La seule Gotcha est que l'entrée symbolique semble obtenir redéfinie par admin actif, en essayant de comprendre cela.

Mise à jour Ajouter à la suite app / assets / stylesheets / active_admin.css.sass

@import "token-input";
@import "token-input-facebook";

obtient certains des nécessaires styling va, mais un travail est encore nécessaire, je pense à cause des affrontements avec un style d'administration active.