docbrown/app/views/layouts/_nav_menu.html.erb
Lisa Sy 54c071856e
[deploy] Update top-header for logged-out user (#9874)
* Create first start at desktop top header updates

* Update mobile styling of top header

* Stylize sign in widget card

* Update nav menu and top bar

* Changes based on user being logged-in or not

* Uses user_signed_in? on top nav bar

* Fix lingering old cloudinary helper method

* Trigger CI

* Fixes specs

* Adds redirect_using_referer_spec, fixes other specs & cleanup

* Adds nav-menu.scss to layouts/_styles.html.erb for inline & small edit in referer check

* Remove logged-out styles to make it more uniform with logged in

* Remove nav-menu.scss file

* cleanup markup and JS a little

* Fixes FB auth specs to new login links

* Makes sure unauthenticated /new redirects back to editor

* CI fix Sing in with -> Continue with

* Update db/schema.rb

* Update db/schema.rb

* Update db/schema.rb

Co-authored-by: Fernando Valverde <fdov88@gmail.com>
Co-authored-by: ludwiczakpawel <ludwiczakpawel@gmail.com>
Co-authored-by: Ben Halpern <bendhalpern@gmail.com>
2020-08-31 18:12:22 -04:00

59 lines
2.8 KiB
Text

<div class="crayons-dropdown left-2 right-2 s:left-auto p-0 top-bar__menu__dropdown">
<% if user_signed_in? %>
<div id="user-profile-link-placeholder" class="border-0 border-b-1 border-solid border-base-20 p-1">
<a id="first-nav-link" class="crayons-link crayons-link--block">
<div>
<span class="fw-medium block">...</span>
<small class="fs-s color-base-50"></small>
</div>
</a>
</div>
<div class="border-0 border-b-1 border-solid border-base-20 p-1">
<a href="<%= dashboard_path %>" class="crayons-link crayons-link--block">Dashboard</a>
<a href="<%= new_path %>" class="crayons-link crayons-link--block">Write a Post</a>
<a href="<%= readinglist_path %>" class="crayons-link crayons-link--block">Reading List</a>
<a href="<%= user_settings_path %>" class="crayons-link crayons-link--block">Settings</a>
<a href="<%= information_path %>" class="crayons-link crayons-link--block" id="second-last-nav-link">Key Links</a>
</div>
<div class="p-1">
<a href="<%= signout_confirm_path %>" class="crayons-link crayons-link--block" id="last-nav-link">Sign Out</a>
</div>
<% else %>
<div class="authentication-header__container border-0 border-b-1 border-solid border-base-20">
<figure class="authentication-header__image-container">
<img class="authentication-header__image" src="<%= optimized_image_url(safe_logo_url(SiteConfig.secondary_logo_url), width: 190) %>"
alt="Secondary <%= community_name %> logo" />
</figure>
<div class="authentication-header__content">
<h2 class="authentication-header__title">
<a href="/"><%= community_name %></a> is a community of <%= number_with_delimiter User.registered.estimated_count %> amazing <%= community_members_label %>
</h2>
<p class="authentication-header__description">
<% if SiteConfig.tagline.present? %>
<%= SiteConfig.tagline %>
<% else %>
Log in to customize your experience and get involved.
<% end %>
</p>
<div class="authentication-header__actions">
<a href="/enter" class="crayons-btn" aria-label="Create new account">
Create new account
</a>
<a href="/enter" class="crayons-btn crayons-btn--ghost-brand" aria-label="Log in">
Log in
</a>
</div>
</div>
</div>
<div class="border-0 border-b-1 border-solid border-base-20 p-1">
<a href="<%= about_path %>" class="crayons-link crayons-link--block" id="last-nav-link">
About <%= community_name %>
</a>
<a href="<%= information_path %>" class="crayons-link crayons-link--block" id="last-nav-link">
Learn more
</a>
</div>
<% end %>
</div>