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

<div class="recipe-view">

  <div class="row">
    <div class="col-xs-10">
      <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 class="col-xs-2">
      <div class="dropdown">
        <button id="scaleLabel" type="button" 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| %>
            <li><%= link_to scale, scale_recipe_path(@recipe, scale) %></li>
          <% end %>
        </ul>
      </div>
    </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">
          <h3 class="panel-title">Ingredients</h3>
        </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>