-<h1><%= t 'user.terms.heading' %></h1>
+<% content_for :heading do %>
+ <h1><%= t 'user.terms.heading' %></h1>
+ <div class='header-illustration new-user-terms'></div>
+<% end %>
-<p><%= t 'user.terms.press accept button' %></p>
+<%= form_tag({:action => "save"}, { :class => " inner22 standard-form fillL" }) do %>
+ <!-- legale is <%= @legale %> -->
+ <div class='form-row horizontal-list'>
+ <label class="standard-label">
+ <%= t 'user.terms.legale_select' %>
+ </label>
-<!-- legale is <%= @legale %> -->
-<% form_tag :action => 'terms' do %>
- <p><%= t 'user.terms.legale_select' %></p>
- <% [['france', 'FR'], ['italy', 'IT'], ['rest_of_world', 'GB']].each do |name,legale| %>
- <%= radio_button_tag 'legale', legale, @legale == legale %>
- <%= label_tag "legale_#{legale}", t('user.terms.legale_names.' + name) %><br/>
- <% end %>
- <%= hidden_field_tag('referer', h(params[:referer])) unless params[:referer].nil? %>
- <%= hidden_field('user', 'email') %>
- <%= hidden_field('user', 'email_confirmation') %>
- <%= hidden_field('user', 'display_name') %>
- <%= hidden_field('user', 'pass_crypt') %>
- <%= hidden_field('user', 'pass_crypt_confirmation') %>
- <%= submit_tag(t('user.terms.legale_button')) %>
-<% end %>
+ <% [['france', 'FR'], ['italy', 'IT'], ['rest_of_world', 'GB']].each do |name, legale| %>
+ <div class="form-row">
+ <label for="legale_<%= legale %>">
+ <%= radio_button_tag 'legale', legale, @legale == legale %>
+ <%= t('user.terms.legale_names.' + name) %>
+ </label>
+ <script>
+ $("#legale_<%= legale %>").change(function () {
+ $("#contributorTerms").html("<%=j image_tag 'searching.gif' %>");
+ $("#contributorTerms").load("<%= url_for :legale => legale %>");
+ });
+ </script>
+ </div>
+ <% end %>
+ </div>
-<div id="contributorTerms">
- <p id="first"><%= @text['intro'] %></p>
- <ol>
- <li>
- <p><%= @text['section_1'] %></p>
- </li>
- <li>
- <p><%= @text['section_2'] %></p>
- </li>
- <li>
- <p><%= @text['section_3'] %></p>
- <p><%= @text['active_defn_1'] %></p>
- <p><%= @text['active_defn_2'] %></p>
- </li>
- <li>
- <p><%= @text['section_4'] %></p>
- </li>
- <li>
- <p><%= @text['section_5'] %></p>
- </li>
- <li>
- <p><%= @text['section_6'] %></p>
- <ol>
- <li><p><%= @text['section_6_1'] %></p></li>
- <li><p><%= @text['section_6_2'] %></p></li>
- </ol>
- </li>
- <li>
- <p id="last"><%= @text['section_7'] %></p>
- </li>
- </ol>
-</div>
+ <div id="contributorTerms" class="col12 legale">
+ <%= render :partial => "terms" %>
+ </div>
-<% form_tag :action => 'save' do %>
- <p>
- <label for="confirm_pd_checkbox"><%= t 'user.terms.consider_pd' %></label>
- <%= check_box('user', 'consider_pd') %>
+ <div class="form-row">
+ <label for="user_consider_pd">
+ <%= check_box('user', 'consider_pd') %>
+ <%= t 'user.terms.consider_pd' %>
+ </label>
<span class="minorNote">(<%= link_to(t('user.terms.consider_pd_why'), t('user.terms.consider_pd_why_url'), :target => :new)%>)</span>
- </p>
- <p>
+
<%= hidden_field_tag('referer', h(params[:referer])) unless params[:referer].nil? %>
- <%= hidden_field('user', 'email') %>
- <%= hidden_field('user', 'email_confirmation') %>
- <%= hidden_field('user', 'display_name') %>
- <%= hidden_field('user', 'pass_crypt') %>
- <%= hidden_field('user', 'pass_crypt_confirmation') %>
- <div class="left_right_line">
- <div class="left"><a class="looks_like_button" href="<%= t 'user.terms.exit_wiki' %>"><%= t 'user.terms.decline' %></a></div>
- <div class="right"><%= submit_tag(t('user.terms.button'), :class => 'float_right') %></div>
+
+ <div class="buttons form-row inner20 clearfix">
+ <p class="deemphasize"><%= t 'user.terms.read and accept' %></p>
+ <%= submit_tag(t('user.terms.agree'), :name => "agree", :id => "agree") %>
+ <%= submit_tag(t('user.terms.decline'), :name => "decline", :id => "decline") %>
+ </div>
+
+ <div class="deemphasize">
+ <p id="contributorGuidance">
+ <%= raw t 'user.terms.guidance',
+ :summary => 'http://www.osmfoundation.org/wiki/License/Contributor_Terms_Summary',
+ :translations => 'http://www.osmfoundation.org/wiki/License/Contributor_Terms/Informal_Translations' %>
+ </p>
</div>
- </p>
+ </div>
<% end %>