dan/parsley
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Editor

Browse Source
This commit is contained in:
Dan Elbert 2016-01-14 11:07:15 -06:00
parent 4fe419d414
commit 8989a2848a
6 changed files with 65 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Gemfile.lock
View File

@ -187,6 +187,3 @@ DEPENDENCIES
turbolinks
uglifier (>= 1.3.0)
web-console (~> 2.0)
BUNDLED WITH
1.10.6

5
app/assets/stylesheets/application.scss
View File

@ -10,8 +10,7 @@
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require_tree .
*= require_self
*= require flash_messages
*/
@import "bootstrap-sprockets";
@ -19,6 +18,8 @@
@import "bootstrap";
@import "spacelab/_bootswatch";
@import "recipes";
$footer_height: 40px;
html {

2
app/assets/stylesheets/recipes.scss
View File

@ -3,7 +3,7 @@
// You can use Sass (SCSS) here: http://sass-lang.com/
@mixin editor {
border: solid 1px grey;
@extend .panel-body;
}
div.ingredient-editor {

24
app/views/recipes/_form.html.erb
View File

@ -2,37 +2,37 @@
<%= render partial: 'shared/error_list', locals: {model: @recipe} %>
<div class="form-group">
<%= f.label :name %>
<div class="form-group form-group-sm">
<%= f.label :name, class: "control-label" %>
<%= f.text_field :name, class: 'form-control' %>
</div>
<div class="form-group">
<%= f.label :description %>
<div class="form-group form-group-sm">
<%= f.label :description, class: "control-label" %>
<%= f.text_area :description, class: 'form-control' %>
</div>
<div class="form-group">
<%= f.label :source %>
<div class="form-group form-group-sm">
<%= f.label :source, class: "control-label" %>
<%= f.text_field :source, class: 'form-control' %>
</div>
<div class="row">
<div class="col-xs-4">
<div class="form-group">
<%= f.label :yields %>
<div class="form-group form-group-sm">
<%= f.label :yields, class: "control-label" %>
<%= f.number_field :yields, class: 'form-control', placeholder: 'Servings' %>
</div>
</div>
<div class="col-xs-4">
<div class="form-group">
<%= f.label :total_time %>
<div class="form-group form-group-sm">
<%= f.label :total_time, class: "control-label" %>
<%= f.number_field :total_time, class: 'form-control', placeholder: 'Minutes' %>
</div>
</div>
<div class="col-xs-4">
<div class="form-group">
<%= f.label :active_time %>
<div class="form-group form-group-sm">
<%= f.label :active_time, class: "control-label" %>
<%= f.number_field :active_time, class: 'form-control', placeholder: 'Minutes' %>
</div>
</div>

51
app/views/recipes/editor/_ingredient.html.erb
View File

@ -1,29 +1,38 @@
<div class="nested-fields ingredient-editor">
<div class="panel panel-default">
<div class="nested-fields ingredient-editor">
<div class="row">
<div class="col-xs-11">
<div class="form-group">
<%= f.label :custom_name, "Name" %>
<%= f.text_field :custom_name, class: 'form-control' %>
<div class="row">
<div class="col-xs-10">
<div class="form-group form-group-sm">
<%= f.label :custom_name, "Name" %>
<%= f.text_field :custom_name, class: 'form-control' %>
</div>
<div class="row">
<div class="col-xs-8">
<div class="form-group form-group-sm">
<%= f.label :quantity %>
<%= f.text_field :quantity, class: 'form-control' %>
</div>
</div>
<div class="col-xs-4">
<div class="form-group form-group-sm">
<%= f.label :units %>
<%= f.text_field :units, class: 'form-control' %>
</div>
</div>
</div>
</div>
<div class="form-group">
<%= f.label :quantity %>
<%= f.text_field :quantity, class: 'form-control' %>
</div>
<div class="form-group">
<%= f.label :units %>
<%= f.text_field :units, class: 'form-control' %>
<div class="col-xs-2">
<%= link_to_remove_association f, class: 'btn btn-danger' do %>
<span class="glyphicon glyphicon-remove"></span>
<% end %>
</div>
</div>
<div class="col-xs-1">
<%= link_to_remove_association f, class: 'btn btn-danger' do %>
<span class="glyphicon glyphicon-remove"></span>
<% end %>
</div>
<%= f.hidden_field :sort_order, class: 'sort-order' %>
</div>
<%= f.text_field :sort_order, class: 'sort-order' %>
</div>

36
app/views/recipes/editor/_step.html.erb
View File

@ -1,24 +1,26 @@
<div class="nested-fields step-editor">
<div class="panel panel-default">
<div class="nested-fields step-editor">
<div class="row">
<div class="col-xs-1">
<span class="sort-order-display"><%= f.object ? f.object.sort_order : '' %></span>
</div>
<div class="row">
<div class="col-xs-2">
<span class="sort-order-display"><%= f.object ? f.object.sort_order : '' %></span>
</div>
<div class="col-xs-10">
<div class="form-group">
<%= f.label :step %>
<%= f.text_area :step, class: 'form-control' %>
<div class="col-xs-8">
<div class="form-group form-group-sm">
<%= f.label :step %>
<%= f.text_area :step, class: 'form-control' %>
</div>
</div>
<div class="col-xs-2">
<%= link_to_remove_association f, class: 'btn btn-danger' do %>
<span class="glyphicon glyphicon-remove"></span>
<% end %>
</div>
</div>
<div class="col-xs-1">
<%= link_to_remove_association f, class: 'btn btn-danger' do %>
<span class="glyphicon glyphicon-remove"></span>
<% end %>
</div>
<%= f.hidden_field :sort_order, class: 'sort-order' %>
</div>
<%= f.hidden_field :sort_order, class: 'sort-order' %>
</div>