Use CSS to display icons in the admin menu
This way we simplify the HTML and generating similar menus will be easier. We also improve the experience for screen reader users, who might have been hearing the icons as text because we weren't using the `aria-hidden` attribute. We're still keeping the "icon-" classes for compatibility with CONSUL installations which might have changed this code.
This commit is contained in:
@@ -1,61 +1,40 @@
|
||||
<ul id="admin_menu" data-accordion-menu data-multi-open="true">
|
||||
<% if feature?(:proposals) %>
|
||||
<li>
|
||||
<%= link_to admin_proposals_path do %>
|
||||
<span class="icon-proposals"></span>
|
||||
<%= t("admin.menu.proposals") %>
|
||||
<% end %>
|
||||
<%= link_to t("admin.menu.proposals"), admin_proposals_path, class: "proposals-link" %>
|
||||
</li>
|
||||
<% end %>
|
||||
|
||||
<% if feature?(:debates) %>
|
||||
<li class="<%= "is-active" if controller_name == "debates" %>">
|
||||
<%= link_to admin_debates_path do %>
|
||||
<span class="icon-debates"></span>
|
||||
<%= t("admin.menu.debates") %>
|
||||
<% end %>
|
||||
<%= link_to t("admin.menu.debates"), admin_debates_path, class: "debates-link" %>
|
||||
</li>
|
||||
<% end %>
|
||||
|
||||
<li class="<%= "is-active" if controller_name == "comments" %>">
|
||||
<%= link_to admin_comments_path do %>
|
||||
<span class="icon-comments"></span>
|
||||
<%= t("admin.menu.comments") %>
|
||||
<% end %>
|
||||
<%= link_to t("admin.menu.comments"), admin_comments_path, class: "comments-link" %>
|
||||
</li>
|
||||
|
||||
<% if feature?(:polls) %>
|
||||
<li class="<%= "is-active" if polls? %>">
|
||||
<%= link_to admin_polls_path do %>
|
||||
<span class="icon-checkmark-circle"></span>
|
||||
<%= t("admin.menu.polls") %>
|
||||
<% end %>
|
||||
<%= link_to t("admin.menu.polls"), admin_polls_path, class: "polls-link" %>
|
||||
</li>
|
||||
<% end %>
|
||||
|
||||
<% if feature?(:legislation) %>
|
||||
<li class="<%= "is-active" if controller.class.parent == Admin::Legislation %>">
|
||||
<%= link_to admin_legislation_processes_path do %>
|
||||
<span class="icon-file-text"></span>
|
||||
<%= t("admin.menu.legislation") %>
|
||||
<% end %>
|
||||
<%= link_to t("admin.menu.legislation"), admin_legislation_processes_path, class: "legislation-link" %>
|
||||
</li>
|
||||
<% end %>
|
||||
|
||||
<% if feature?(:budgets) %>
|
||||
<li class="<%= "is-active" if budgets? %>">
|
||||
<%= link_to admin_budgets_path do %>
|
||||
<span class="icon-budget"></span>
|
||||
<%= t("admin.menu.budgets") %>
|
||||
<% end %>
|
||||
<%= link_to t("admin.menu.budgets"), admin_budgets_path, class: "budgets-link" %>
|
||||
</li>
|
||||
<% end %>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon-box"></span>
|
||||
<%= t("admin.menu.title_booths") %>
|
||||
</a>
|
||||
<a href="#" class="booths-link"><%= t("admin.menu.title_booths") %></a>
|
||||
<ul id="booths_menu" <%= "class=is-active" if booths? %>>
|
||||
<li <%= "class=is-active" if %w[officers officer_assignments].include?(controller_name) %>>
|
||||
<%= link_to t("admin.menu.poll_officers"), admin_officers_path %>
|
||||
@@ -82,18 +61,12 @@
|
||||
|
||||
<% if feature?(:signature_sheets) %>
|
||||
<li class="<%= "is-active" if controller_name == "signature_sheets" %>">
|
||||
<%= link_to admin_signature_sheets_path do %>
|
||||
<span class="icon-file-text-o"></span>
|
||||
<%= t("admin.menu.signature_sheets") %>
|
||||
<% end %>
|
||||
<%= link_to t("admin.menu.signature_sheets"), admin_signature_sheets_path, class: "signature-sheets-link" %>
|
||||
</li>
|
||||
<% end %>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon-zip"></span>
|
||||
<%= t("admin.menu.messaging_users") %>
|
||||
</a>
|
||||
<a href="#" class="messages-link"><%= t("admin.menu.messaging_users") %></a>
|
||||
<ul id="messaging_users_menu" <%= "class=is-active" if messages_menu_active? %>>
|
||||
<li <%= "class=is-active" if controller_name == "newsletters" %>>
|
||||
<%= link_to t("admin.menu.newsletters"), admin_newsletters_path %>
|
||||
@@ -111,10 +84,7 @@
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon-edit"></span>
|
||||
<%= t("admin.menu.title_site_customization") %>
|
||||
</a>
|
||||
<a href="#" class="site-customization-link"><%= t("admin.menu.title_site_customization") %></a>
|
||||
<ul <%= "class=is-active" if customization? &&
|
||||
controller.class.parent != Admin::Poll::Questions::Answers %>>
|
||||
|
||||
@@ -142,10 +112,7 @@
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon-eye"></span>
|
||||
<%= t("admin.menu.title_moderated_content") %>
|
||||
</a>
|
||||
<a href="#" class="moderated-content-link"><%= t("admin.menu.title_moderated_content") %></a>
|
||||
<ul <%= "class=is-active" if moderated_content? %>>
|
||||
<% if feature?(:proposals) %>
|
||||
<li <%= "class=is-active" if controller_name == "hidden_proposals" %>>
|
||||
@@ -184,10 +151,7 @@
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon-organizations"></span>
|
||||
<%= t("admin.menu.title_profiles") %>
|
||||
</a>
|
||||
<a href="#" class="profiles-link"><%= t("admin.menu.title_profiles") %></a>
|
||||
<ul <%= "class=is-active" if profiles? %>>
|
||||
<li <%= "class=is-active" if controller_name == "administrators" %>>
|
||||
<%= link_to t("admin.menu.administrators"), admin_administrators_path %>
|
||||
@@ -220,16 +184,11 @@
|
||||
</li>
|
||||
|
||||
<li class="<%= "is-active" if controller_name == "stats" %>">
|
||||
<%= link_to admin_stats_path do %>
|
||||
<span class="icon-stats"></span><%= t("admin.menu.stats") %>
|
||||
<% end %>
|
||||
<%= link_to t("admin.menu.stats"), admin_stats_path, class: "stats-link" %>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon-settings"></span>
|
||||
<%= t("admin.menu.title_settings") %>
|
||||
</a>
|
||||
<a href="#" class="settings-link"><%= t("admin.menu.title_settings") %></a>
|
||||
<ul <%= "class=is-active" if settings? %>>
|
||||
<li <%= "class=is-active" if controller_name == "settings" %>>
|
||||
<%= link_to t("admin.menu.settings"), admin_settings_path %>
|
||||
@@ -258,10 +217,7 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<span class="icon-check"></span>
|
||||
<%= t("admin.menu.dashboard") %>
|
||||
</a>
|
||||
<a href="#" class="dashboard-link"><%= t("admin.menu.dashboard") %></a>
|
||||
<ul <%= "class=is-active" if dashboard? %>>
|
||||
<li <%= "class=is-active" if controller_name == "actions" %>>
|
||||
<%= link_to t("admin.menu.dashboard_actions"), admin_dashboard_actions_path %>
|
||||
|
||||
Reference in New Issue
Block a user