From e421cd5ae22e90052b5ab51258f2a5a973fd7e56 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
Date: Wed, 8 Feb 2023 20:05:27 +0100
Subject: [PATCH] Auth: Simplify Link Account template

Hide inputs from the interface and simply show an explanation text.
---
 templates/user/auth/link_account.tmpl | 31 ++++++++++++++-------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/templates/user/auth/link_account.tmpl b/templates/user/auth/link_account.tmpl
index 2059129..2eff132 100644
--- a/templates/user/auth/link_account.tmpl
+++ b/templates/user/auth/link_account.tmpl
@@ -2,41 +2,42 @@
 <div role="main" aria-label="{{.Title}}" class="page-content user link-account">
 	<div class="ui middle very relaxed page grid">
 		<div class="column">
-			<div class="ui positive message flash-info">
-				<p>
-					Username and email already provided by Blender ID.<br/>
-					<strong>Press "Complete Registration" to continue.</strong>
-				</p>
-			</div>
-			<div class="ui tab {{if not .user_exists}}active{{end}}"
+			<div class="ui tab active"
 				data-tab="auth-link-signup-tab">
 
-				{{/* template "user/auth/signup_inner" . */}}
-
 				<div class="ui container column fluid icon">
 					<h4 class="ui top attached header center">
-						{{.locale.Tr "auth.oauth_signup_title"}}
+						Blender Projects <span style="opacity: .5" class="px-3">{{svg "octicon-arrow-both"}}</span>
+						Blender ID
 					</h4>
-					<div class="ui attached segment">
+					<div class="ui attached segment center">
 						<form class="ui form" action="{{.SignUpLink}}" method="post">
 							{{.CsrfTokenHtml}}
 
 							{{template "base/alert" .}}
 
-							<div class="disabled required inline field {{if and (.Err_UserName) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister))}}error{{end}}">
+							<div class="my-4">
+								<p>
+									Your username is <strong>{{.user_name}}</strong>,
+									and your email is <strong>{{.email}}</strong>
+								</p>
+								<p>
+									Press <strong>"Complete Registration"</strong> to continue.
+								</p>
+							</div>
+
+							<div hidden class="disabled required inline field {{if and (.Err_UserName) (or (not .LinkAccountMode) (and .LinkAccountMode .LinkAccountModeRegister))}}error{{end}}">
 								<label for="user_name">{{.locale.Tr "username"}}</label>
 								<input id="user_name" type="text" name="user_name" value="{{.user_name}}" required style="opacity: var(--opacity-disabled)">
 							</div>
-							<div class="disabled required inline field {{if .Err_Email}}error{{end}}">
+							<div hidden class="disabled required inline field {{if .Err_Email}}error{{end}}">
 								<label for="email">{{.locale.Tr "email"}}</label>
 								<input id="email" name="email" type="email" value="{{.email}}" required style="opacity: var(--opacity-disabled)">
 							</div>
 
 							<div class="inline field">
-								<label></label>
 								<button class="ui green button">
 									<span class="pr-2">{{svg "octicon-check"}}</span>
-									{{/* .locale.Tr "auth.oauth_signup_submit" */}}
 									Complete Registration
 								</button>
 							</div>