-<h1><%= t 'user.new.heading' %></h1>
-
-<p><%= t 'user.new.fill_form' %></p>
+<% content_for :head do %>
+ <%= javascript_include_tag "user" %>
+<% end %>
-<%= error_messages_for 'user' %>
+<% content_for :heading do %>
+ <h1><%= t 'user.new.title' %></h1>
+ <div class='header-illustration new-user-main'></div>
+ <div class='header-illustration new-user-arm'></div>
+<% end %>
-<%= form_for :user, :url => { :action => 'terms' } do %>
+<%= form_for :user, :url => { :action => 'create' }, :html => { :class => 'standard-form fillL col6 inner22' } do %>
<%= hidden_field_tag('referer', h(@referer)) unless @referer.nil? %>
- <table id="signupForm">
- <tr>
- <td class="fieldName"><%= t 'user.new.email address' %></td>
- <td><%= email_field(:user, :email, { :size => 50, :maxlength => 255, :tabindex => 1 }) %></td>
- </tr>
- <tr>
- <td class="fieldName"><%= t 'user.new.confirm email address' %></td>
- <td><%= email_field(:user, :email_confirmation, { :size => 50, :maxlength => 255, :tabindex => 2 }) %></td>
- </tr>
- <tr>
- <td></td>
- <td><span class="minorNote"><%= raw(t 'user.new.not displayed publicly') %></span></td>
- </tr>
-
- <tr><td colspan="2"> <!--vertical spacer--></td></tr>
-
- <tr>
- <td class="fieldName"><%= t 'user.new.display name' %></td>
- <td><%= text_field(:user, :display_name, { :size => 30, :maxlength => 255, :tabindex => 3 }) %></td></tr>
- <tr>
- <td></td>
- <td><span class="minorNote"><%= t 'user.new.display name description' %></span></td>
- </tr>
-
- <tr id="openid_spacer"><td colspan="2"> <!--vertical spacer--></td></tr>
-
- <tr id="openid_field">
- <td class="fieldName"><%= raw t 'user.new.openid', :logo => openid_logo %></td>
- <td><%= url_field(:user, :openid_url, { :id => "openid_url", :size => 50, :maxlength => 255, :tabindex => 4, :class => "openid_url" }) %></td>
- </tr>
-
- <tr><td colspan="2"> <!--vertical spacer--></td></tr>
-
- <tr>
- <td class="fieldName"><%= t 'user.new.password' %></td>
- <td><%= password_field(:user, :pass_crypt, { :size => 30, :maxlength => 255, :tabindex => 5 }) %></td>
- </tr>
- <tr>
- <td class="fieldName"><%= t 'user.new.confirm password' %></td>
- <td><%= password_field(:user, :pass_crypt_confirmation, { :size => 30, :maxlength => 255, :tabindex => 6 }) %></td>
- </tr>
- <tr>
- <td></td>
- <td>
- <span id="openid_prompt" class="minorNote"><%= link_to raw(t("user.new.use openid", :logo => openid_logo)), "#", :id => "openid_enable" %></span>
- <span id="openid_note" class="minorNote"><%= t 'user.new.openid no password' %></span>
- </td>
- </tr>
-
- <tr><td colspan="2" > <!--vertical spacer--></td></tr>
-
- <tr>
- <td></td>
- <td class="submitButton"><%= submit_tag t('user.new.continue'), :tabindex => 6 %></td>
- </tr>
- </table>
+ <fieldset>
+ <div class="form-row">
+ <label for="email" class="standard-label">
+ <%= t 'user.new.email address' %>
+ </label>
+ <%= email_field(:user, :email, { :tabindex => 1 }) %>
+ <%= error_message_on(:user, :email) %>
+ </div>
+ <div class="form-row">
+ <label for="email_confirmation" class="standard-label">
+ <%= t 'user.new.confirm email address' %>
+ </label>
+ <%= email_field(:user, :email_confirmation, { :tabindex => 2 }) %>
+ <%= error_message_on(:user, :email_confirmation) %>
+ </div>
+ <span class="form-help deemphasize"><%= raw(t 'user.new.not displayed publicly') %></span>
+ </fieldset>
+
+ <fieldset>
+ <div class="form-row">
+ <label for="display_name" class="standard-label">
+ <%= t 'user.new.display name' %>
+ </label>
+ <%= text_field(:user, :display_name, { :tabindex => 3 }) %>
+ <%= error_message_on(:user, :display_name) %>
+ </div>
+ <span class="form-help deemphasize"><%= t 'user.new.display name description' %></span>
+ </fieldset>
+
+ <fieldset class="form-divider" id="auth_field">
+ <div class="form-row">
+ <label for="openid_url" class="standard-label">
+ <%= raw t 'user.new.external auth' %>
+ </label>
+ <%= select(:user, :auth_provider, Auth::PROVIDERS, { :default => "", :tabindex => 4 }) %>
+ <%= text_field(:user, :auth_uid, { :tabindex => 5 }) %>
+ <%= error_message_on(:user, :auth_uid) %>
+ </div>
+ <span class="form-help deemphasize"><%= t 'user.new.auth no password' %></span>
+ </fieldset>
+
+ <fieldset>
+ <div class="form-row">
+ <label for='user[pass_crypt]' class="standard-label">
+ <%= t 'user.new.password' %>
+ </label>
+ <%= password_field(:user, :pass_crypt, { :tabindex => 6 }) %>
+ <%= error_message_on(:user, :pass_crypt) %>
+ </div>
+ <div class="form-row">
+ <label class="standard-label">
+ <%= t 'user.new.confirm password' %>
+ </label>
+ <%= password_field(:user, :pass_crypt_confirmation, { :tabindex => 7 }) %>
+ <%= error_message_on(:user, :pass_crypt_confirmation) %>
+ </div>
+ </fieldset>
+
+ <div id="auth_prompt" class="form-row">
+ <%= link_to raw(t("user.new.use external auth")), "#", :id => "auth_enable" %>
+ </div>
+
+ <%= submit_tag t('user.new.continue'), :tabindex => 8 %>
<% end %>
-<script type="text/javascript">
-function enableOpenID()
-{
- $("#openid_prompt").hide();
-
- $("#openid_spacer").show();
- $("#openid_field").show();
- $("#openid_note").show();
-
- $("#openid_url").prop("disabled", false);
-}
-
-function disableOpenID()
-{
- $("#openid_prompt").show();
-
- $("#openid_spacer").hide();
- $("#openid_field").hide();
- $("#openid_note").hide();
-
- $("#openid_url").prop("disabled", true);
-}
-
-$(document).ready(function () {
- $("#openid_enable").click(enableOpenID);
-
- <% if params[:openid] or (@user and @user.openid_url and not @user.openid_url.empty?) -%>
- enableOpenID();
- <% else -%>
- disableOpenID();
- <% end -%>
-});
-</script>
+<div class='aside col6 deemphasize inner22'>
+ <h4><%= t 'user.new.about.header' %></h4>
+ <%= t 'user.new.about.html' %>
+</div>