anchor.diff:  
       <div class="pa-planning--row-container">
         <div class="pa-planning--row-wrapper pa-planning--row-wrapper-vertical-bar">
  -        <div class="pa-planning--vertical-bar pa-planning--vertical-bar-highlight" style="<%= "left: #{@planning_highlight_x}%; width: #{@planning_highlight_width}%;" %>"></div>
  -        <% if @planning_highlight_name %>
  -          <div class="pa-planning--vertical-bar pa-planning--vertical-bar-highlight-name" style="<%= "left: #{@planning_highlight_x}%; width: #{@planning_highlight_width}%;" %>">
  -            <span><%= @planning_highlight_name %></span>
  +        <div class="pa-planning--vertical-bar pa-planning--vertical-bar-highlight" style="<%= "left: #{@planning_view_highlight_x}%; width: #{@planning_view_highlight_width}%;" %>"></div>
  +        <% if @planning_view_highlight_name %>
  +          <div class="pa-planning--vertical-bar pa-planning--vertical-bar-highlight-name" style="<%= "left: #{@planning_view_highlight_x}%; width: #{@planning_view_highlight_width}%;" %>">
  +            <span><%= @planning_view_highlight_name %></span>
             </div>
           <% end %>
   
  -        <% @planning_months.each do |month| %>
  +        <% @planning_view_months.each do |month| %>
             <div class="pa-planning--vertical-bar pa-planning--vertical-bar-<%= month[:date].month == 1 ? "year" : "month" %>" style="<%= "left: #{month[:x]}%; width: #{month[:width]}%;" %>"></div>
           <% end %>
   
  -        <div class="pa-planning--vertical-bar pa-planning--vertical-bar-today" style="<%= "left: #{@planning_today_x}%;" %>">
  +        <div class="pa-planning--vertical-bar pa-planning--vertical-bar-today" style="<%= "left: #{@planning_view_today_x}%;" %>">
             <span><%= t('concepts.today') %></span>
           </div>
         </div>
  
positive.code:     <div class="pa-planning--row-container">
  
        <div class="pa-planning--row-wrapper">
          <div class="pa-planning--header--month pa-planning--header--month-highlight" style="<%= "left: #{@planning_highlight_x}%; width: #{@planning_highlight_width}%;" %>"></div>
  
          <% @planning_months.each do |month| %>
            <div class="pa-planning--header--month" style="<%= "left: #{month[:x]}%; width: #{month[:width]}%;" %>">
              <span><%= month[:name].html_safe %></span>
            </div>
  
negative.code:     <div class="pa-planning--header--control pa-planning--header--control-zoom">
        <%= t('shared.planning.displayed_period') %>
        <div class="dropdown">
          <a data-target="#" href="#" data-toggle="dropdown" class="dropdown-toggle"><span><%= @planning_view_default_zoom %> <%= t('concepts.months') %></span> <b class="caret"></b></a>
          <ul class="dropdown-menu scrollable-list">
            <% @planning_view_available_zoom.each do |nb_of_months, percent| %>
              <li<%= ' class="active"'.html_safe if @planning_view_default_zoom == nb_of_months %>>
                <a href="#" class="pa-planning--ctrl-move-zoom" data-nb-of-months="<%= nb_of_months %>" data-zoom="<%= percent %>"><%= nb_of_months %> <%= t('concepts.months') %></a>
              </li>
            <% end %>
  