FogBugz 123: Use Bootstrap's form layouting instead of hardcoding it via the grid system.
This commit is contained in:
Roland Jesse
parent
9d8361ca66
commit
ae7a98399c
3 changed files with 89 additions and 85 deletions
|
|
@ -1,11 +1,13 @@
|
|||
<div class="row">
|
||||
<div class="span2"><%= f.label :address, "Mail" %></div>
|
||||
<div class="span3"><%= f.text_field :desc, :placeholder => "Bezeichnung" %></div>
|
||||
<div class="span3"><%= f.text_field :address, :placeholder => "Mailadresse" %></div>
|
||||
<%= f.label :address, "Mail", :class => "control-label" %>
|
||||
<div class="controls">
|
||||
<%= f.text_field :desc, :placeholder => "Bezeichnung", :class => "input-xlarge" %>
|
||||
<%= f.text_field :address, :placeholder => "Mailadresse", :class => "input-xlarge" %>
|
||||
</div>
|
||||
<% unless f.object.new_record? %>
|
||||
<div class="row">
|
||||
<div class="span2"><%= f.label :_delete, "Remove Mail" %></div>
|
||||
<div class="span3"><%= f.check_box :_delete %></div>
|
||||
</div>
|
||||
<div class="controls">
|
||||
<label class="checkbox">
|
||||
<%= f.check_box :_delete %>
|
||||
Remove Mail
|
||||
</label>
|
||||
</div>
|
||||
<% end %>
|
||||
|
|
|
|||
|
|
@ -1,75 +1,74 @@
|
|||
<%= form_for @contact, :html => {:class => "new_data_form"} do |f| %>
|
||||
<%= form_for @contact, :html => {:class => "form-horizontal"} do |f| %>
|
||||
|
||||
<fieldset>
|
||||
<%# <legend>Contact details</legend> %>
|
||||
<div class="row">
|
||||
<div class="span2"><%= label_tag(:firstname, "First name") %></div>
|
||||
<div class="span3"><%= f.text_field :firstname, :placeholder => "Vorname", :value => @contact.firstname %></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span2"><%= label_tag(:lastname, "Last name") %></div>
|
||||
<div class="span3"><%= f.text_field :lastname, :placeholder => "Nachname" %></div>
|
||||
</div>
|
||||
<%# <legend>Contact details</legend> %>
|
||||
<div class="control-group">
|
||||
<%= label_tag(:firstname, "First name", :class => "control-label") %>
|
||||
<div class="controls"><%= f.text_field :firstname, :placeholder => "Vorname", :value => @contact.firstname, :class => "input-xlarge" %></div>
|
||||
<%= label_tag(:lastname, "Last name", :class => "control-label") %>
|
||||
<div class="controls"><%= f.text_field :lastname, :placeholder => "Nachname", :class => "input-xlarge" %></div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<%= label_tag(:has_buddy, "Buddies?", :class => "control-label") %>
|
||||
<div class="controls">
|
||||
<label class="checkbox">
|
||||
<%= check_box_tag(:has_buddy) %>
|
||||
wohnt zusammen mit
|
||||
</label>
|
||||
<%= text_field_tag(:buddy_firstname, nil, :placeholder => "first name", :class => "input-xlarge") %>
|
||||
<%= text_field_tag(:buddy_lastname, nil, :placeholder => "last name", :class => "input-xlarge") %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="span2">Buddies?</div>
|
||||
<div class="span3">
|
||||
<%= check_box_tag(:has_buddy) %>
|
||||
<%= label_tag(:has_buddy, "wohnt zusammen mit") %>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<%= text_field_tag(:buddy_firstname, nil, :placeholder => "first name") %>
|
||||
<%= text_field_tag(:buddy_lastname, nil, :placeholder => "last name") %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%= f.fields_for :address do |address_f| %>
|
||||
<div class="row">
|
||||
<div class="span2"><%= address_f.label :street, "Street · no.".html_safe %></div>
|
||||
<div class="span3"><%= address_f.text_field :street, :placeholder => "Straße" %></div>
|
||||
<div class="span2"><%= address_f.text_field :housenr, :placeholder => "No." %></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span2"><%= label_tag(:zipcode, "ZIP · Place".html_safe) %></div>
|
||||
<div class="span3"><%= address_f.text_field :zipcode, :placeholder => "PLZ" %></div>
|
||||
<div class="span5"><%= address_f.text_field :place, :placeholder => "Ort" %></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span2"><%= label_tag(:country, "Country") %></div>
|
||||
<div class="span7"><%= address_f.text_field :country, :placeholder => "Land" %></div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<%= f.fields_for :address do |address_f| %>
|
||||
<%= address_f.label :street, "Street · no.".html_safe, :class => "control-label" %>
|
||||
<div class="controls">
|
||||
<%= address_f.text_field :street, :placeholder => "Straße", :class => "input-xlarge" %>
|
||||
<%= address_f.text_field :housenr, :placeholder => "No.", :class => "input-small" %>
|
||||
</div>
|
||||
<%= label_tag(:zipcode, "ZIP · Place".html_safe, :class => "control-label") %>
|
||||
<div class="controls">
|
||||
<%= address_f.text_field :zipcode, :placeholder => "PLZ", :class=> "input-xlarge" %>
|
||||
<%= address_f.text_field :place, :placeholder => "Ort", :class=> "input-xlarge" %>
|
||||
</div>
|
||||
<%= label_tag(:country, "Country", :class => "control-label") %>
|
||||
<div class="controls">
|
||||
<%= address_f.text_field :country, :placeholder => "Land", :class => "input-xlarge" %>
|
||||
</div>
|
||||
<% end %> <%# fields_for :adress %>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<%= f.fields_for :emails do |emails_f| %>
|
||||
<%= render "email_fields", :f => emails_f %>
|
||||
<% end %>
|
||||
<div class="controls">
|
||||
<%= link_to 'Add an email', '#emails', :class => "btn", :rel => "emails" %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%= f.fields_for :emails do |emails_f| %>
|
||||
<%= render "email_fields", :f => emails_f %>
|
||||
<% end %> <%# fields_for :emails %>
|
||||
<div class="row">
|
||||
<div class="span2"> </div>
|
||||
<div class="span3">
|
||||
<%= link_to 'Add an email', '#emails', :class => "add_nested_item", :rel => "emails" %>
|
||||
</div>
|
||||
</div>
|
||||
<%= f.fields_for :phones do |phones_f| %>
|
||||
<%= render "phone_fields", :f => phones_f %>
|
||||
<% end %> <%# fields_for :phones %>
|
||||
<div class="row">
|
||||
<div class="span2"> </div>
|
||||
<div class="span3">
|
||||
<%= link_to 'Add a phone', '#phones', :class => "add_nested_item", :rel => "phones" %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span2"><%= label_tag(:birth_date, "Birthday") %></div>
|
||||
<div class="span3">
|
||||
<%= select_tag(:birth_day, options_for_select(@days, @contact.birth_day)) %>
|
||||
<%= select_tag(:birth_month, options_for_select(@months, @contact.birth_month)) %>
|
||||
<%= text_field(:contact, :birth_year, :placeholder => "Jahr") %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span2"> </div>
|
||||
<div class="span3"> </div>
|
||||
<div class="span6"><%= f.submit("Save contact") %></div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="control-group">
|
||||
<%= f.fields_for :phones do |phones_f| %>
|
||||
<%= render "phone_fields", :f => phones_f %>
|
||||
<% end %>
|
||||
<div class="controls">
|
||||
<%= link_to 'Add a phone', '#phones', :class => "btn", :rel => "phones" %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<%= label_tag(:birth_date, "Birthday", :class => "control-label") %>
|
||||
<div class="controls">
|
||||
<%= select_tag(:birth_day, options_for_select(@days, @contact.birth_day) , :class => "input-small") %>
|
||||
<%= select_tag(:birth_month, options_for_select(@months, @contact.birth_month) , :class => "input-small") %>
|
||||
<%= text_field(:contact, :birth_year, :placeholder => "Jahr", :class => "input-small") %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<%= f.submit("Save contact", :class => "btn, btn-primary") %>
|
||||
</div>
|
||||
</fieldset>
|
||||
<% end %>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,14 @@
|
|||
<div class="row">
|
||||
<div class="span2"><%= f.label :address, "Phone" %></div>
|
||||
<div class="span3"><%= f.text_field :desc, :placeholder => "Bezeichnung" %></div>
|
||||
<div class="span3"><%= f.text_field :nr, :placeholder => "Nr." %></div>
|
||||
<%= f.label :address, "Phone", :class => "control-label" %>
|
||||
<div class="controls">
|
||||
<%= f.text_field :desc, :placeholder => "Bezeichnung", :class => "input-xlarge" %>
|
||||
<%= f.text_field :nr, :placeholder => "Nr.", :class => "input-xlarge" %>
|
||||
</div>
|
||||
<% unless f.object.new_record? %>
|
||||
<div class="row">
|
||||
<div class="span2"><%= f.label :_delete, "Remove Phone" %></div>
|
||||
<div class="span3"><%= f.check_box :_delete %></div>
|
||||
</div>
|
||||
<%= f.label :_delete, "Remove Phone", :class => "control-label" %>
|
||||
<div class="controls">
|
||||
<label class="checkbox">
|
||||
<%= f.check_box :_delete %>
|
||||
Remove Phone
|
||||
</label>
|
||||
</div>
|
||||
<% end %>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue