- sort_value = @sort
- sort_title = issuable_sort_option_title(sort_value)
- viewing_issues = controller.controller_name == 'issues' || controller.action_name == 'issues'
- viewing_merge_requests = controller.controller_name == 'merge_requests'

.dropdown.inline.gl-ml-3.issue-sort-dropdown
  .btn-group{ role: 'group' }
    .btn-group{ role: 'group' }
      %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown', display: 'static' }, class: 'gl-button btn btn-default' }
        = sort_title
        = sprite_icon('chevron-down', css_class: "dropdown-menu-toggle-icon gl-top-3")
      %ul.dropdown-menu.dropdown-menu-right.dropdown-menu-selectable.dropdown-menu-sort
        %li
          = sortable_item(sort_title_priority,          page_filter_path(sort: sort_value_priority),          sort_title)
          = sortable_item(sort_title_created_date,      page_filter_path(sort: sort_value_created_date),      sort_title)
          = sortable_item(sort_title_recently_updated,  page_filter_path(sort: sort_value_recently_updated),  sort_title)
          = sortable_item(sort_title_milestone,         page_filter_path(sort: sort_value_milestone),         sort_title)
          = sortable_item(sort_title_due_date,          page_filter_path(sort: sort_value_due_date),          sort_title) if viewing_issues
          = sortable_item(sort_title_popularity,        page_filter_path(sort: sort_value_popularity),        sort_title)
          = sortable_item(sort_title_label_priority,    page_filter_path(sort: sort_value_label_priority),    sort_title)
          = sortable_item(sort_title_merged_date,       page_filter_path(sort: sort_value_merged_date),       sort_title) if viewing_merge_requests
          = sortable_item(sort_title_relative_position, page_filter_path(sort: sort_value_relative_position), sort_title) if viewing_issues
          = render_if_exists('shared/ee/issuable/sort_dropdown', viewing_issues: viewing_issues, sort_title: sort_title)
    = issuable_sort_direction_button(sort_value)