2018-12-05 23:21:45 +05:30
|
|
|
# frozen_string_literal: true
|
|
|
|
|
2014-09-02 18:07:02 +05:30
|
|
|
module TabHelper
|
2021-11-18 22:05:49 +05:30
|
|
|
# Navigation tabs helper
|
|
|
|
|
|
|
|
# Create a <gl-tabs> container
|
|
|
|
#
|
|
|
|
# Returns a `ul` element with classes that correspond to
|
|
|
|
# the <gl-tabs/> component. Can be populated by
|
|
|
|
# gl_tab_link_to elements.
|
|
|
|
#
|
2023-04-23 21:23:45 +05:30
|
|
|
# See more at: https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-tabs--default
|
2021-11-18 22:05:49 +05:30
|
|
|
def gl_tabs_nav(html_options = {}, &block)
|
|
|
|
gl_tabs_classes = %w[nav gl-tabs-nav]
|
|
|
|
|
|
|
|
html_options = html_options.merge(
|
2022-01-26 12:08:38 +05:30
|
|
|
class: [*html_options[:class], gl_tabs_classes].join(' ')
|
2021-11-18 22:05:49 +05:30
|
|
|
)
|
|
|
|
|
2022-08-27 11:52:29 +05:30
|
|
|
content = capture(&block) if block
|
2021-11-18 22:05:49 +05:30
|
|
|
content_tag(:ul, content, html_options)
|
|
|
|
end
|
|
|
|
|
|
|
|
# Create a <gl-tab> link
|
|
|
|
#
|
|
|
|
# When a tab is active it gets highlighted to indicate this is currently viewed tab.
|
|
|
|
# Internally `current_page?` is called to determine if this is the current tab.
|
|
|
|
#
|
|
|
|
# Usage is the same as "link_to", with the following additional options:
|
|
|
|
#
|
|
|
|
# html_options - The html_options hash (default: {})
|
|
|
|
# :item_active - Overrides the default state focing the "active" css classes (optional).
|
|
|
|
#
|
|
|
|
def gl_tab_link_to(name = nil, options = {}, html_options = {}, &block)
|
|
|
|
link_classes = %w[nav-link gl-tab-nav-item]
|
2022-04-04 11:22:00 +05:30
|
|
|
active_link_classes = %w[active gl-tab-nav-item-active]
|
2021-11-18 22:05:49 +05:30
|
|
|
|
2022-08-27 11:52:29 +05:30
|
|
|
if block
|
2021-11-18 22:05:49 +05:30
|
|
|
# Shift params to skip the omitted "name" param
|
|
|
|
html_options = options
|
|
|
|
options = name
|
|
|
|
end
|
|
|
|
|
|
|
|
html_options = html_options.merge(
|
|
|
|
class: [*html_options[:class], link_classes].join(' ')
|
|
|
|
)
|
|
|
|
|
|
|
|
if gl_tab_link_to_active?(options, html_options)
|
|
|
|
html_options[:class] = [*html_options[:class], active_link_classes].join(' ')
|
|
|
|
end
|
|
|
|
|
|
|
|
html_options = html_options.except(:item_active)
|
2021-12-11 22:18:48 +05:30
|
|
|
extra_tab_classes = html_options.delete(:tab_class)
|
|
|
|
tab_class = %w[nav-item].push(*extra_tab_classes)
|
2021-11-18 22:05:49 +05:30
|
|
|
|
2022-01-26 12:08:38 +05:30
|
|
|
content_tag(:li, class: tab_class) do
|
2022-08-27 11:52:29 +05:30
|
|
|
if block
|
2021-11-18 22:05:49 +05:30
|
|
|
link_to(options, html_options, &block)
|
|
|
|
else
|
|
|
|
link_to(name, options, html_options)
|
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2022-01-26 12:08:38 +05:30
|
|
|
# Creates a <gl-badge> for use inside tabs.
|
|
|
|
#
|
|
|
|
# html_options - The html_options hash (default: {})
|
|
|
|
def gl_tab_counter_badge(count, html_options = {})
|
|
|
|
gl_badge_tag(
|
|
|
|
count,
|
|
|
|
{ size: :sm },
|
|
|
|
html_options.merge(
|
|
|
|
class: ['gl-tab-counter-badge', *html_options[:class]]
|
|
|
|
)
|
|
|
|
)
|
|
|
|
end
|
|
|
|
|
2014-09-02 18:07:02 +05:30
|
|
|
# Navigation link helper
|
|
|
|
#
|
|
|
|
# Returns an `li` element with an 'active' class if the supplied
|
|
|
|
# controller(s) and/or action(s) are currently active. The content of the
|
|
|
|
# element is the value passed to the block.
|
|
|
|
#
|
|
|
|
# options - The options hash used to determine if the element is "active" (default: {})
|
2018-12-05 23:21:45 +05:30
|
|
|
# :controller - One or more controller names to check, use path notation when namespaced (optional).
|
2014-09-02 18:07:02 +05:30
|
|
|
# :action - One or more action names to check (optional).
|
|
|
|
# :path - A shorthand path, such as 'dashboard#index', to check (optional).
|
|
|
|
# :html_options - Extra options to be passed to the list element (optional).
|
|
|
|
# block - An optional block that will become the contents of the returned
|
|
|
|
# `li` element.
|
|
|
|
#
|
|
|
|
# When both :controller and :action are specified, BOTH must match in order
|
|
|
|
# to be marked as active. When only one is given, either can match.
|
|
|
|
#
|
|
|
|
# Examples
|
|
|
|
#
|
|
|
|
# # Assuming we're on TreeController#show
|
|
|
|
#
|
|
|
|
# # Controller matches, but action doesn't
|
|
|
|
# nav_link(controller: [:tree, :refs], action: :edit) { "Hello" }
|
|
|
|
# # => '<li>Hello</li>'
|
|
|
|
#
|
|
|
|
# # Controller matches
|
|
|
|
# nav_link(controller: [:tree, :refs]) { "Hello" }
|
|
|
|
# # => '<li class="active">Hello</li>'
|
|
|
|
#
|
2015-04-26 12:48:37 +05:30
|
|
|
# # Several paths
|
|
|
|
# nav_link(path: ['tree#show', 'profile#show']) { "Hello" }
|
|
|
|
# # => '<li class="active">Hello</li>'
|
|
|
|
#
|
2014-09-02 18:07:02 +05:30
|
|
|
# # Shorthand path
|
|
|
|
# nav_link(path: 'tree#show') { "Hello" }
|
|
|
|
# # => '<li class="active">Hello</li>'
|
|
|
|
#
|
|
|
|
# # Supplying custom options for the list element
|
|
|
|
# nav_link(controller: :tree, html_options: {class: 'home'}) { "Hello" }
|
|
|
|
# # => '<li class="home active">Hello</li>'
|
|
|
|
#
|
2018-12-05 23:21:45 +05:30
|
|
|
# # For namespaced controllers like Admin::AppearancesController#show
|
|
|
|
#
|
|
|
|
# # Controller and namespace matches
|
|
|
|
# nav_link(controller: 'admin/appearances') { "Hello" }
|
|
|
|
# # => '<li class="active">Hello</li>'
|
|
|
|
#
|
|
|
|
# # Controller and namespace matches but action doesn't
|
|
|
|
# nav_link(controller: 'admin/appearances', action: :edit) { "Hello" }
|
|
|
|
# # => '<li>Hello</li>'
|
|
|
|
#
|
|
|
|
# # Shorthand path with namespace
|
|
|
|
# nav_link(path: 'admin/appearances#show') { "Hello"}
|
|
|
|
# # => '<li class="active">Hello</li>'
|
|
|
|
#
|
2020-03-13 15:44:24 +05:30
|
|
|
# # When `TreeController#index` is requested
|
|
|
|
# # => '<li>Hello</li>'
|
|
|
|
#
|
2021-04-29 21:17:54 +05:30
|
|
|
# # Paths, controller and actions can be used at the same time
|
|
|
|
# nav_link(path: 'tree#show', controller: 'admin/appearances') { "Hello" }
|
|
|
|
#
|
|
|
|
# nav_link(path: 'foo#bar', controller: 'tree') { "Hello" }
|
|
|
|
# nav_link(path: 'foo#bar', controller: 'tree', action: 'show') { "Hello" }
|
|
|
|
# nav_link(path: 'foo#bar', action: 'show') { "Hello" }
|
|
|
|
#
|
2014-09-02 18:07:02 +05:30
|
|
|
# Returns a list item element String
|
|
|
|
def nav_link(options = {}, &block)
|
2015-04-26 12:48:37 +05:30
|
|
|
klass = active_nav_link?(options) ? 'active' : ''
|
2014-09-02 18:07:02 +05:30
|
|
|
|
|
|
|
# Add our custom class into the html_options, which may or may not exist
|
|
|
|
# and which may or may not already have a :class key
|
|
|
|
o = options.delete(:html_options) || {}
|
2021-03-08 18:12:59 +05:30
|
|
|
o[:class] = [*o[:class], klass].join(' ')
|
|
|
|
o[:class].strip!
|
2014-09-02 18:07:02 +05:30
|
|
|
|
2022-08-27 11:52:29 +05:30
|
|
|
if block
|
2014-09-02 18:07:02 +05:30
|
|
|
content_tag(:li, capture(&block), o)
|
|
|
|
else
|
|
|
|
content_tag(:li, nil, o)
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2015-04-26 12:48:37 +05:30
|
|
|
def active_nav_link?(options)
|
2021-04-29 21:17:54 +05:30
|
|
|
controller = options.delete(:controller)
|
|
|
|
action = options.delete(:action)
|
2015-04-26 12:48:37 +05:30
|
|
|
|
2021-04-29 21:17:54 +05:30
|
|
|
route_matches_paths?(options.delete(:path)) ||
|
2022-01-26 12:08:38 +05:30
|
|
|
route_matches_page_without_exclusion?(options.delete(:page), options.delete(:exclude_page)) ||
|
2021-04-29 21:17:54 +05:30
|
|
|
route_matches_controllers_and_or_actions?(controller, action)
|
2015-04-26 12:48:37 +05:30
|
|
|
end
|
|
|
|
|
|
|
|
def current_path?(path)
|
|
|
|
c, a, _ = path.split('#')
|
|
|
|
current_controller?(c) && current_action?(a)
|
|
|
|
end
|
|
|
|
|
2014-09-02 18:07:02 +05:30
|
|
|
def branches_tab_class
|
|
|
|
if current_controller?(:protected_branches) ||
|
2017-08-17 22:00:37 +05:30
|
|
|
current_controller?(:branches) ||
|
2017-09-10 17:25:29 +05:30
|
|
|
current_page?(project_repository_path(@project))
|
2014-09-02 18:07:02 +05:30
|
|
|
'active'
|
|
|
|
end
|
|
|
|
end
|
2021-04-29 21:17:54 +05:30
|
|
|
|
|
|
|
private
|
|
|
|
|
|
|
|
def route_matches_paths?(paths)
|
|
|
|
Array(paths).compact.any? do |single_path|
|
|
|
|
current_path?(single_path)
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2022-01-26 12:08:38 +05:30
|
|
|
def route_matches_page_without_exclusion?(pages, exclude_page)
|
|
|
|
return false unless route_matches_pages?(pages)
|
|
|
|
return true unless exclude_page.present?
|
|
|
|
|
|
|
|
!route_matches_pages?(exclude_page)
|
|
|
|
end
|
|
|
|
|
2021-04-29 21:17:54 +05:30
|
|
|
def route_matches_pages?(pages)
|
|
|
|
Array(pages).compact.any? do |single_page|
|
2021-09-04 01:27:46 +05:30
|
|
|
# We need to distinguish between Hash argument and other types of
|
|
|
|
# arguments (for example String) in order to fix deprecation kwargs
|
|
|
|
# warning.
|
|
|
|
#
|
|
|
|
# This can be refactored to
|
|
|
|
#
|
|
|
|
# current_page?(single_page)
|
|
|
|
#
|
|
|
|
# When we migrate to Ruby 3 or the Rails version contains the following:
|
|
|
|
# https://github.com/rails/rails/commit/81d90d81d0ee1fc1a649ab705119a71f2d04c8a2
|
|
|
|
if single_page.is_a?(Hash)
|
|
|
|
current_page?(**single_page)
|
|
|
|
else
|
|
|
|
current_page?(single_page)
|
|
|
|
end
|
2021-04-29 21:17:54 +05:30
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
def route_matches_controllers_and_or_actions?(controller, action)
|
|
|
|
if controller && action
|
|
|
|
current_controller?(*controller) && current_action?(*action)
|
|
|
|
else
|
|
|
|
current_controller?(*controller) || current_action?(*action)
|
|
|
|
end
|
|
|
|
end
|
2021-11-18 22:05:49 +05:30
|
|
|
|
|
|
|
def gl_tab_link_to_active?(options, html_options)
|
|
|
|
if html_options.has_key?(:item_active)
|
|
|
|
return html_options[:item_active]
|
|
|
|
end
|
|
|
|
|
|
|
|
current_page?(options)
|
|
|
|
end
|
2014-09-02 18:07:02 +05:30
|
|
|
end
|