gitlab-org--gitlab-foss/app/views/shared/members/_group.html.haml

- group_link = local_assigns[:group_link]
- group = group_link.group
- can_admin_member = can?(current_user, :admin_project_member, @project)
- dom_id = "group_member_#{group_link.id}"
%li.member.group_member{ id: dom_id }
  %span.list-item-name
    = group_icon(group, class: "avatar s40", alt: '')
    .user-info
      = link_to group.full_name, group_path(group), class: 'member'
      .cgray
        Given access #{time_ago_with_tooltip(group_link.created_at)}
        - if group_link.expires?
          ·
          %span{ class: ('text-warning' if group_link.expires_soon?) }
            Expires in #{distance_of_time_in_words_to_now(group_link.expires_at)}
  .controls.member-controls
    = form_tag project_group_link_path(@project, group_link), method: :put, remote: true, class: 'js-edit-member-form form-group row append-right-5' do
      = hidden_field_tag "group_link[group_access]", group_link.group_access
      .member-form-control.dropdown.append-right-5
        %button.dropdown-menu-toggle.js-member-permissions-dropdown{ type: "button",
          disabled: !can_admin_member,
          data: { toggle: "dropdown", field_name: "group_link[group_access]" } }
          %span.dropdown-toggle-text
            = group_link.human_access
          = icon("chevron-down")
        .dropdown-menu.dropdown-select.dropdown-menu-right.dropdown-menu-selectable
          = dropdown_title("Change permissions")
          .dropdown-content
            %ul
              - Gitlab::Access.options.each do |role, role_id|
                %li
                  = link_to role, "javascript:void(0)",
                    class: ("is-active" if group_link.group_access == role_id),
                    data: { id: role_id, el_id: dom_id }
      .prepend-left-5.clearable-input.member-form-control
        = text_field_tag 'group_link[expires_at]', group_link.expires_at, class: 'form-control js-access-expiration-date js-member-update-control', placeholder: 'Expiration date', id: "member_expires_at_#{group.id}", disabled: !can_admin_member
        %i.clear-icon.js-clear-input
    - if can_admin_member
      = link_to project_group_link_path(@project, group_link),
        method: :delete,
        data: { confirm: "Are you sure you want to remove #{group.name}?" },
        class: 'btn btn-remove prepend-left-10' do
        %span.d-block.d-sm-none
          Delete
        = icon('trash', class: 'd-none d-sm-block')