Improve layout and styling of forms

[rails.git] / app / views / trace / create.html.erb

diff --git a/app/views/trace/create.html.erb b/app/views/trace/create.html.erb
index 140b74918cd8027323ad38f729df668d3a182f85..43d4eff3750bba96b390d047626dfce792132189 100644 (file)
--- a/app/views/trace/create.html.erb
+++ b/app/views/trace/create.html.erb
@@ -1,5 +1,33 @@
-<h1><%= t'trace.create.upload_trace' %></h1>
+<% content_for :heading do %>
+  <h1><%= t'trace.create.upload_trace' %></h1>
+<% end %>

 
 <%= error_messages_for 'trace' %>
 
 
 <%= error_messages_for 'trace' %>
 

-<%= render :partial => 'trace_form' %>
+<%= form_for @trace, :url => { :action => "create" }, :html => { :multipart => true } do |f| %>
+  <div class="standard-form">
+    <fieldset>
+      <div class='form-row'>
+        <label for="trace_gpx_file" class="standard-label"><%= t'trace.trace_form.upload_gpx' %></label>
+        <%= f.file_field :gpx_file %>
+      </div>
+      <div class='form-row'>
+        <label class="standard-label"><%= t'trace.trace_form.description' %></label>
+        <%= f.text_field :description %>
+      </div>
+      <div class='form-row'>
+        <label class="standard-label"><%= t'trace.trace_form.tags' %></label>
+        <%= f.text_field :tagstring %>
+        <span class="form-help deemphasize">(<%= t'trace.trace_form.tags_help' %>)</span>
+      </div>
+      <div class='form-row'>
+        <label class="standard-label"><%= t'trace.trace_form.visibility' %></label>
+        <%= f.select :visibility, [[t('trace.visibility.private'),"private"],[t('trace.visibility.public'),"public"],[t('trace.visibility.trackable'),"trackable"],[t('trace.visibility.identifiable'),"identifiable"]] %>
+        <span class="form-help deemphasize">(<a href="<%= t'trace.trace_form.visibility_help_url' %>"><%= t'trace.trace_form.visibility_help' %></a>)</span>
+      </div>
+    </fieldset>
+
+    <%= submit_tag t('trace.trace_form.upload_button') %>
+    <span class="form-help deemphasize"><a href="<%= t'trace.trace_form.help_url' %>"><%= t'trace.trace_form.help' %></a></span>
+  </div>
+<% end %>