some changes that need to be reflected in merge

course show

<%= content_for :body_id, "sidebar" %>
<div class="menubar">
  <div class="sidebar-toggler visible-xs">
    <i class="ion-navicon"></i>
  </div>

  <div class="page-title course_title">
    <% if params[:curriculum_id] %>
      <% curriculum = @course.curriculums.find(params[:curriculum_id]) %>
      <a href="/curriculums/<%= curriculum.id %>" data-toggle="tooltip" data-placement="right" title="Back to <%= curriculum.title unless curriculum.blank? %>"><i class="fa fa-arrow-left margin-right-5"></i> </a> 
    <% end %>
    <a href=""><%= @course.title unless @course.title.blank? %></a>
  </div>

</div>
<%= "<div class='admin-bar course_edit_admin_bar'></div>".html_safe if false %>


<div id="app-sidebar">
  <div class="scroll-wrapper">
    
    <div class="messages">
      <ul class="menu nav">
        <% @course.steps.each_with_index do |step, index| %>

        <li class="<%= 'active' if @step.position == step.position %>">
          <% if curriculum %>
            <%= link_to curr_step_path(@curriculum, @course, step.position) do %>
              <% if current_user.has_completed_step?(step) %> 
                <i class="ion-checkmark-circled"></i>
              <% else %>
                <span class="number"><%= step.position %></span>
              <% end %>
              <%= step.title unless step.title.blank? %>
            </a>
            <% end %>
          <% else %>
            <%= link_to step_path(@course, step.position) do %>
              <% if current_user.has_completed_step?(step) %> 
                <i class="ion-checkmark-circled"></i>
              <% else %>
                <span class="number"><%= step.position %></span>
              <% end %>
              <%= step.title unless step.title.blank? %>
            </a>
            <% end %>
          <% end %>

        </li>
        <% end %>
      </ul>
    </div>
    <!-- <div class="paging">
      <a class="disabled left" href="#" data-toggle="tooltip" data-placement="top" title="Previous page">
        <i class="fa fa-chevron-left"></i>
      </a>
      <a class="right" href="#" data-toggle="tooltip" data-placement="top" title="Next page">
        <i class="fa fa-chevron-right"></i>
      </a>
    </div> -->
  </div>
</div>

<div id="app-message">
  <%= render :partial =>"/courses/step_content" %>
</div>

new curriculum title modal

<!-- Prompt Modal : New Curriculum Title -->
<div class="modal fade" id="prompt-modal" role="dialog" ng-controller="CurriculumsIndexCtrl">
  <div class="modal-dialog">
    <div class="modal-content">
      <form role="form">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="myModalLabel">Enter curriculum title</h4>
        </div>
        <div class="modal-body">
        <div class="form-group">
          <label>Whos is this curriculum for?</label>
          <input type="text" class="form-control" autofocus="true" placeholder="ex) Product Manager, Waitress, Development Intern, All Staff" ng-model="newCurriculum.title" />
        </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary" ng-click="saveCurriculum()">Save</button>
        </div>
      </form>
    </div>
  </div>
</div>