Simplify login page
authorTom MacWright <tom@macwright.org>
Sun, 26 Feb 2012 23:47:49 +0000 (18:47 -0500)
committerTom Hughes <tom@compton.nu>
Wed, 29 Feb 2012 00:13:09 +0000 (00:13 +0000)
Moves action buttons to be with the form instead of way over on
the opposite side of the page.

Reorganizes "remember me" to a more typical spot on the page.

Get rid of separate "create account" panel and replace it with an
above the fold link.

app/assets/stylesheets/ltr.css.scss
app/assets/stylesheets/rtl.css.scss
app/views/user/login.html.erb
config/locales/en.yml

index 61fbf41..8ca91bf 100644 (file)
@@ -194,12 +194,6 @@ html body {
   float: right;
 }
 
-/* Rules for the login page */
-
-#login_wrapper input[type=submit] {
-  float: right;
-}
-
 /* Rules for the account confirmation page */
 
 form#termsForm div#buttons {
index d616fed..669889c 100644 (file)
@@ -194,12 +194,6 @@ html body {
   float: left;
 }
 
-/* Rules for the login page */
-
-#login_wrapper input[type=submit] {
-  float: left;
-}
-
 /* Rules for the account confirmation page */
 
 form#termsForm div#buttons {
index dc330fe..c185a11 100644 (file)
@@ -6,14 +6,25 @@
     <%= form_tag({ :action => "login" }, { :id => "login_form" }) do %>
       <%= hidden_field_tag('referer', h(params[:referer])) %>
 
-      <p><%= t 'user.login.with username' %></p>
+      <p><%= t 'user.login.no account' %> <%= link_to t('user.login.register now'), :action => :new, :referer => params[:referer] %></p>
 
       <table id="loginForm">
         <tr><td class="fieldName"><%= t 'user.login.email or username' %></td><td><%= text_field_tag "username", params[:username], :size => 28, :maxlength => 255, :tabindex => 1 %></td></tr>
         <tr><td class="fieldName"><%= t 'user.login.password' %></td><td><%= password_field_tag "password", "", :size => 28, :maxlength => 255, :tabindex => 2 %> <span class="minorNote">(<%= link_to t('user.login.lost password link'), :controller => 'user', :action => 'lost_password' %>)</span></td></tr>
-        <tr><td class="fieldName"><label for="remember_me"><%= t 'user.login.remember' %></label></td><td><%= check_box_tag "remember_me", "yes", false, :tabindex => 3 %></td></tr>
+        <tr>
+          <td></td>
+          <td><%= check_box_tag "remember_me", "yes", false, :tabindex => 3 %>
+            <label for="remember_me">
+              <%= t 'user.login.remember' %></label>
+          </td>
+        </tr>
+        <tr>
+          <td></td>
+          <td>
+            <%= submit_tag t('user.login.login_button'), :tabindex => 4 %>
+          </td>
+        </tr>
       </table>
-      <%= submit_tag t('user.login.login_button'), :tabindex => 3 %>
 
       <br clear="all" />
 
 
     <br clear="all" />
   </div>
-
-  <div id="login_signup">
-    <h2><%= t 'user.login.new to osm' %></h2>
-    <p><%= t 'user.login.to make changes' %></p>
-    <p><%= t 'user.login.create account minute' %></p>
-    <p><%= button_to t('user.login.register now'), :action => :new, :referer => params[:referer] %></p>
-
-    <br clear="both">
-  </div>
-
 </div>
 
 <script type="text/javascript">
index bc8bb05..6441bb8 100644 (file)
@@ -1555,7 +1555,7 @@ en:
       email or username: "Email Address or Username:"
       password: "Password:"
       openid: "%{logo} OpenID:"
-      remember: "Remember me:"
+      remember: "Remember me"
       lost password link: "Lost your password?"
       login_button: "Login"
       register now: Register now
@@ -1564,6 +1564,7 @@ en:
       new to osm: New to OpenStreetMap?
       to make changes: To make changes to the OpenStreetMap data, you must have an account.
       create account minute: Create an account. It only takes a minute.
+      no account: Don't have an account?
       account not active: "Sorry, your account is not active yet.<br />Please use the link in the account confirmation email to activate your account, or <a href=\"%{reconfirm}\">request a new confirmation email</a>."
       account is suspended: Sorry, your account has been suspended due to suspicious activity.<br />Please contact the <a href="%{webmaster}">webmaster</a> if you wish to discuss this.
       auth failure: "Sorry, could not log in with those details."