From: Milan Cvetkovic <mcvetkovic@microsoft.com>
Date: Tue, 19 Mar 2024 12:38:15 +0000 (+0000)
Subject: Add tabbed navigation for signup/login screens
X-Git-Tag: live~860^2~5
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/d0e8f723117cc311389524fd3e3e73a4b0fe5626?hp=0c7c950149888777e186e2eb7525b37f340bc6f0

Add tabbed navigation for signup/login screens
---

diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb
index b64801e16..90611f214 100644
--- a/app/views/sessions/new.html.erb
+++ b/app/views/sessions/new.html.erb
@@ -7,8 +7,15 @@
 
 <% content_for :heading do %>
   <div class="header-illustration new-user-main auth-container mx-auto">
-    <h1 class="pt-3"><%= t ".heading" %></h1>
-  <div>
+    <ul class="nav nav-tabs position-absolute bottom-0 px-3 fs-6 w-100">
+      <li class="nav-item">
+        <%= link_to t("sessions.new.tab_title"), "#", :class => "nav-link active" %>
+      </li>
+      <li class="nav-item">
+        <%= link_to t("users.new.tab_title"), url_for(:action => :new, :controller => :users), :class => "nav-link" %>
+      </li>
+    </ul>
+  </div>
 <% end %>
 
 <div id="login_login" class="auth-container mx-auto my-0">
diff --git a/app/views/users/blocked.html.erb b/app/views/users/blocked.html.erb
index 0decb13c0..a97d9ba8d 100644
--- a/app/views/users/blocked.html.erb
+++ b/app/views/users/blocked.html.erb
@@ -1,7 +1,14 @@
 <% content_for :heading_class, "p-0 mw-100" %>
 <% content_for :heading do %>
   <div class="header-illustration new-user-main auth-container mx-auto">
-    <h1><%= t "users.new.title" %></h1>
+    <ul class="nav nav-tabs position-absolute bottom-0 px-3 fs-6 w-100">
+      <li class="nav-item">
+        <%= link_to t("sessions.new.tab_title"), url_for(:action => :new, :controller => :sessions), :class => "nav-link" %>
+      </li>
+      <li class="nav-item">
+        <%= link_to t("users.new.tab_title"), "#", :class => "nav-link active" %>
+      </li>
+    </ul>
   </div>
 <% end %>
 
diff --git a/app/views/users/new.html.erb b/app/views/users/new.html.erb
index 918b315e8..c3020180c 100644
--- a/app/views/users/new.html.erb
+++ b/app/views/users/new.html.erb
@@ -7,7 +7,14 @@
 
 <% content_for :heading do %>
   <div class="header-illustration new-user-main auth-container mx-auto">
-    <h1 class="pt-3"><%= t ".title" %></h1>
+    <ul class="nav nav-tabs position-absolute bottom-0 px-3 fs-6 w-100">
+      <li class="nav-item">
+        <%= link_to t("sessions.new.tab_title"), url_for(:action => :new, :controller => :sessions), :class => "nav-link" %>
+      </li>
+      <li class="nav-item">
+        <%= link_to t("users.new.tab_title"), "#", :class => "nav-link active" %>
+      </li>
+    </ul>
   </div>
 <% end %>
 
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 4046b8068..677ff618c 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -1847,6 +1847,7 @@ en:
   sessions:
     new:
       title: "Log in"
+      tab_title: "Log in"
       heading: "Log in"
       email or username: "Email Address or Username"
       password: "Password"
@@ -2728,6 +2729,7 @@ en:
   users:
     new:
       title: "Sign Up"
+      tab_title: "Sign up"
       no_auto_account_create: "Unfortunately we are not currently able to create an account for you automatically."
       please_contact_support_html: 'Please contact %{support_link} to arrange for an account to be created - we will try and deal with the request as quickly as possible.'
       support: support