.row
  = link_to '#aside', class: 'show-aside' do
    %i.fa.fa-angle-left
  %section.col-md-8
    .header-with-avatar
      = image_tag avatar_icon(@user.email, 90), class: "avatar avatar-tile s90", alt: ''
      %h3
        = @user.name
        - if @user == current_user
          .pull-right
            = link_to profile_path, class: 'btn btn-sm' do
              %i.fa.fa-pencil-square-o
              Edit Profile settings
      .username
        @#{@user.username}
      .description
        - if @user.bio.present?
          = @user.bio

    .clearfix

    - if @groups.any?
      .prepend-top-20
        %h4 Groups
        = render 'groups', groups: @groups
        %hr

    .hidden-xs
      .user-calendar
        %h4.center.light
          %i.fa.fa-spinner.fa-spin
      .user-calendar-activities
      %hr
    %h4
      User Activity

      - if current_user
        %span.rss-icon.pull-right
          = link_to user_path(@user, :atom, { private_token: current_user.private_token }) do
            %strong
              %i.fa.fa-rss

    .content_list
    = spinner
  %aside.col-md-4
    = render 'profile', user: @user
    = render 'projects'

:coffeescript
  $(".user-calendar").load("#{user_calendar_path}")