Improve layout and styling of forms
[rails.git] / app / views / export / start.html.erb
1 <%= form_tag :action => "finish" do %>
2
3   <h4><%= t'export.start.area_to_export' %></h4>
4
5   <div class="export_bounds inner12">
6     <div class='export_area_inputs'>
7       <%= text_field_tag('maxlat', nil, :size => 10, :class => "export_bound") %>
8       <br/>
9       <%= text_field_tag('minlon', nil, :size => 10, :class => "export_bound") %>
10       <%= text_field_tag('maxlon', nil, :size => 10, :class => "export_bound") %>
11       <br/>
12       <%= text_field_tag('minlat', nil, :size => 10, :class => "export_bound") %>
13     </div>
14     <a id="drag_box" class='export_hint button' href="#"><%= t'export.start.manually_select' %></a>
15   </div>
16
17   <h4><%= t'export.start.format_to_export' %></h4>
18
19   <ul class="export_details inner12">
20     <li>
21       <%= radio_button_tag("format", "osm") %>
22       <label for='format_osm'><%= t'export.start.osm_xml_data' %></label>
23     </li>
24     <li>
25       <%= radio_button_tag("format", "mapnik") %>
26       <label for='format_mapnik'><%= t'export.start.map_image' %></label>
27     </li>
28     <li>
29       <%= radio_button_tag("format", "html") %>
30       <label for='format_html'><%= t'export.start.embeddable_html' %></label></li>
31   </ul>
32
33   <div id="export_osm">
34     <h4><%= t'export.start.licence' %></h4>
35
36     <div class="export_details inner12">
37       <p><%= raw t'export.start.export_details' %></p>
38     </div>
39
40     <div  id="export_osm_too_large">
41       <h4><%= t'export.start.too_large.heading' %></h4>
42
43       <div class="export_details inner12">
44         <p><%= t'export.start.too_large.body' %></p>
45       </div>
46     </div>
47   </div>
48
49   <div id="export_mapnik">
50     <h4><%= t'export.start.options' %></h4>
51
52     <ul class="export_details inner12">
53       <li><%= t'export.start.format' %> <%= select_tag("mapnik_format", options_for_select([["PNG", "png"], ["JPEG", "jpeg"], ["SVG", "svg"], ["PDF", "pdf"]], "png")) %></li>
54       <li><%= t'export.start.scale' %> 1 : <%= text_field_tag("mapnik_scale", nil) %> <p class="deemphasize export_hint">(<%= t'export.start.max' %> 1 : <span id="mapnik_max_scale"></span>)</p></li>
55       <li><%= t'export.start.image_size' %> <span id="mapnik_image_width"></span> x <span id="mapnik_image_height"></span></li>
56     </ul>
57   </div>
58
59   <div id="export_html">
60     <h4><%= t'export.start.options' %></h4>
61
62     <div class="export_details inner12">
63       <ul id="marker_inputs" style="display:none">
64         <li><%= t'export.start.latitude' %> <input type="text" id="marker_lat"/></li>
65         <li><%= t'export.start.longitude' %> <input type="text" id="marker_lon"/></li>
66       </ul>
67       <a id="add_marker" class='button' href="#"><%= t'export.start.add_marker' %></a>
68     </div>
69
70     <h4><%= t'export.start.output' %></h4>
71
72     <div class="export_details inner12">
73       <input type="text" id="export_html_text"/>
74       <p class='deemphasize'><%= t'export.start.paste_html' %></p>
75     </div>
76   </div>
77
78   <div class="inner12">
79     <%= submit_tag t('export.start.export_button'), :id => "export_commit" %>
80   </div>
81
82 <% end %>