Retrospring/app/views/layouts/_header.html.haml

%nav.navbar.navbar-light.navbar-expand-lg.bg-primary.fixed-top{role: "navigation"}
  .container{class: ios_web_app? ? "ios-web-app" : ''}
    %a.navbar-brand{href: "/"}= APP_CONFIG['site_name']
    %button.navbar-toggler{"data-target" => "#j2-main-navbar-collapse", "data-toggle" => "collapse", type: "button"}
      %span.sr-only Toggle navigation
      %span.navbar-toggler-icon
    #j2-main-navbar-collapse.collapse.navbar-collapse
      - if user_signed_in?
        %ul.nav.navbar-nav.mr-auto
          = nav_entry t('views.navigation.timeline'), root_path
          = nav_entry t('views.navigation.inbox'), "/inbox", badge: inbox_count
          - if APP_CONFIG.dig(:features, :discover, :enabled) || current_user.mod?
            = nav_entry t('views.navigation.discover'), discover_path
        %ul.nav.navbar-nav
          - unless @user.nil?
            - unless @user == current_user
              %li.nav-item.hidden-xs{"data-toggle" => "tooltip", "data-placement" => "bottom", title: t('views.actions.group')}
                %a.nav-link{href: '#', data: { target: "#modal-group-memberships", toggle: :modal }}
                  %i.fa.fa-users.hidden-xs
                  %span.d-none.d-sm-inline.d-md-none= t('views.actions.group')
          = render "layouts/notifications"
          %li.nav-item.hidden-xs{"data-toggle" => "tooltip", "data-placement" => "bottom", title: t('views.actions.ask_question')}
            .btn.btn-link.navbar-btn{name: "toggle-all-ask", "data-target" => "#modal-ask-followers", "data-toggle" => "modal", :type => "button"}
              %i.fa.fa-pencil-square-o
          = render "layouts/profile"
      - else
        %ul.nav.navbar-nav.navbar-right
          = nav_entry t('views.sessions.create'), new_user_session_path
          = nav_entry t('views.sessions.new'), new_user_registration_path

- if user_signed_in?
  = render 'shared/modal_ask_followers'
  %button.btn.btn-primary.btn-fab.d-block.d-sm-none{"data-target" => "#modal-ask-followers", "data-toggle" => "modal", :type => "button"}
    %i.fa.fa-pencil-square-o