329 lines
10 KiB
Ruby
329 lines
10 KiB
Ruby
# frozen_string_literal: true
|
|
|
|
module Nav
|
|
module TopNavHelper
|
|
PROJECTS_VIEW = :projects
|
|
GROUPS_VIEW = :groups
|
|
NEW_VIEW = :new
|
|
SEARCH_VIEW = :search
|
|
|
|
def top_nav_view_model(project:, group:)
|
|
builder = ::Gitlab::Nav::TopNavViewModelBuilder.new
|
|
|
|
build_base_view_model(builder: builder, project: project, group: group)
|
|
|
|
builder.build
|
|
end
|
|
|
|
def top_nav_responsive_view_model(project:, group:)
|
|
builder = ::Gitlab::Nav::TopNavViewModelBuilder.new
|
|
|
|
build_base_view_model(builder: builder, project: project, group: group)
|
|
|
|
new_view_model = new_dropdown_view_model(project: project, group: group)
|
|
|
|
if new_view_model && new_view_model.fetch(:menu_sections)&.any?
|
|
builder.add_view(NEW_VIEW, new_view_model)
|
|
end
|
|
|
|
if top_nav_show_search
|
|
builder.add_view(SEARCH_VIEW, ::Gitlab::Nav::TopNavMenuItem.build(**top_nav_search_menu_item_attrs))
|
|
end
|
|
|
|
builder.build
|
|
end
|
|
|
|
def top_nav_show_search
|
|
header_link?(:search)
|
|
end
|
|
|
|
def top_nav_search_menu_item_attrs
|
|
{
|
|
id: 'search',
|
|
title: _('Search'),
|
|
icon: 'search',
|
|
href: search_context.search_url
|
|
}
|
|
end
|
|
|
|
private
|
|
|
|
def build_base_view_model(builder:, project:, group:)
|
|
if current_user
|
|
build_view_model(builder: builder, project: project, group: group)
|
|
else
|
|
build_anonymous_view_model(builder: builder)
|
|
end
|
|
end
|
|
|
|
def build_anonymous_view_model(builder:)
|
|
# These come from `app/views/layouts/nav/_explore.html.ham`
|
|
if explore_nav_link?(:projects)
|
|
builder.add_primary_menu_item_with_shortcut(
|
|
href: explore_root_path,
|
|
active: nav == 'project' || active_nav_link?(path: %w[dashboard#show root#show projects#trending projects#starred projects#index]),
|
|
**projects_menu_item_attrs
|
|
)
|
|
end
|
|
|
|
if explore_nav_link?(:groups)
|
|
builder.add_primary_menu_item_with_shortcut(
|
|
href: explore_groups_path,
|
|
active: nav == 'group' || active_nav_link?(controller: [:groups, 'groups/milestones', 'groups/group_members']),
|
|
**groups_menu_item_attrs
|
|
)
|
|
end
|
|
|
|
if explore_nav_link?(:snippets)
|
|
builder.add_primary_menu_item_with_shortcut(
|
|
active: active_nav_link?(controller: :snippets),
|
|
href: explore_snippets_path,
|
|
**snippets_menu_item_attrs
|
|
)
|
|
end
|
|
|
|
builder.add_secondary_menu_item(
|
|
id: 'help',
|
|
title: _('Help'),
|
|
icon: 'question-o',
|
|
href: help_path
|
|
)
|
|
end
|
|
|
|
def build_view_model(builder:, project:, group:)
|
|
# These come from `app/views/layouts/nav/_dashboard.html.haml`
|
|
if dashboard_nav_link?(:projects)
|
|
current_item = project ? current_project(project: project) : {}
|
|
|
|
builder.add_primary_menu_item_with_shortcut(
|
|
active: nav == 'project' || active_nav_link?(path: %w[root#index projects#trending projects#starred dashboard/projects#index]),
|
|
css_class: 'qa-projects-dropdown',
|
|
data: { track_label: "projects_dropdown", track_action: "click_dropdown" },
|
|
view: PROJECTS_VIEW,
|
|
shortcut_href: dashboard_projects_path,
|
|
**projects_menu_item_attrs
|
|
)
|
|
builder.add_view(PROJECTS_VIEW, container_view_props(namespace: 'projects', current_item: current_item, submenu: projects_submenu))
|
|
end
|
|
|
|
if dashboard_nav_link?(:groups)
|
|
current_item = group ? current_group(group: group) : {}
|
|
|
|
builder.add_primary_menu_item_with_shortcut(
|
|
active: nav == 'group' || active_nav_link?(path: %w[dashboard/groups explore/groups]),
|
|
css_class: 'qa-groups-dropdown',
|
|
data: { track_label: "groups_dropdown", track_action: "click_dropdown" },
|
|
view: GROUPS_VIEW,
|
|
shortcut_href: dashboard_groups_path,
|
|
**groups_menu_item_attrs
|
|
)
|
|
builder.add_view(GROUPS_VIEW, container_view_props(namespace: 'groups', current_item: current_item, submenu: groups_submenu))
|
|
end
|
|
|
|
if dashboard_nav_link?(:milestones)
|
|
builder.add_primary_menu_item_with_shortcut(
|
|
id: 'milestones',
|
|
title: _('Milestones'),
|
|
href: dashboard_milestones_path,
|
|
active: active_nav_link?(controller: 'dashboard/milestones'),
|
|
icon: 'clock',
|
|
data: { qa_selector: 'milestones_link', **menu_data_tracking_attrs('milestones') },
|
|
shortcut_class: 'dashboard-shortcuts-milestones'
|
|
)
|
|
end
|
|
|
|
if dashboard_nav_link?(:snippets)
|
|
builder.add_primary_menu_item_with_shortcut(
|
|
active: active_nav_link?(controller: 'dashboard/snippets'),
|
|
data: { qa_selector: 'snippets_link', **menu_data_tracking_attrs('snippets') },
|
|
href: dashboard_snippets_path,
|
|
**snippets_menu_item_attrs
|
|
)
|
|
end
|
|
|
|
if dashboard_nav_link?(:activity)
|
|
builder.add_primary_menu_item_with_shortcut(
|
|
id: 'activity',
|
|
title: _('Activity'),
|
|
href: activity_dashboard_path,
|
|
active: active_nav_link?(path: 'dashboard#activity'),
|
|
icon: 'history',
|
|
data: { qa_selector: 'activity_link', **menu_data_tracking_attrs('activity') },
|
|
shortcut_class: 'dashboard-shortcuts-activity'
|
|
)
|
|
end
|
|
|
|
# Using admin? is generally discouraged because it does not check for
|
|
# "admin_mode". In this case we are migrating code and check both, so
|
|
# we should be good.
|
|
# rubocop: disable Cop/UserAdmin
|
|
if current_user&.admin?
|
|
title = _('Admin')
|
|
|
|
builder.add_secondary_menu_item(
|
|
id: 'admin',
|
|
title: title,
|
|
active: active_nav_link?(controller: 'admin/dashboard'),
|
|
icon: 'admin',
|
|
css_class: 'qa-admin-area-link',
|
|
href: admin_root_path,
|
|
data: { qa_selector: 'menu_item_link', qa_title: title, **menu_data_tracking_attrs(title) }
|
|
)
|
|
end
|
|
|
|
if Gitlab::CurrentSettings.admin_mode
|
|
if header_link?(:admin_mode)
|
|
builder.add_secondary_menu_item(
|
|
id: 'leave_admin_mode',
|
|
title: _('Leave Admin Mode'),
|
|
active: active_nav_link?(controller: 'admin/sessions'),
|
|
icon: 'lock-open',
|
|
href: destroy_admin_session_path,
|
|
data: { method: 'post', **menu_data_tracking_attrs('leave_admin_mode') }
|
|
)
|
|
elsif current_user.admin?
|
|
title = _('Enter Admin Mode')
|
|
|
|
builder.add_secondary_menu_item(
|
|
id: 'enter_admin_mode',
|
|
title: title,
|
|
active: active_nav_link?(controller: 'admin/sessions'),
|
|
icon: 'lock',
|
|
href: new_admin_session_path,
|
|
data: { qa_selector: 'menu_item_link', qa_title: title, **menu_data_tracking_attrs(title) }
|
|
)
|
|
end
|
|
end
|
|
# rubocop: enable Cop/UserAdmin
|
|
end
|
|
|
|
def projects_menu_item_attrs
|
|
{
|
|
id: 'project',
|
|
title: _('Projects'),
|
|
icon: 'project',
|
|
shortcut_class: 'dashboard-shortcuts-projects'
|
|
}
|
|
end
|
|
|
|
def groups_menu_item_attrs
|
|
{
|
|
id: 'groups',
|
|
title: _('Groups'),
|
|
icon: 'group',
|
|
shortcut_class: 'dashboard-shortcuts-groups'
|
|
}
|
|
end
|
|
|
|
def snippets_menu_item_attrs
|
|
{
|
|
id: 'snippets',
|
|
title: _('Snippets'),
|
|
icon: 'snippet',
|
|
shortcut_class: 'dashboard-shortcuts-snippets'
|
|
}
|
|
end
|
|
|
|
def menu_data_tracking_attrs(label)
|
|
tracking_attrs(
|
|
"menu_#{label.underscore.parameterize(separator: '_')}",
|
|
'click_dropdown',
|
|
'navigation'
|
|
)[:data] || {}
|
|
end
|
|
|
|
def container_view_props(namespace:, current_item:, submenu:)
|
|
{
|
|
namespace: namespace,
|
|
currentUserName: current_user&.username,
|
|
currentItem: current_item,
|
|
linksPrimary: submenu[:primary],
|
|
linksSecondary: submenu[:secondary]
|
|
}
|
|
end
|
|
|
|
def current_project(project:)
|
|
return {} unless project.persisted?
|
|
|
|
{
|
|
id: project.id,
|
|
name: project.name,
|
|
namespace: project.full_name,
|
|
webUrl: project_path(project),
|
|
avatarUrl: project.avatar_url
|
|
}
|
|
end
|
|
|
|
def current_group(group:)
|
|
return {} unless group.persisted?
|
|
|
|
{
|
|
id: group.id,
|
|
name: group.name,
|
|
namespace: group.full_name,
|
|
webUrl: group_path(group),
|
|
avatarUrl: group.avatar_url
|
|
}
|
|
end
|
|
|
|
def projects_submenu
|
|
builder = ::Gitlab::Nav::TopNavMenuBuilder.new
|
|
projects_submenu_items(builder: builder)
|
|
builder.build
|
|
end
|
|
|
|
def projects_submenu_items(builder:)
|
|
# These project links come from `app/views/layouts/nav/projects_dropdown/_show.html.haml`
|
|
[
|
|
{ id: 'your', title: _('Your projects'), href: dashboard_projects_path },
|
|
{ id: 'starred', title: _('Starred projects'), href: starred_dashboard_projects_path },
|
|
{ id: 'explore', title: _('Explore projects'), href: explore_root_path },
|
|
{ id: 'topics', title: _('Explore topics'), href: topics_explore_projects_path }
|
|
].each do |item|
|
|
builder.add_primary_menu_item(
|
|
**item,
|
|
data: { qa_selector: 'menu_item_link', qa_title: item[:title], **menu_data_tracking_attrs(item[:title]) }
|
|
)
|
|
end
|
|
|
|
title = _('Create new project')
|
|
|
|
builder.add_secondary_menu_item(
|
|
id: 'create',
|
|
title: title,
|
|
href: new_project_path,
|
|
data: { qa_selector: 'menu_item_link', qa_title: title, **menu_data_tracking_attrs(title) }
|
|
)
|
|
end
|
|
|
|
def groups_submenu
|
|
# These group links come from `app/views/layouts/nav/groups_dropdown/_show.html.haml`
|
|
builder = ::Gitlab::Nav::TopNavMenuBuilder.new
|
|
|
|
[
|
|
{ id: 'your', title: _('Your groups'), href: dashboard_groups_path },
|
|
{ id: 'explore', title: _('Explore groups'), href: explore_groups_path }
|
|
].each do |item|
|
|
builder.add_primary_menu_item(
|
|
**item,
|
|
data: { qa_selector: 'menu_item_link', qa_title: item[:title], **menu_data_tracking_attrs(item[:title]) }
|
|
)
|
|
end
|
|
|
|
if current_user.can_create_group?
|
|
title = _('Create group')
|
|
|
|
builder.add_secondary_menu_item(
|
|
id: 'create',
|
|
title: title,
|
|
href: new_group_path,
|
|
data: { qa_selector: 'menu_item_link', qa_title: title, **menu_data_tracking_attrs(title) }
|
|
)
|
|
end
|
|
|
|
builder.build
|
|
end
|
|
end
|
|
end
|
|
|
|
Nav::TopNavHelper.prepend_mod
|