X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/adb0883d173c18590b66a1ebad1b335c54d3988d..56316e17ada73e35b7ddf9782619823788a92d71:/app/views/user/terms.html.erb

diff --git a/app/views/user/terms.html.erb b/app/views/user/terms.html.erb
index a370d4b48..47e2f8b54 100644
--- a/app/views/user/terms.html.erb
+++ b/app/views/user/terms.html.erb
@@ -1,46 +1,56 @@
-<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' %>
-    <% [['france', 'FR'], ['italy', 'IT'], ['rest_of_world', 'GB']].each do |name,legale| %>
-      <%=
-        radio_button_tag 'legale', legale, @legale == legale,
-          :onchange => remote_function(
-            :before => update_page do |page|
-              page.replace_html 'contributorTerms', image_tag('searching.gif')
-            end,
-            :url => {:legale => legale}
-          )
-      %>
-      <%= label_tag "legale_#{legale}", t('user.terms.legale_names.' + name) %>
+    <% [['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 %>
-  </p>
-<% end %>
+  </div>
 
-<div id="contributorTerms">
-  <%= render :partial => "terms" %>
-</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 %>