18F/identity-dashboard

<div class="usa-accordion">
  <button class="usa-accordion__button margin-top-105" aria-expanded="false" aria-controls="versions">
    <h3 id="versionToggle" class="usa-accordion__heading">Version History (<%= versions.count %>) </h3>
  </button>
  <div id="versions" class="usa-accordion__content">
  <% versions.each do |v| %>
    <div class="event" id="<%= "version-#{v.id}" %>">
      <div id="<%= "version-#{v.id}-summary" %>">
        <h4 class="margin-0">Action: <%= v.event.capitalize %></h4>
        <h5 class="margin-0">By: <%= v.whodunnit %></h5>
      </div>
      <h5 class="margin-0">At: <%= v.created_at %></h5>
      <% if v.event != 'create' %>
        <table class="usa-table width-full" aria-labelledby="<%= "version-#{v.id}-summary" %>">
          <thead>
            <tr>
              <th scope="col">Field</th>
              <th scope="col">Previous Value</th>
              <th scope="col">Updated Value</th>
            </tr>
          </thead>
        <% v.object_changes.each do |field, (before, after)| %>
          <% if field != 'updated_at' %>
              <tbody>
                <tr>
                  <td><%= field %></td>
                  <td><%= before %></td>
                  <td><%= after %></td>
                </tr>
              </tbody>
          <% end %>
        <% end %>
        </table>
      <% end %>
    </div>
  <% end %>
  </div>
</div>