Andreas/tracks
1
0
Fork 0
mirror of https://github.com/TracksApp/tracks.git synced 2025-09-22 05:50:47 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Restyle the new todo form

Browse source 
This makes use of bootstrap and provides more space for the individual
fields to use.
This commit is contained in:
Matt Rogers 2019-12-07 08:55:50 -06:00
parent 3f095eb675
commit 40e3aa298c
No known key found for this signature in database
GPG key ID: 605D017C07EB4316
2 changed files with 52 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/assets/stylesheets/legacy.scss
View file

@ -14,7 +14,7 @@ div.depends_on label {
float: left; float: left;
} }
div#input_box div#todo_new_action_container div#todo_multi_add form#todo-form-multi-new-action.inline-form label { div#input_box div#todo_multi_add form#todo-form-multi-new-action.inline-form label {
float: center; float: center;
} }
@ -900,11 +900,13 @@ input#go_to_project, input#context_hide {
text-align:right; text-align:right;
} }
#todo-form-new-action label, .edit_todo_form label { .edit_todo_form label {
display: block; display: block;
padding-bottom: 3px; padding-bottom: 3px;
} }
form.button-to { form.button-to {
border: none; border: none;
padding: 0px; padding: 0px;

86
app/views/todos/_new_todo_form.html.erb
View file

@ -8,56 +8,66 @@
<%= get_list_of_error_messages_for(todo) %> <%= get_list_of_error_messages_for(todo) %>
</div> </div>
<label for="todo_description" style="float:left"><%= Todo.human_attribute_name('description') %></label> <div class="form-group">
<a href="#" id="new_todo_starred_link" class="undecorated_link" ><%= image_tag("blank.png", :title =>t('todos.star_action'), :class => "todo_star", :style=> "float: right")%></a> <label for="todo_description" style="float:left"><%= Todo.human_attribute_name('description') %></label>
<%= t.text_field("description", "size" => 30, "maxlength" => 100, "autocomplete" => "off", :autofocus => true) %> <a href="#" id="new_todo_starred_link" class="undecorated_link" ><%= image_tag("blank.png", :title =>t('todos.star_action'), :class => "todo_star", :style=> "float: right")%></a>
<%= t.text_field("description", "size" => 30, "maxlength" => 100, "autocomplete" => "off", :autofocus => true, :class => "form-control input-sm") %>
<label for="todo_notes"><%= Todo.human_attribute_name('notes') %></label>
<%= t.text_area("notes", "cols" => 29, "rows" => 6) %>
<label for="todo_project_name"><%= Todo.human_attribute_name('project') %></label>
<input id="todo_project_name" name="project_name" autocomplete="off" size="30" type="text" value="<%= h(@initial_project_name) %>" />
<div class="page_name_auto_complete" id="project_list" style="display:none"></div>
<label for="todo_context_name"><%= Todo.human_attribute_name('context') %></label>
<input id="todo_context_name" name="context_name" autocomplete="off" size="30" type="text" value="<%= h(@initial_context_name) %>" />
<label for="tag_list"><%= Todo.human_attribute_name('tags') + ' (' + t('shared.separate_tags_with_commas') + ')' %></label>
<%= hidden_field_tag "initial_tag_list", @initial_tags%>
<%= text_field_tag "tag_list", @initial_tags, :size => 30 %>
<%= content_tag("div", "", :id => "tag_list_auto_complete", :class => "auto_complete") %>
<div class="due_input">
<label for="todo_due"><%= Todo.human_attribute_name('due') %></label>
<%= t.text_field("due", "size" => 12, "class" => "Date", "autocomplete" => "off") %>
</div> </div>
<div class="show_from_input"> <div class="form-group">
<label for="todo_show_from"><%= Todo.human_attribute_name('show_from') %></label> <label for="todo_notes"><%= Todo.human_attribute_name('notes') %></label>
<%= t.text_field("show_from", "size" => 12, "class" => "Date", "autocomplete" => "off") %> <%= t.text_area("notes", "cols" => 29, "rows" => 6, :class => "form-control input-sm") %>
</div>
<div class="form-group">
<label for="todo_project_name"><%= Todo.human_attribute_name('project') %></label>
<input class="form-control input-sm" id="todo_project_name" name="project_name" autocomplete="off" size="30" type="text" value="<%= h(@initial_project_name) %>" />
<div class="page_name_auto_complete" id="project_list" style="display:none"></div>
</div>
<div class="form-group">
<label for="todo_context_name"><%= Todo.human_attribute_name('context') %></label>
<input class="form-control input-sm" id="todo_context_name" name="context_name" autocomplete="off" size="30" type="text" value="<%= h(@initial_context_name) %>" />
</div>
<div class="form-group">
<label for="tag_list"><%= Todo.human_attribute_name('tags') + ' (' + t('shared.separate_tags_with_commas') + ')' %></label>
<%= hidden_field_tag "initial_tag_list", @initial_tags%>
<%= text_field_tag "tag_list", @initial_tags, :size => 30, :class => "form-control input-sm" %>
<%= content_tag("div", "", :id => "tag_list_auto_complete", :class => "auto_complete") %>
</div>
<div class="form-group">
<div class="due_input">
<label for="todo_due"><%= Todo.human_attribute_name('due') %></label>
<%= t.text_field("due", "size" => 12, "class" => "Date form-control input-sm", "autocomplete" => "off") %>
</div>
<div class="show_from_input">
<label for="todo_show_from"><%= Todo.human_attribute_name('show_from') %></label>
<%= t.text_field("show_from", "size" => 12, "class" => "Date form-control input-sm", "autocomplete" => "off") %>
</div>
</div> </div>
<div class="depends_on"> <div class="depends_on">
<label for="predecessor_ul"><%= Todo.human_attribute_name('predecessors')%></label> <div class="form-group">
<div class="selected_predecessors"> <label for="predecessor_ul"><%= Todo.human_attribute_name('predecessors')%></label>
<ul class="predecessor_list" id="predecessor_ul" style="display:none"> <div class="selected_predecessors">
</ul> <ul class="predecessor_list" id="predecessor_ul" style="display:none">
</ul>
</div>
<label id="label_for_predecessor_input" for="predecessor_input" style="display:none"><%= t('todos.add_another_dependency')%></label>
<%= text_field_tag "predecessor_input", nil, :size => 30, :class => "form-control input-sm" %>
</div> </div>
<label id="label_for_predecessor_input" for="predecessor_input" style="display:none"><%= t('todos.add_another_dependency')%></label>
<%= text_field_tag "predecessor_input", nil, :size => 30 %>
<%= hidden_field_tag "predecessor_list", ""%> <%= hidden_field_tag "predecessor_list", ""%>
</div> </div>
<%= source_view_tag( @source_view ) %> <%= source_view_tag( @source_view ) %>
<%= hidden_field_tag :_tag_name, @tag_name.underscore.gsub(/\s+/,'_') if source_view_is :tag %> <%= hidden_field_tag :_tag_name, @tag_name.underscore.gsub(/\s+/,'_') if source_view_is :tag %>
<div class="submit_box"> <button type="submit" class="btn btn-success" id="todo_new_action_submit">
<div class="widgets"> <%= t('shared.add_action') %>
<button type="submit" class="positive" id="todo_new_action_submit"> </button>
<%= image_tag("accept.png", :alt => "") + t('shared.add_action') %>
</button>
</div>
</div>
<% end # form_for -%> <% end # form_for -%>
</div> </div>