_traffic_lights.html.erb

<script type="text/javascript"><!--

$(function() {

  var dashboard = $('#dashboard-page');
  var lights = $('.diff-traffic-light', dashboard);
  var showRevert = false;

  cd.setupTrafficLightOpensHistoryDialogHandlers(lights,showRevert);

  var bulbCounts = $('#traffic-lights .traffic-light-count', dashboard);

  cd.setupTrafficLightCountOpensCurrentCode(bulbCounts,showRevert);

  cd.pieChart($('#traffic-lights .pie', dashboard));
  cd.setupHoverTips();

  var allTheWay = 100000;
  $('#traffic-lights', dashboard).scrollLeft(allTheWay);

});

//--></script>

<table>
  <% if @avatar_names.length != 0 %>
  <tr>
	  <% td_map = @gapped[@avatar_names[0]] %>
	  <% td_map.keys.sort.each do |td_no| %>
		  <% td = td_map[td_no] %>    
      <td class="time-period-marker">
      </td>
      <th>
		  <% if td.class == Hash %>
		    <span class="collapsed-multi-gap" data-mins-collapsed="<%= td[:collapsed] %>"></span>
      <% end %>
      </th>
    <% end %>
  </tr>
  <% end %>
  
  <% @avatar_names.each_with_index do |name,index| %>
	<tr class="<%= parity(index) %> row">
	  <% td_map = @gapped[name] %>
    
	  <% td_map.keys.sort.each do |td_no| %>
		  <% td = td_map[td_no] %>
      <td class="time-period-marker">
      </td>
		  <td>
		  <% if td.class == Hash %>
		    <span class="collapsed-multi-gap"></span>
		  <% end %>
		  <% if td.class == Array %>
		    <% if td.length == 0 %>
			  <div class="gap"></div>
		    <% else %>
			  <table>
			    <tr>
				  <% td.each do |light| %>
				    <td>
					  <%= raw diff_traffic_light(light) %>
				    </td>
				  <% end %>
			    </tr>
			  </table>
		    <% end %>
		  <% end %>
		  </td>
	  <% end %>

    <% avatar = @kata.avatars[name] %>

	  <td class="align-right">
	    <%= raw traffic_light_count(avatar) %>
	  </td>

	  <td class="align-right">
		<%= raw pie_chart(avatar.lights, avatar.name) %>
	  </td>

	  <td class="align-center valign-center">
		<%= raw diff_avatar_image(avatar) %>
	  </td>

	</tr>
  <% end %>
</table>