手書き入力をレールに追加するアクティブ管理

Question

添付ファイル入力を追加するためにRails Active Adminプラグインで必要な手順は何ですか？

Answer 1

^{_{元の質問からコピーされました。}}

---

第1工程：

'アプリ' フォルダ内の '入力' という名前の新しいフォルダを追加します。このフォルダには

、

'formtastic_attachinary_input.rb' という名前のファイルを作成し、このファイルに次の行を追加します。

class FormtasticAttachinaryInput 
    include Formtastic::Inputs::Base 
    attr_reader :attachinary_options 

    def to_html 
    input_wrapping do 
     label_html << 
     template.builder_attachinary_file_field_tag(method, @builder, { html: input_html_options }) 
    end 
    end 
end 

第二ステップ：

'設定/初期化子' は、作成ファイル名は 'active_admin_cloudinary.rb'

このファイルに次の行を追加します。

module ActiveAdmin 
    module Views 
    module Pages 
     class Base < Arbre::HTML::Document 

     alias_method :original_build_head, :build_active_admin_head 

     def build_active_admin_head 
      original_build_head 

      within @head do 
      text_node cloudinary_js_config 
      end 
     end 

     end 
    end 
    end 
end 

第三工程： 'アプリ/資産/ javascriptの' という名前のファイルを作成する 'active_admin.js'

で

そして、これらの行を追加します

//= require active_admin/base 
//= require jquery-fileupload/vendor/jquery.ui.widget 
//= require jquery-fileupload/jquery.iframe-transport 
//= require jquery-fileupload/jquery.fileupload 
//= require cloudinary/jquery.cloudinary 
//= require attachinary 
//= require attachments 

に第四ステップ： のファイルを作成します。 'app/assets/javascript 'の' attachments.js.coffee '

これらの行を追加してください：

jQuery -> 
    $('.attachinary-input').attachinary() 

使用方法は？

ActiveAdmin.register Category do 
    menu priority: 3 
    menu label: "Sous catégories" 
    permit_params :name, :photo, :description, :category_type_id, :id, :pos_id 

    form do |f| 
    f.inputs "Infos de base" do 
     f.input :id 
     f.input :name 
     f.input :description 
     f.input :category_type 
     f.input :pos_id 
     f.input :photo, as: :formtastic_attachinary ### THERE #### 
    end 
    actions 
    end 

    filter :name, :as => :string 
    filter :description 
    filter :category_type 
    filter :pos_id 
end