show.html.haml 5.41 KB
Newer Older
1 2
- @hide_top_links = true
- @hide_breadcrumbs = true
3 4 5
- page_title       @user.name
- page_description @user.bio
- header_title     @user.name, user_path(@user)
6
- @no_container = true
7 8 9
- content_for :page_specific_javascripts do
  = webpack_bundle_tag 'common_d3'
  = webpack_bundle_tag 'users'
Douwe Maan's avatar
Douwe Maan committed
10

11
= content_for :meta_tags do
12
  = auto_discovery_link_tag(:atom, user_url(@user, format: :atom), title: "#{@user.name} activity")
13

14
.user-profile
15
  .cover-block.user-cover-block.top-area
16 17
    .cover-controls
      - if @user == current_user
18
        = link_to profile_path, class: 'btn btn-gray has-tooltip', title: 'Edit profile', 'aria-label': 'Edit profile' do
19 20
          = icon('pencil')
      - elsif current_user
tauriedavis's avatar
tauriedavis committed
21 22
        - if @user.abuse_report
          %button.btn.btn-danger{ title: 'Already reported for abuse',
23
            data: { toggle: 'tooltip', placement: 'bottom', container: 'body' } }
tauriedavis's avatar
tauriedavis committed
24 25 26
            = icon('exclamation-circle')
        - else
          = link_to new_abuse_report_path(user_id: @user.id, ref_url: request.referrer), class: 'btn btn-gray',
27
            title: 'Report abuse', data: { toggle: 'tooltip', placement: 'bottom', container: 'body' } do
tauriedavis's avatar
tauriedavis committed
28
            = icon('exclamation-circle')
29
      = link_to user_path(@user, rss_url_options), class: 'btn btn-gray has-tooltip', title: 'Subscribe', 'aria-label': 'Subscribe' do
30 31 32 33 34
        = icon('rss')
      - if current_user && current_user.admin?
        = link_to [:admin, @user], class: 'btn btn-gray', title: 'View user in admin area',
          data: {toggle: 'tooltip', placement: 'bottom', container: 'body'} do
          = icon('users')
35

tauriedavis's avatar
tauriedavis committed
36 37
    .profile-header
      .avatar-holder
38
        = link_to avatar_icon(@user, 400), target: '_blank', rel: 'noopener noreferrer' do
tauriedavis's avatar
tauriedavis committed
39
          = image_tag avatar_icon(@user, 90), class: "avatar s90", alt: ''
40

tauriedavis's avatar
tauriedavis committed
41 42 43
      .user-info
        .cover-title
          = @user.name
Alfredo Sumaran's avatar
Alfredo Sumaran committed
44

tauriedavis's avatar
tauriedavis committed
45
        .cover-desc.member-date
tauriedavis's avatar
tauriedavis committed
46 47
          %span.middle-dot-divider
            @#{@user.username}
tauriedavis's avatar
tauriedavis committed
48
          %span.middle-dot-divider
49
            Member since #{@user.created_at.to_date.to_s(:long)}
tauriedavis's avatar
tauriedavis committed
50

tauriedavis's avatar
tauriedavis committed
51 52 53
        .cover-desc
          - unless @user.public_email.blank?
            .profile-link-holder.middle-dot-divider
54
              = link_to @user.public_email, "mailto:#{@user.public_email}", class: 'text-link'
tauriedavis's avatar
tauriedavis committed
55 56 57 58 59 60
          - unless @user.skype.blank?
            .profile-link-holder.middle-dot-divider
              = link_to "skype:#{@user.skype}", title: "Skype" do
                = icon('skype')
          - unless @user.linkedin.blank?
            .profile-link-holder.middle-dot-divider
61
              = link_to linkedin_url(@user), title: "LinkedIn" do
tauriedavis's avatar
tauriedavis committed
62 63 64
                = icon('linkedin-square')
          - unless @user.twitter.blank?
            .profile-link-holder.middle-dot-divider
65
              = link_to twitter_url(@user), title: "Twitter" do
tauriedavis's avatar
tauriedavis committed
66 67 68
                = icon('twitter-square')
          - unless @user.website_url.blank?
            .profile-link-holder.middle-dot-divider
69
              = link_to @user.short_website_url, @user.full_website_url, class: 'text-link'
tauriedavis's avatar
tauriedavis committed
70 71 72 73
          - unless @user.location.blank?
            .profile-link-holder.middle-dot-divider
              = icon('map-marker')
              = @user.location
74 75
          - unless @user.organization.blank?
            .profile-link-holder.middle-dot-divider
76
              = icon('briefcase')
77
              = @user.organization
78

79 80 81 82
    - if @user.bio.present?
      .cover-desc
        %p.profile-user-bio
          = @user.bio
83

84 85 86
    .scrolling-tabs-container
      .fade-left= icon('angle-left')
      .fade-right= icon('angle-right')
Simon Knox's avatar
Simon Knox committed
87
      %ul.nav-links.user-profile-nav.scrolling-tabs
88
        %li.js-activity-tab
89
          = link_to user_path, data: { target: 'div#activity', action: 'activity', toggle: 'tab' } do
90 91
            Activity
        %li.js-groups-tab
92
          = link_to user_groups_path, data: { target: 'div#groups', action: 'groups', toggle: 'tab', endpoint: user_groups_path(format: :json) } do
93 94
            Groups
        %li.js-contributed-tab
95
          = link_to user_contributed_projects_path, data: { target: 'div#contributed', action: 'contributed', toggle: 'tab', endpoint: user_contributed_projects_path(format: :json) } do
96 97
            Contributed projects
        %li.js-projects-tab
98
          = link_to user_projects_path, data: { target: 'div#projects', action: 'projects', toggle: 'tab', endpoint: user_projects_path(format: :json) } do
99 100
            Personal projects
        %li.js-snippets-tab
101
          = link_to user_snippets_path, data: { target: 'div#snippets', action: 'snippets', toggle: 'tab', endpoint: user_snippets_path(format: :json) } do
102
            Snippets
103

104
  %div{ class: container_class }
105
    .tab-content
106
      #activity.tab-pane
Annabel Dunstone's avatar
Annabel Dunstone committed
107
        .row-content-block.calender-block.white.second-block.hidden-xs
108
          .user-calendar{ data: { calendar_path: user_calendar_path(@user, :json), calendar_activities_path: user_calendar_activities_path, utc_offset: Time.zone.utc_offset } }
109 110
            %h4.center.light
              %i.fa.fa-spinner.fa-spin
111 112
          .user-calendar-activities

113 114
        %h4.prepend-top-20
          Most Recent Activity
115
        .content_list{ data: { href: user_path } }
116 117 118
        = spinner

      #groups.tab-pane
119
        -# This tab is always loaded via AJAX
120

121
      #contributed.tab-pane
122
        -# This tab is always loaded via AJAX
123 124

      #projects.tab-pane
125
        -# This tab is always loaded via AJAX
126

127
      #snippets.tab-pane
128
        -# This tab is always loaded via AJAX
129

130 131
    .loading-status
      = spinner