parsley/app/views/recipes/show.html.erb

<div class="recipe-view">

  <div class="row">
    <div class="col-xs-12">
      <div class="page-header">
        <h1>
          <%= @recipe.name %>
          <% if @scale %>
            <span class="label label-default"><%= @scale %> X</span>
          <% end %>
        </h1>
      </div>
      <p class="lead">
        <%= @recipe.description %>
      </p>
    </div>
  </div>

  <div class="row">
    <% if @recipe.total_time.present? || @recipe.active_time.present? %>
      <div class="col-xs-3">
        <p><%= recipe_time(@recipe) %></p>
      </div>
    <% end %>

    <% if @recipe.yields.present? %>
      <div class="col-xs-3">
        <p>Yields</p><p><%= @recipe.yields  %></p>
      </div>
    <% end %>

    <% if @recipe.source.present? %>
      <div class="source">
        <p>Source</p><p><%= @recipe.source  %></p>
      </div>
    <% end %>

  </div>

  <div class="row">
    <div class="col-xs-12 col-sm-5 col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading">

          <div class="row">
            <h3 class="panel-title col-xs-7">Ingredients</h3>
            <div class="dropdown col-xs-5">
              <button id="scaleLabel" type="button" class="pull-right btn btn-xs btn-default" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Scale
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" aria-labelledby="scaleLabel">
                <% ['1/4', '1/3', '1/2', '2/3', '3/4', '1', '1 1/2', '2', '3', '4'].each do |scale| %>
                  <% if scale == '1' %>
                    <li><%= link_to scale, @recipe %></li>
                  <% else %>
                    <li><%= link_to scale, scale_recipe_path(@recipe, scale) %></li>
                  <% end %>
                <% end %>
              </ul>
            </div>
          </div>


        </div>
        <div class="panel-body">
          <ul class="ingredients">
            <% @recipe.recipe_ingredients.each do |i| %>
              <li><div><%= i.display_name %></div></li>
            <% end %>
          </ul>
        </div>
      </div>

    </div>

    <div class="col-xs-12 col-sm-7 col-md-8">
      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">Directions</h3>
        </div>
        <div class="panel-body">
          <ol class="steps">
            <% @recipe.recipe_steps.each do |s| %>
              <li><div><%= "#{s.step}" %></div></li>
            <% end %>
          </ol>
        </div>
      </div>
    </div>
  </div>

</div>

<div class="row">
  <div class="col-xs-12">

    <%= link_to 'Edit', edit_recipe_path(@recipe), class: 'btn btn-default' %>
    <%= link_to 'Back', recipes_path, class: 'btn btn-default' %>

  </div>
</div>