ruby-on-rails - 为 activeadmin 自定义布局（组件）

Question

Activeadmin 布局不仅仅是一个文件，它是一个组件的集合。

如何使用 activeadmin 覆盖某些组件，例如徽标、导航。

Answer 1

activeadmin 布局组件非常容易定制。您需要做的：只需定义一个打开 ActiveAdmin::View 的模块。

您可以在定义所有 activeadmin 资源的初始化程序或管理目录中拥有一个 custom_activeadmin_components.rb。我更喜欢把它放在你的 activeadmin 资源所在的目录中。然后覆盖你想要的任何模块：

这是一个示例：

module ActiveAdmin
  module Views
    class Header < Component
      def build(namespace, menu)
        super(:id => "header")

        @namespace = namespace
        @menu = menu
        @utility_menu = @namespace.fetch_menu(:utility_navigation)

        build_site_title
        build_global_navigation
        build_utility_navigation
        #you can add any other component here in header section 
      end

      def build_site_title
        render "admin/parts/logo"
      end

      def build_global_navigation
        render "admin/parts/main_nav"
      end

      def build_utility_navigation
        render 'admin/parts/language_options'
        insert_tag view_factory.global_navigation, @utility_menu, :id => "utility_nav", :class => 'header-item tabs'
        render 'admin/parts/branch_in_header'
      end
    end

    module Pages
      class Base
        def build_page_content
          build_flash_messages

          div :id => :wizard_progress_bar do
            render 'admin/parts/wizard_progress_bar'
          end

          div :id => "active_admin_content", :class => (skip_sidebar? ? "without_sidebar" : "with_sidebar") do
            build_main_content_wrapper
            build_sidebar unless skip_sidebar?
          end
        end
      end
    end  
  end
end

Answer 2

您可以在 admin/your_model.rb 文件中自定义活动管理页面。

活动管理员的示例代码如下。

ActiveAdmin.register User do

  menu :label => "Our User", :priority => 3 #rename menu & set priority#
  #for index page#
  index :title => 'Our User' do #set page title#
    # index :download_links => false do
      selectable_column
      column :title
      column :category do |e| #want to change name of category
         e.categoryone
      end
      column :address 
      default_actions#this will add default action i.e. show|edit|delete#   
  end
  #end index#

  #for controller#
  controller do
    actions :all, :except => [:edit, :new] # you can decide which all methods to be shown in show page.
  end
  #end controller#

  #show start page#
  show do |user|
    h3 "User Details"
    attributes_table do
      row :title
      row :description      
      row :address, :label=>"User Address" #overide address label
      row :country
      row :approval
    end

    h3 "Activity Photoes"
    attributes_table do
      user.uploads.each do |img| #call associated model. Here i want to display uploaded image of upload.rb file
        row(" ") do 
          link_to image_tag(img.to_jq_upload['small_url']), admin_upload_path(img)#here i have added upload module to admin thats y i can directly give path to the upload record of admin module#
        end
      end
    end
    active_admin_comments # to show comment block of active admin
  end
  #show end#

  #filer(search) start righthand side panel#
  filter :title
  filter :category
  filter :address 
  #end filter#

  #for menu on show page#
  action_item only:[:show] do # this add "Approve User" button on the right hand side of show menu only as we have specified only show method
    if User.find(params[:id]).approval == true
      link_to "Approve User", approv_user_path(:id => params[:id])#call custom method of normal rails controller#
    end
  end
  #end menu#

  #start add side bar on page#
  sidebar "Project Details" do
    ul do
      li link_to("Profile", new_project_path)
    end
  end
  #end side bar#

结尾