-<h2><%= t 'export.start_rjs.export' %></h2>
-
-<%= form_tag :controller => "export", :action => "finish" do %>
- <%= hidden_field_tag 'format', 'osm' %>
-
- <div class="export_bounds inner22">
- <div class='export_area_inputs'>
- <%= text_field_tag('maxlat', nil, :size => 10, :class => "export_bound") %>
- <br/>
- <%= text_field_tag('minlon', nil, :size => 10, :class => "export_bound") %>
- <%= text_field_tag('maxlon', nil, :size => 10, :class => "export_bound") %>
- <br/>
- <%= text_field_tag('minlat', nil, :size => 10, :class => "export_bound") %>
- </div>
- <a id="drag_box" class='export_hint button' href="#"><%= t'export.start.manually_select' %></a>
- </div>
+<% set_title(t(".title")) %>
- <div id="export_osm">
- <h4><%= t'export.start.licence' %></h4>
-
- <div class="export_details inner22">
- <p><%= raw t'export.start.export_details' %></p>
- </div>
+<%= render "sidebar_header", :title => t(".title") %>
- <div id="export_osm_too_large">
- <h4><%= t'export.start.too_large.heading' %></h4>
+<%= form_tag({ :controller => "export", :action => "finish" }, { :class => "export_form" }) do %>
+ <%= hidden_field_tag "format", "osm", :autocomplete => "off" %>
- <div class="export_details inner22">
- <p><%= t'export.start.too_large.body' %></p>
- <dl>
- <dt><a href="http://planet.openstreetmap.org/"><%= t'export.start.too_large.planet.title' %></a></dt>
- <dd><%= t'export.start.too_large.planet.description' %></dd>
+ <div class='export_area_inputs'>
+ <div class='export_boxy border border-grey rounded'>
+ <%= text_field_tag("maxlat", nil, :size => 10, :autocomplete => "off", :class => "export_bound form-control mx-auto") %>
+ <div class="clearfix">
+ <%= text_field_tag("minlon", nil, :size => 10, :autocomplete => "off", :class => "export_bound form-control") %>
+ <%= text_field_tag("maxlon", nil, :size => 10, :autocomplete => "off", :class => "export_bound form-control") %>
+ </div>
+ <%= text_field_tag("minlat", nil, :size => 10, :autocomplete => "off", :class => "export_bound form-control mx-auto") %>
+ </div>
+ <a id='drag_box' href="#"><%= t ".manually_select" %></a>
+ </div>
- <dt><a href="http://download.geofabrik.de/"><%= t'export.start.too_large.geofabrik.title' %></a></dt>
- <dd><%= t'export.start.too_large.geofabrik.description' %></dd>
+ <h4><%= t ".licence" %></h4>
+ <p><%= t ".export_details_html" %></p>
- <dt><a href="http://metro.teczno.com/"><%= t'export.start.too_large.metro.title' %></a></dt>
- <dd><%= t'export.start.too_large.metro.description' %></dd>
+ <div id="export_osm_too_large">
+ <p class="alert alert-warning">
+ <%= t ".too_large.body" %>
+ </p>
+ </div>
- <dt><a href="http://wiki.openstreetmap.org/wiki/Download"><%= t'export.start.too_large.other.title' %></a></dt>
- <dd><%= t'export.start.too_large.other.description' %></dd>
- </dl>
- </div>
+ <div id="export_commit">
+ <div class="form-group d-flex">
+ <%= submit_tag t(".export_button"), :class => "btn btn-primary mx-auto" %>
</div>
</div>
- <div class="inner12">
- <%= submit_tag t('export.start.export_button'), :id => "export_commit" %>
- </div>
+ <p><%= t ".too_large.advice" %></p>
+
+ <dl class="px-3">
+ <dt><a id="export_overpass" href="https://overpass-api.de/api/map?bbox="><%= t ".too_large.overpass.title" %></a></dt>
+ <dd><%= t ".too_large.overpass.description" %></dd>
+
+ <dt><a href="https://planet.openstreetmap.org/"><%= t ".too_large.planet.title" %></a></dt>
+ <dd><%= t ".too_large.planet.description" %></dd>
+
+ <dt><a href="https://download.geofabrik.de/"><%= t ".too_large.geofabrik.title" %></a></dt>
+ <dd><%= t ".too_large.geofabrik.description" %></dd>
+
+ <dt><a href="https://wiki.openstreetmap.org/wiki/Download"><%= t ".too_large.other.title" %></a></dt>
+ <dd><%= t ".too_large.other.description" %></dd>
+ </dl>
<% end %>