8f5cfa2c0f
* Prepare to drop profile columns from user * Update code and factory * Also remove unused constant * Move validation from user to profile * Remove Profiles::ExtractData service object * Add more comments * Simplify sameAs attribute generation * Obey me machine, I am your master * Fix condition order in guard clause * Temporarily disable callback * Fix specs * Reduce usage of Profile#refresh_attributes! * Remove leftover comment * Handle social media links differently * More spec fixes * Fix specs for admin profile fields controller * Fix specs after merge * Fix remaining specs * Update user show request spec * Add comment for follow_hiring_tag * Only save profile when user is valid * Fix seeds.rb for profile fields * Switch from before_save to after_save * Undo unrelated formattin change * Update spec/fixtures/files/profile_fields.csv Co-authored-by: Molly Struve <mollylbs@gmail.com> * Remove data update script and spec * Fix spec * Fix typo in comment * Fix typo in comment * Move article resave logic to service object * Move profile field creation to before(:suite) * Refactor error handling in Profiles::Update * Fix Profiles::Update specs and refactor * Temporarily disable spec * Add ProfileValidator * Clean up * Move DB ready check into app/lib * Refresh attributes after importing from CSV * Fix specs * Remove unused file * A girl has no name. A profile neither. * Fix specs * Add responds_to? check * Spec fix * Add name to user fields in profile settings page Co-authored-by: Molly Struve <mollylbs@gmail.com>
212 lines
12 KiB
Text
212 lines
12 KiB
Text
<% title @user.name %>
|
|
|
|
<%= render "shared/payment_pointer", user: @user %>
|
|
|
|
<%= content_for :page_meta do %>
|
|
<%= render "users/meta" %>
|
|
<% end %>
|
|
|
|
<% unless internal_navigation? || user_signed_in? %>
|
|
<script type="application/ld+json">
|
|
<%= @user_json_ld.to_json.html_safe %>
|
|
</script>
|
|
<% end %>
|
|
<% cache "main-user-profile-header-area-#{@user.id}-#{@user.profile_updated_at}-#{user_signed_in?}", expires_in: 10.days do %>
|
|
<style>
|
|
:root {
|
|
--profile-brand-color: <%= HexComparer.new([user_colors(@user)[:bg], user_colors(@user)[:text]]).brightness(0.88) %>;
|
|
}
|
|
</style>
|
|
<div class="brand-bg">
|
|
<div class="crayons-layout crayons-layout--limited-l pt-7 m:pt-9">
|
|
<header class="profile-header crayons-card mt-2">
|
|
<div class="relative profile-header__top">
|
|
<span class="crayons-avatar crayons-avatar--3xl">
|
|
<img src="<%= Images::Profile.call(@user.profile_image_url, length: 320) %>" width="128" height="128" alt="<%= @user.name %> profile picture" class="crayons-avatar__image">
|
|
</span>
|
|
|
|
<div class="profile-header__actions">
|
|
<div class="profile-dropdown mr-2 relative" data-username="<%= @user.username %>">
|
|
<button id="user-profile-dropdown" class="crayons-btn crayons-btn--ghost-dimmed crayons-btn--icon">
|
|
<%= inline_svg_tag("overflow-horizontal.svg", class: "dropdown-icon crayons-icon", aria: true, title: "Toggle dropdown menu") %>
|
|
</button>
|
|
|
|
<div id="user-profile-dropdownmenu" class="crayons-dropdown top-100 right-0 p-1">
|
|
<a href="javascript:void(0);" id="user-profile-dropdownmenu-block-button" data-profile-user-id="<%= @user.id %>" class="border-none crayons-link crayons-link--block">Block @<%= @user.username %></a>
|
|
<% if user_signed_in? %>
|
|
<%= javascript_packs_with_chunks_tag "profileDropdown", defer: true %>
|
|
<% end %>
|
|
<span class="report-abuse-link-wrapper" data-path="/report-abuse?url=<%= user_url(@user) %>"></span>
|
|
</div>
|
|
</div>
|
|
<% if user_signed_in? %>
|
|
<a href="/connect/@<%= @user.username %>" class="hidden mr-2" id="user-connect-redirect">
|
|
<button class="chat-action-button crayons-btn crayons-btn--outlined hidden" id="modal-opener">Chat</button>
|
|
</a>
|
|
<% end %>
|
|
<button id="user-follow-butt" class="crayons-btn whitespace-nowrap follow-action-button user-profile-follow-button" data-info='{"id":<%= @user.id %>,"className":"<%= @user.class.name %>"}'>Follow</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="profile-header__details">
|
|
<h1 class="crayons-title fw-heavy mb-2"><%= @user.name %></h1>
|
|
<p class="fs-base m:fs-l color-base-90 mb-4 mx-auto max-w-100 m:max-w-75"><%= @user.summary.presence || ["404 bio not found"].sample %></p>
|
|
|
|
<div class="profile-header__meta">
|
|
<% if @user.location.present? %>
|
|
<span class="profile-header__meta__item">
|
|
<%= inline_svg_tag("location.svg", aria: true, class: "crayons-icon mr-2 shrink-0", title: "Location") %>
|
|
<%= @user.location %>
|
|
</span>
|
|
<% end %>
|
|
|
|
<span class="profile-header__meta__item">
|
|
<%= inline_svg_tag("cake.svg", aria: true, class: "crayons-icon mr-2 shrink-0", title: "Joined") %>
|
|
Joined on
|
|
<%= local_date(@user.created_at) %>
|
|
</span>
|
|
|
|
<% if @user.email_public %>
|
|
<a href="mailto:<%= @user.email %>" class="profile-header__meta__item">
|
|
<%= inline_svg_tag("email.svg", class: "crayons-icon mr-2 shrink-0", aria: true, title: "Email address") %>
|
|
<%= @user.email %>
|
|
</a>
|
|
<% end %>
|
|
<span class="profile-header__meta__item -ml-1">
|
|
<% if @user.twitter_username? %>
|
|
<a href="https://twitter.com/<%= @user.twitter_username %>" target="_blank" rel="noopener me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("twitter.svg", class: "crayons-icon", aria: true, title: "Twitter logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.github_username? %>
|
|
<a href="https://github.com/<%= @user.github_username %>" target="_blank" rel="noopener me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("github.svg", class: "crayons-icon", aria: true, title: "GitHub logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if SiteConfig.dev_to? %>
|
|
<% if @user.mastodon_url %>
|
|
<a href="<%= @user.mastodon_url %>" target="_blank" rel="noopener me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("mastodon.svg", class: "crayons-icon", aria: true, title: "Mastodon logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.facebook_url %>
|
|
<a href="<%= @user.facebook_url %>" target="_blank" rel="noopener me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("facebook.svg", class: "crayons-icon", aria: true, title: "Facebook logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.youtube_url %>
|
|
<a href="<%= @user.youtube_url %>" target="_blank" rel="noopener me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("youtube.svg", class: "crayons-icon", aria: true, title: "Youtube logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.linkedin_url %>
|
|
<a href="<%= @user.linkedin_url %>" target="_blank" rel="noopener me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("linkedin.svg", class: "crayons-icon", aria: true, title: "LinkedIn logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.behance_url %>
|
|
<a href="<%= @user.behance_url %>" target="_blank" rel="noopener me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("behance.svg", class: "crayons-icon", aria: true, title: "Behance logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.stackoverflow_url %>
|
|
<a href="<%= @user.stackoverflow_url %>" target="_blank" rel="noopener me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("stackoverflow.svg", class: "crayons-icon", aria: true, title: "StackOverflow logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.dribbble_url %>
|
|
<a href="<%= @user.dribbble_url %>" target="_blank" rel="noopener me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("dribbble.svg", class: "crayons-icon", aria: true, title: "Dribbble logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.medium_url %>
|
|
<a href="<%= @user.medium_url %>" target="_blank" rel="noopener nofollow me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("medium.svg", class: "crayons-icon", aria: true, title: "Medium logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.gitlab_url %>
|
|
<a href="<%= @user.gitlab_url %>" target="_blank" rel="noopener nofollow me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("gitlab.svg", class: "crayons-icon", aria: true, title: "GitLab logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.instagram_url %>
|
|
<a href="<%= @user.instagram_url %>" target="_blank" rel="noopener nofollow me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("instagram.svg", class: "crayons-icon", aria: true, title: "Instagram logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.twitch_url %>
|
|
<a href="<%= @user.twitch_url %>" target="_blank" rel="noopener nofollow me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("twitch.svg", class: "crayons-icon", aria: true, title: "Twitch logo") %>
|
|
</a>
|
|
<% end %>
|
|
<% if @user.website_url %>
|
|
<a href="<%= @user.website_url %>" target="_blank" rel="noopener nofollow me" class="px-1 align-middle inline-block">
|
|
<%= inline_svg_tag("external.svg", class: "crayons-icon", aria: true, title: "External link icon") %>
|
|
</a>
|
|
<% end %>
|
|
<% end %>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<%= render "users/metadata" %>
|
|
|
|
<div class="p-3 pt-0 block m:hidden js-user-info-trigger-wrapper">
|
|
<button type="button" class="crayons-btn crayons-btn--outlined w-100 js-user-info-trigger">More info about @<%= @user.username %></button>
|
|
</div>
|
|
|
|
<div class="crayons-modal align-left hidden">
|
|
<div class="crayons-modal__box">
|
|
<div class="crayons-modal__box__header">
|
|
<h2 class="crayons-modal__box__header__title">Chat with <%= @user.name %></h2>
|
|
<button title="Close" class="crayons-btn crayons-btn--ghost-dimmed crayons-btn--icon close-modal">
|
|
<%= inline_svg_tag("x.svg", class: "crayons-icon", aria: true, title: "Close modal") %>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="crayons-modal__box__body">
|
|
<% if @user.inbox_guidelines.present? %>
|
|
<p class="fw-bold mb-2">@<%= @user.username %>'s guidelines:</p>
|
|
<p class="mb-6"><%= @user.inbox_guidelines %></p>
|
|
<% end %>
|
|
<form id="new-message-form" class="message-form mb-4" data-info='{"id":<%= @user.id %>,"className":"<%= @user.class.name %>","username":"<%= @user.username %>", "showChat":"<%= @user.inbox_type %>"}'>
|
|
<textarea id="new-message" rows="4" cols="70" placeholder="Enter your message here..." class="crayons-textfield"></textarea>
|
|
<button type="submit" class="submit-message crayons-btn">Send</button>
|
|
</form>
|
|
<p class="fs-s color-base-60">All private interactions <b>must</b> abide by the <a href="/code-of-conduct">code of conduct</a>.</p>
|
|
</div>
|
|
</div>
|
|
<div class="crayons-modal__overlay"></div>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div
|
|
class="crayons-layout crayons-layout--limited-l crayons-layout--2-cols crayons-layout--2-cols--1-2 pt-4 m:pt-0"
|
|
id="index-container"
|
|
data-params="<%= params.merge(user_id: @user.id, class_name: "Article", sort_by: "published_at", sort_direction: "desc").to_json(only: %i[tag user_id q class_name sort_by sort_direction]) %>" data-which="<%= @list_of %>"
|
|
data-tag=""
|
|
data-feed="<%= params[:timeframe] || "base-feed" %>"
|
|
data-articles-since="0">
|
|
|
|
<div class="crayons-layout__sidebar-left">
|
|
<%= render partial: "users/sidebar", locals: { repositories: @github_repositories } %>
|
|
</div>
|
|
|
|
<main class="crayons-layout__content articles-list" id="articles-list">
|
|
<div class="substories" id="substories">
|
|
<% if params[:view] == "comments" %>
|
|
<%= render "users/comments_section" %>
|
|
<% elsif @stories.any? || @comments.any? || @pinned_stories.any? %>
|
|
<%= render "users/main_feed" %>
|
|
<% end %>
|
|
</div>
|
|
<div class="loading-articles" id="loading-articles">
|
|
loading...
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<%= render "stories/stories_list_script" %>
|