{% load i18n %}
<tr>
  <td class="first"><input id="history_id" type="radio" onclick="JS_toggleRowColour(this, 'booking-list');" title="" value="{{ history.id }}" name="history_id"/></td>
  <td>{{ history.created|timesince }}</td>
  <td>{{ history.get_action_title }}
    <a id="hist-{{ history.id }}-pointer" href="javascript:JS_toggleSection('hist-{{ history.id }}');" class="toggled-section ">
      <span id="hist-{{ history.id }}-image" class="sprite plus"></span>
    </a>
  </td>
  <td>{{ history.created_by_id|show_user_link }}</td>
  <td style="text-align: center;">{{ history.duration|format_minutes_to_time }}</td>
  <td>
    {{ history.project|truncatewords:5 }} {% if history.project.is_closed %}({% trans 'closed' %}){% endif %}
  </td>
  <td>{{ history.step }}</td>
  <td>
    {{ history.get_title|truncatewords:5 }}
  </td>
</tr>
<tr>
  <td colspan="8" style="padding: 0;">
  <div id="hist-{{ history.id }}" style="padding: 10px; display:none;">
    <span class="details">
      {{ history.get_title }}<br/><br/>
      {{ history.get_description }}
    </span>
  </div>
  </td>
</tr>
