]> git.openstreetmap.org Git - rails.git/blob - app/views/user/new.html.erb
Fix small-screen layout issues
[rails.git] / app / views / user / new.html.erb
1 <% content_for :heading do %>
2   <h1><%= t 'user.new.title' %></h1>
3   <div class='header-illustration new-user-main'></div>
4   <div class='header-illustration new-user-arm'></div>
5 <% end %>
6
7 <%= form_for :user, :url => { :action => 'create' }, :html => { :class => 'standard-form fillL col6 inner22' } do %>
8   <%= hidden_field_tag('referer', h(@referer)) unless @referer.nil? %>
9
10   <fieldset>
11     <div class="form-row">
12       <label for="email" class="standard-label">
13         <%= t 'user.new.email address' %>
14       </label>
15       <%= email_field(:user, :email, { :tabindex => 1 }) %>
16       <%= error_message_on(:user, :email) %>
17     </div>
18     <div class="form-row">
19       <label for="email_confirmation" class="standard-label">
20         <%= t 'user.new.confirm email address' %>
21       </label>
22       <%= email_field(:user, :email_confirmation, { :tabindex => 2 }) %>
23       <%= error_message_on(:user, :email_confirmation) %>
24     </div>
25     <span class="form-help deemphasize"><%= raw(t 'user.new.not displayed publicly') %></span>
26   </fieldset>
27
28   <fieldset>
29     <div class="form-row">
30       <label for="display_name" class="standard-label">
31         <%= t 'user.new.display name' %>
32       </label>
33       <%= text_field(:user, :display_name, { :tabindex => 3 }) %>
34       <%= error_message_on(:user, :display_name) %>
35     </div>
36     <span class="form-help deemphasize"><%= t 'user.new.display name description' %></span>
37   </fieldset>
38
39   <fieldset class="form-divider" id="openid_field">
40     <div class="form-row">
41       <label for="openid_url" class="standard-label">
42         <%= raw t 'user.new.openid', :logo => openid_logo %>
43       </label>
44       <%= url_field(:user, :openid_url, { :id => "openid_url", :tabindex => 4, :class => "openid_url" }) %>
45       <%= error_message_on(:user, :openid_url) %>
46     </div>
47     <span class="form-help deemphasize"><%= t 'user.new.openid no password' %></span>
48   </fieldset>
49
50   <fieldset>
51     <div class="form-row">
52       <label for='user[pass_crypt]' class="standard-label">
53         <%= t 'user.new.password' %>
54       </label>
55       <%= password_field(:user, :pass_crypt, {:tabindex => 5 }) %>
56       <%= error_message_on(:user, :pass_crypt) %>
57     </div>
58     <div class="form-row">
59       <label class="standard-label">
60         <%= t 'user.new.confirm password' %>
61       </label>
62       <%= password_field(:user, :pass_crypt_confirmation, { :tabindex => 6 }) %>
63       <%= error_message_on(:user, :pass_crypt_confirmation) %>
64     </div>
65   </fieldset>
66
67   <div id="openid_prompt" class="form-row">
68     <%= link_to raw(t("user.new.use openid", :logo => openid_logo)), "#", :id => "openid_enable" %>
69   </div>
70
71   <%= submit_tag t('user.new.continue'), :tabindex => 6 %>
72 <% end %>
73
74 <div class='aside col6 deemphasize inner22'>
75   <h4><%= t 'user.new.about.header' %></h4>
76   <%= t 'user.new.about.html' %>
77 </div>
78
79 <script type="text/javascript">
80 function enableOpenID()
81 {
82   $("#openid_prompt").hide();
83   $("#openid_field").show();
84   $("#openid_url").prop("disabled", false);
85 }
86
87 function disableOpenID()
88 {
89   $("#openid_prompt").show();
90   $("#openid_field").hide();
91   $("#openid_url").prop("disabled", true);
92 }
93
94 $(document).ready(function () {
95   $("#openid_enable").click(enableOpenID);
96
97   <% if params[:openid] or (@user and @user.openid_url.present?) -%>
98   enableOpenID();
99   <% else -%>
100   disableOpenID();
101   <% end -%>
102 });
103 </script>