avo 2.2.0 → 2.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6ddda419ee56fc6958c6014c1c87c4fc42d33564b4c3c6642b369729f2948b48
-  data.tar.gz: 8b76cd83e1c6fd3a4ea564ee09d4507b2de1034c390e3cf5d7ae4ec175a569e0
+  metadata.gz: 7aa88764021f40e6a32625569658172b802aa0c2ca31e0fb282cafa5ccc8ba33
+  data.tar.gz: 6e256e598fa099862691a623edfee9d53d0723d0101e681090686e4edd2ae460
 SHA512:
-  metadata.gz: 52494cb524f70561a7ab099f44c1df29faf56897d7f487337a1d1831964e3732d31d69be7644b4adeb4a60b79e3199b2d931f5c2a726d8e2f136d6d40256b719
-  data.tar.gz: 2ce7d38f174655a677de092a486357fef13deca755839bd305eaf65ca81f5fd33eea543b69939ce396f65f752673b1131910044bb5ac923b71c0178ff7b8736c
+  metadata.gz: ab132521622ae3dd8dfa75cbf513383b42e6361d64188ced7751560d9808c7b3bb591588ebe831460c992c1d0ee3a6aebed2abfce923d06ccb21da0502373c64
+  data.tar.gz: 3e60dfffdae92341ece77e3bf62236d6104db247399afea1fd6d7a684ad9d1323eff9be12f180ab9ee76f2097036f7cbb48a45720873b66e9dc958b4a0d8fbbf

data/Gemfile

@@ -84,7 +84,7 @@ group :development do
 end
 
 group :development, :test do
-  gem 'ap'
+  gem "awesome_print"
   gem "faker", require: false
 end
 

data/Gemfile.lock

@@ -1,12 +1,13 @@
 PATH
   remote: .
   specs:
-    avo (2.2.0)
+    avo (2.3.0)
       active_link_to
       addressable
       breadcrumbs_on_rails
       chartkick
       countries
+      docile
       dry-initializer
       hotwire-rails
       httparty
@@ -89,13 +90,12 @@ GEM
       activerecord (>= 4.2)
     addressable (2.8.0)
       public_suffix (>= 2.0.2, < 5.0)
-    ap (0.1.1)
-      httparty (>= 0.7.7)
     appraisal (2.4.1)
       bundler
       rake
       thor (>= 0.14.0)
     ast (2.4.2)
+    awesome_print (1.9.2)
     aws-eventstream (1.2.0)
     aws-partitions (1.551.0)
     aws-sdk-core (3.125.5)
@@ -242,7 +242,7 @@ GEM
       net-protocol
       timeout
     nio4r (2.5.8)
-    nokogiri (1.13.3)
+    nokogiri (1.13.4)
       mini_portile2 (~> 2.8.0)
       racc (~> 1.4)
     orm_adapter (0.5.0)
@@ -418,9 +418,9 @@ DEPENDENCIES
   active_median
   acts_as_list
   addressable
-  ap
   appraisal
   avo!
+  awesome_print
   aws-sdk-s3
   bootsnap (>= 1.4.2)
   breadcrumbs_on_rails

data/app/assets/svgs/{dashboards-icon.svg → dashboards.svg}

@@ -1,4 +1,4 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.4 2H2V8.4H8.4V2Z" stroke="#757D8A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M18 2H11.6V8.4H18V2Z" stroke="#757D8A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 <path d="M8.4 11.6001H2V18.0001H8.4V11.6001Z" stroke="#757D8A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>

data/app/components/avo/index/field_wrapper_component.rb

@@ -17,6 +17,19 @@ class Avo::Index::FieldWrapperComponent < ViewComponent::Base
       result += " py-3"
     end
 
+    result += " #{text_align_classes}"
+
     result
   end
+
+  private
+
+  def text_align_classes
+    case @field.index_text_align.to_sym
+    when :right
+      'text-right'
+    when :center
+      'text-center'
+    end
+  end
 end

data/app/components/avo/profile_item_component.html.erb

@@ -1,3 +1,3 @@
-<%= link_to @path, class: "flex-1 flex items-center justify-center bg-white text-left cursor-pointer text-gray-800 font-semibold hover:bg-blue-100 block px-4 py-1 w-full py-3 text-center rounded w-full" do %>
-  <%= @icon if @icon.present? %> <%= @label %>
+<%= link_to path, class: "flex-1 flex items-center justify-center bg-white text-left cursor-pointer text-gray-800 font-semibold hover:bg-blue-100 block px-4 py-1 w-full py-3 text-center rounded w-full", target: target do %>
+  <%= helpers.svg(icon, class: 'h-4 mr-1') if icon.present? %> <%= label %>
 <% end %>

data/app/components/avo/profile_item_component.rb

@@ -1,6 +1,12 @@
 # frozen_string_literal: true
 
 class Avo::ProfileItemComponent < ViewComponent::Base
+  attr_reader :label
+  attr_reader :icon
+  attr_reader :path
+  attr_reader :active
+  attr_reader :target
+
   def initialize(label: nil, icon: nil, path: nil, active: :inclusive, target: nil)
     @label = label
     @icon = icon

data/app/components/avo/sidebar/base_item_component.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+class Avo::Sidebar::BaseItemComponent < ViewComponent::Base
+  attr_reader :item
+
+  def initialize(item: nil)
+    @item = item
+  end
+
+  def items
+    item.items
+  end
+
+  def key
+    result = "avo.#{request.host}.main_menu.#{item.name.underscore}"
+
+    if item.icon.present?
+      result += ".#{item.icon.parameterize.underscore}"
+    end
+
+    result
+  end
+
+  def collapsable
+    item.collapsable
+  end
+
+  def collapsed
+    item.collapsed
+  end
+end

data/app/components/avo/sidebar/group_component.html.erb

@@ -0,0 +1,28 @@
+<div class="pb-2 space-y-1"
+  <% if collapsable %>
+    data-controller="menu"
+    data-menu-target="self"
+    data-menu-key-param="<%= key %>"
+    data-menu-default-collapsed-state="<%= collapsed ? 'collapsed' : 'expanded' %>"
+  <% end %>
+>
+  <div class="flex justify-between px-10 pt-2 pb-0 text-gray-600 ">
+    <div class="flex items-center text-xs uppercase font-semibold leading-none">
+      <%= item.name %>
+    </div>
+    <% if collapsable %>
+      <div class="cursor-pointer <%= 'rotate-90' if collapsed %>"
+        data-action="click->menu#triggerCollapse"
+        data-menu-target="svg"
+        data-menu-key-param="<%= key %>"
+        >
+        <%= helpers.svg 'heroicons/outline/chevron-down', class: "h-4"%>
+      </div>
+    <% end %>
+  </div>
+  <div class="w-full space-y-1 <%= 'hidden' if collapsed %>" data-menu-target="items">
+    <% items.each do |item| %>
+      <%= render Avo::Sidebar::ItemSwitcherComponent.new item: item %>
+    <% end %>
+  </div>
+</div>

data/app/components/avo/sidebar/group_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Sidebar::GroupComponent < Avo::Sidebar::BaseItemComponent
+end

data/app/components/avo/sidebar/heading_component.html.erb

@@ -0,0 +1,14 @@
+<div class="flex justify-between p-4 py-2 text-gray-500">
+  <div class="flex items-center text-sm uppercase font-semibold leading-none space-x-1">
+    <span class="min-w-[20px]"><%= icon %></span> <span><%= label %></span>
+  </div>
+  <% if collapsable %>
+    <div class="cursor-pointer <%= 'rotate-90' if collapsed %>"
+      data-action="click->menu#triggerCollapse"
+      data-menu-key-param="<%= key %>"
+      data-menu-target="svg"
+    >
+      <%= helpers.svg 'heroicons/outline/chevron-down', class: 'h-5'%>
+    </div>
+  <% end %>
+</div>

data/app/components/avo/sidebar/heading_component.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+class Avo::Sidebar::HeadingComponent < ViewComponent::Base
+  attr_reader :collapsable
+  attr_reader :collapsed
+  attr_reader :icon
+  attr_reader :key
+  attr_reader :label
+
+  def initialize(label: nil, icon: nil, collapsable: false, collapsed: false, key: nil)
+    @collapsable = collapsable
+    @collapsed = collapsed
+    @icon = icon
+    @key = key
+    @label = label
+  end
+end

data/app/components/avo/sidebar/item_switcher_component.html.erb

@@ -0,0 +1,16 @@
+<% if item.is_a? Avo::Menu::Link %>
+  <%= render Avo::Sidebar::LinkComponent.new label: item.name, path: item.path, target: item.target %>
+<% end %>
+<% if item.is_a? Avo::Menu::Resource %>
+  <%= render Avo::Sidebar::LinkComponent.new label: resource.navigation_label, path: helpers.resources_path(resource: resource) %>
+<% end %>
+<% if item.is_a? Avo::Menu::Dashboard %>
+  <%= render Avo::Sidebar::LinkComponent.new label: dashboard.navigation_label, path: dashboard.navigation_path %>
+<% end %>
+<% if item.is_a? Avo::Menu::Section %>
+  <%= render Avo::Sidebar::SectionComponent.new item: item %>
+<% end %>
+<% if item.is_a? Avo::Menu::Group %>
+  <%= render Avo::Sidebar::GroupComponent.new item: item %>
+<% end %>
+

data/app/components/avo/sidebar/item_switcher_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+class Avo::Sidebar::ItemSwitcherComponent < Avo::Sidebar::BaseItemComponent
+  def resource
+    item.parsed_resource
+  end
+
+  def dashboard
+    item.parsed_dashboard
+  end
+
+  def render?
+    item.visible?
+  end
+end

data/app/components/avo/sidebar/link_component.html.erb

@@ -0,0 +1,12 @@
+<% if path.present? %>
+  <%= send link_method, path, class: classes, active: active, target: target do %>
+    <%= label %>
+    <% if target == :_blank %>
+      <%= helpers.svg('heroicons/outline/external-link', class: 'self-center ml-auto h-3') %>
+    <% end %>
+  <% end %>
+<% else %>
+  <%= content_tag :div, class: classes, active: active, target: target do %>
+    <%= label %>
+  <% end %>
+<% end %>

data/app/components/avo/sidebar/link_component.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+class Avo::Sidebar::LinkComponent < ViewComponent::Base
+  attr_reader :active
+  attr_reader :target
+  attr_reader :label
+  attr_reader :path
+
+  def initialize(label: nil, path: nil, active: :inclusive, target: nil)
+    @label = label
+    @path = path
+    @active = active
+    @target = target
+  end
+
+  def is_external?
+    URI(path).scheme.present?
+  end
+
+  # For external links active_link_to marks them all as active.
+  def link_method
+    is_external? ? :link_to : :active_link_to
+  end
+
+  def classes
+    "px-4 flex-1 flex mx-6 leading-none py-2 text-black rounded font-medium hover:bg-gray-150"
+  end
+end

data/app/components/avo/sidebar/section_component.html.erb

@@ -0,0 +1,15 @@
+<div class="space-y-1"
+  <% if collapsable %>
+    data-controller="menu"
+    data-menu-target="self"
+    data-menu-key-param="<%= key %>"
+    data-menu-default-collapsed-state="<%= collapsed ? 'collapsed' : 'expanded' %>"
+  <% end %>
+>
+  <%= render Avo::Sidebar::HeadingComponent.new label: item.name, icon: helpers.svg(icon, class: "h-5"), collapsable: item.collapsable, collapsed: collapsed, key: key %>
+  <div class="w-full space-y-1 <%= 'hidden' if collapsed %>" data-menu-target="items">
+    <% items.each do |item| %>
+      <%= render Avo::Sidebar::ItemSwitcherComponent.new item: item %>
+    <% end %>
+  </div>
+</div>

data/app/components/avo/sidebar/section_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class Avo::Sidebar::SectionComponent < Avo::Sidebar::BaseItemComponent
+  def icon
+    return nil if item.icon.nil?
+
+    item.icon
+  end
+end

data/app/components/avo/sidebar_component.html.erb

@@ -7,41 +7,50 @@
       </div>
     </div>
     <div class="flex-1 flex flex-col justify-between overflow-auto mt-3">
-      <div class="space-y-6">
-        <%= render Avo::SidebarItemComponent.new label: 'Get started', path: helpers.avo.root_path, active: :exclusive if Rails.env.development? && Avo.configuration.home_path.nil?  %>
+      <div class="space-y-6 mb-4">
+        <%= render Avo::Sidebar::LinkComponent.new label: 'Get started', path: helpers.avo.root_path, active: :exclusive if Rails.env.development? && Avo.configuration.home_path.nil? %>
 
-        <% if dashboards.present? %>
-          <div>
-            <%= render Avo::SidebarHeadingComponent.new label: t('avo.dashboards'), icon: helpers.svg('dashboards-icon', class: 'h-4') %>
-
-            <div class="w-full space-y-1">
-              <% dashboards.sort_by { |r| r.navigation_label }.each do |dashboard| %>
-                <%= render Avo::SidebarItemComponent.new label: dashboard.navigation_label, path: dashboard.navigation_path %>
-              <% end %>
-            </div>
+        <% if Avo::App.license.has_with_trial(:menu_editor) && Avo.configuration.main_menu.present? %>
+          <div class="text-black space-y-4">
+            <% Avo::App.main_menu.items.each do |item| %>
+              <%= render Avo::Sidebar::ItemSwitcherComponent.new item: item %>
+            <% end %>
           </div>
-        <% end %>
+        <% else %>
 
-        <div>
-          <%= render Avo::SidebarHeadingComponent.new label: t('avo.resources'), icon: helpers.svg('resources-icon', class: 'h-4') %>
+          <% if dashboards.present? %>
+            <div>
+              <%= render Avo::Sidebar::HeadingComponent.new label: t('avo.dashboards'), icon: helpers.svg('dashboards', class: 'h-4') %>
 
-          <div class="w-full space-y-1">
-            <% resources.sort_by { |r| r.navigation_label }.each do |resource| %>
-              <%= render Avo::SidebarItemComponent.new label: resource.navigation_label, path: helpers.resources_path(resource: resource) %>
-            <% end %>
-          </div>
-        </div>
+              <div class="w-full space-y-1">
+                <% dashboards.sort_by { |r| r.navigation_label }.each do |dashboard| %>
+                  <%= render Avo::Sidebar::LinkComponent.new label: dashboard.navigation_label, path: dashboard.navigation_path %>
+                <% end %>
+              </div>
+            </div>
+          <% end %>
 
-        <% if tools.present? %>
           <div>
-            <%= render Avo::SidebarHeadingComponent.new label: t('avo.tools'), icon: helpers.svg('tools-icon', class: 'h-4') %>
+            <%= render Avo::Sidebar::HeadingComponent.new label: t('avo.resources'), icon: helpers.svg('resources', class: 'h-4') %>
 
             <div class="w-full space-y-1">
-              <% tools.each do |partial| %>
-                <%= render partial: "/avo/sidebar/items/#{partial}" %>
+              <% resources.sort_by { |r| r.navigation_label }.each do |resource| %>
+                <%= render Avo::Sidebar::LinkComponent.new label: resource.navigation_label, path: helpers.resources_path(resource: resource) %>
               <% end %>
             </div>
           </div>
+
+          <% if tools.present? %>
+            <div>
+              <%= render Avo::Sidebar::HeadingComponent.new label: t('avo.tools'), icon: helpers.svg('tools', class: 'h-4') %>
+
+              <div class="w-full space-y-1">
+                <% tools.each do |partial| %>
+                  <%= render partial: "/avo/sidebar/items/#{partial}" %>
+                <% end %>
+              </div>
+            </div>
+          <% end %>
         <% end %>
 
         <%= render partial: "/avo/partials/sidebar_extra" %>

data/app/components/avo/sidebar_component.rb

@@ -2,20 +2,14 @@
 
 class Avo::SidebarComponent < ViewComponent::Base
   def dashboards
-    return [] if Avo::App.license.lacks_with_trial(:dashboards)
-
-    Avo::App.get_dashboards(helpers._current_user).select do |dashboard|
-      dashboard.is_visible?
-    end
+    Avo::App.dashboards_for_navigation
   end
 
   def resources
-    Avo::App.resources_navigation(helpers._current_user)
+    Avo::App.resources_for_navigation
   end
 
   def tools
-    return [] if Avo::App.license.lacks_with_trial(:custom_tools)
-
-    Avo::App.get_sidebar_partials
+    Avo::App.tools_for_navigation
   end
 end

data/app/components/avo/sidebar_profile_component.html.erb

@@ -25,8 +25,17 @@
         class="hidden absolute flex flex-col inset-auto right-0 -mt-12 bg-white rounded min-w-[200px] shadow-context -translate-y-full"
         data-toggle-panel-target="panel"
       >
+        <% if Avo::App.license.has_with_trial(:menu_editor) && Avo.configuration.profile_menu.present? %>
+          <div class="text-black space-y-4">
+            <% Avo::App.profile_menu.items.each do |item| %>
+              <% if item.is_a? Avo::Menu::Link %>
+                <%= render Avo::ProfileItemComponent.new label: item.name, path: item.path, icon: item.icon %>
+              <% end %>
+            <% end %>
+          </div>
+        <% end %>
         <%# Example link below %>
-        <%#= render Avo::ProfileItemComponent.new label: 'Profile', path: '/profile', icon: helpers.svg('user-circle', class: 'h-4 mr-1') %>
+        <%#= render Avo::ProfileItemComponent.new label: 'Profile', path: '/profile', icon: 'user-circle' %>
         <%= button_to helpers.main_app.send(destroy_user_session_path),
           method: :delete,
           form: { "data-turbo" => "false" },

data/app/controllers/avo/application_controller.rb

@@ -19,7 +19,6 @@ module Avo
     before_action :set_container_classes
     before_action :add_initial_breadcrumbs
     before_action :set_view
-    before_action :set_model_to_fill
 
     rescue_from Pundit::NotAuthorizedError, with: :render_unauthorized
     rescue_from ActiveRecord::RecordInvalid, with: :exception_logger
@@ -285,7 +284,7 @@ module Avo
     end
 
     def set_locale
-      I18n.locale = params[:locale] || I18n.default_locale
+      I18n.locale = params[:set_locale] || I18n.default_locale
 
       I18n.default_locale = I18n.locale
     end

data/app/controllers/avo/base_controller.rb

@@ -44,7 +44,15 @@ module Avo
         unless @index_params[:sort_by].eql? :created_at
           @query = @query.unscope(:order)
         end
-        @query = @query.order("#{@resource.model_class.table_name}.#{@index_params[:sort_by]} #{@index_params[:sort_direction]}")
+
+        # Check if the sortable field option is actually a proc and we need to do a custom sort
+        field_id = @index_params[:sort_by].to_sym
+        field = @resource.get_field_definitions.find { |field| field.id == field_id }
+        if field&.sortable.is_a?(Proc)
+          @query = field.sortable.call(@query, @index_params[:sort_direction])
+        else
+          @query = @query.order("#{@resource.model_class.table_name}.#{@index_params[:sort_by]} #{@index_params[:sort_direction]}")
+        end
       end
 
       # Apply filters

data/app/helpers/avo/application_helper.rb

@@ -71,6 +71,8 @@ module Avo
     end
 
     def svg(file_name, **args)
+      return if file_name.nil?
+
       options = {}
       options[:class] = args[:class].present? ? args[:class] : ""
       options[:class] += args[:extra_class].present? ? " #{args[:extra_class]}" : ""

data/app/javascript/avo.js

@@ -84,3 +84,16 @@ document.addEventListener('turbo:submit-end', () => document.body.classList.remo
 document.addEventListener('turbo:before-cache', () => {
   document.querySelectorAll('[data-turbo-remove-before-cache]').forEach((element) => element.remove())
 })
+
+window.Avo = window.Avo || { configuration: {} }
+
+window.Avo.menus = {
+  resetCollapsedState() {
+    Array.from(document.querySelectorAll('[data-menu-key-param]'))
+      .map((i) => i.getAttribute('data-menu-key-param'))
+      .filter(Boolean)
+      .forEach((key) => {
+        window.localStorage.removeItem(key)
+      })
+  },
+}

data/app/javascript/js/controllers/menu_controller.js

@@ -0,0 +1,65 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+  static targets = ['svg', 'items', 'self'];
+
+  collapsed = true;
+
+  get key() {
+    return this.selfTarget.getAttribute('data-menu-key-param')
+  }
+
+  get defaultState() {
+    return this.selfTarget.getAttribute('data-menu-default-collapsed-state')
+  }
+
+  get userState() {
+    return window.localStorage.getItem(this.key)
+  }
+
+  set userState(payload) {
+    window.localStorage.setItem(this.key, payload)
+  }
+
+  get initiallyCollapsed() {
+    if (this.userState === 'collapsed' || this.defaultState === 'collapsed') return true
+    if (this.userState === 'expanded' || this.defaultState === 'expanded') return false
+
+    return false
+  }
+
+  connect() {
+    if (this.initiallyCollapsed) {
+      this.collapsed = true
+      this.markCollapsed()
+    } else {
+      this.collapsed = false
+      this.markExpanded()
+    }
+  }
+
+  triggerCollapse() {
+    this.collapsed = !this.collapsed
+    this.userState = this.collapsed ? 'collapsed' : 'expanded'
+
+    this.updateDom()
+  }
+
+  updateDom() {
+    if (this.collapsed) {
+      this.markCollapsed()
+    } else {
+      this.markExpanded()
+    }
+  }
+
+  markCollapsed() {
+    this.svgTarget.classList.add('rotate-90')
+    this.itemsTarget.classList.add('hidden')
+  }
+
+  markExpanded() {
+    this.svgTarget.classList.remove('rotate-90')
+    this.itemsTarget.classList.remove('hidden')
+  }
+}

data/app/javascript/js/controllers/search_controller.js

@@ -105,7 +105,7 @@ export default class extends Controller {
           return `${data.header.toUpperCase()} ${data.help}`
         },
         item({ item, createElement }) {
-          let element = ''
+          const children = []
 
           if (item._avatar) {
             let classes
@@ -120,22 +120,37 @@ export default class extends Controller {
                 break
             }
 
-            element += `<img src="${item._avatar}" alt="${item._label}" class="flex-shrink-0 w-8 h-8 my-[2px] inline mr-2 ${classes}" />`
+            children.push(
+              createElement('img', {
+                src: item._avatar,
+                alt: item._label,
+                class: `flex-shrink-0 w-8 h-8 my-[2px] inline mr-2 ${classes}`,
+              }),
+            )
           }
-          element += `<div>${item._label}`
 
+          const labelChildren = [item._label]
           if (item._description) {
-            element += `<div class="aa-ItemDescription">${item._description}</div>`
+            labelChildren.push(
+              createElement(
+                'div',
+                {
+                  class: 'aa-ItemDescription',
+                },
+                item._description,
+              ),
+            )
           }
 
-          element += '</div>'
+          children.push(createElement('div', null, labelChildren))
 
-          return createElement('div', {
-            class: 'flex',
-            dangerouslySetInnerHTML: {
-              __html: element,
+          return createElement(
+            'div',
+            {
+              class: 'flex',
             },
-          })
+            children,
+          )
         },
         noResults() {
           return that.translationKeys.no_item_found.replace(

data/app/javascript/js/controllers.js

@@ -15,6 +15,7 @@ import ItemSelectAllController from './controllers/item_select_all_controller'
 import ItemSelectorController from './controllers/item_selector_controller'
 import KeyValueController from './controllers/fields/key_value_controller'
 import LoadingButtonController from './controllers/loading_button_controller'
+import MenuController from './controllers/menu_controller'
 import MobileController from './controllers/mobile_controller'
 import ModalController from './controllers/modal_controller'
 import MultipleSelectFilterController from './controllers/multiple_select_filter_controller'
@@ -39,6 +40,7 @@ application.register('hidden-input', HiddenInputController)
 application.register('item-select-all', ItemSelectAllController)
 application.register('item-selector', ItemSelectorController)
 application.register('loading-button', LoadingButtonController)
+application.register('menu', MenuController)
 application.register('mobile', MobileController)
 application.register('modal', ModalController)
 application.register('multiple-select-filter', MultipleSelectFilterController)