contributions_page.hbs

<div class="my-activities-nav">
  <div class="container">
    <nav class="collapsible-nav">
      <button type="button" class="collapsible-nav-toggle" aria-label="{{t 'toggle_navigation'}}" aria-expanded="false">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" focusable="false" viewBox="0 0 12 12"
          aria-hidden="true" class="collapsible-nav-toggle-icon chevron-icon">
          <path fill="none" stroke="currentColor" stroke-linecap="round" d="M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" focusable="false" viewBox="0 0 12 12"
          aria-hidden="true" class="collapsible-nav-toggle-icon x-icon">
          <path stroke="currentColor" stroke-linecap="round" d="M3 9l6-6m0 6L3 3" />
        </svg>
      </button>
      <ul class="collapsible-nav-list">
        {{#if help_center.request_management_enabled}}
        <li>{{link 'requests'}}</li>
        {{/if}}
        <li class="current">
          <a href="{{page_path 'contributions'}}" aria-current="page">{{ t 'contributions' }}</a>
        </li>
        <li>{{link 'subscriptions'}}</li>
      </ul>
    </nav>
  </div>
</div>

<div class="container container-spacing">
  <header class="my-activities-header">
    <h1>{{t 'contributions'}}</h1>

    <div class="my-activities-sub-nav">
      <nav class="collapsible-nav collapsible-nav-border">
        <button type="button" class="collapsible-nav-toggle" aria-label="{{t 'toggle_navigation'}}"
          aria-expanded="false">
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" focusable="false" viewBox="0 0 12 12"
            aria-hidden="true" class="collapsible-nav-toggle-icon chevron-icon">
            <path fill="none" stroke="currentColor" stroke-linecap="round" d="M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5" />
          </svg>
          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" focusable="false" viewBox="0 0 12 12"
            aria-hidden="true" class="collapsible-nav-toggle-icon x-icon">
            <path stroke="currentColor" stroke-linecap="round" d="M3 9l6-6m0 6L3 3" />
          </svg>
        </button>
        <ul class="collapsible-nav-list">
          {{#each filters}}
          {{#if selected}}
          <li class="current">
            <a href="{{url}}" aria-current="page">{{name}}</a>
          </li>
          {{else}}
          <li>
            <a href="{{url}}">{{name}}</a>
          </li>
          {{/if}}
          {{/each}}
        </ul>
      </nav>
    </div>
  </header>

  <div id="main-content" class="requests">
    {{#if contributions}}
    <table class="table my-activities-table contributions-table">
      <thead>
        <tr>
          <th>{{t 'title'}}</th>
          <th>{{t 'type'}}</th>
          <th>{{t 'vote_sum'}}</th>
          <th>{{t 'last_activity'}}</th>
          <th>{{t 'created'}}</th>
        </tr>
      </thead>
      <tbody>
        {{#each contributions}}
        <tr>
          <td>
            <a href="{{url}}" class="striped-list-title" title="{{title}}">
              {{excerpt title characters=60}}
            </a>
          </td>
          <td>{{type}}</td>
          <td>{{vote_sum}}</td>
          <td>{{date last_activity_at}}</td>
          <td>{{date created_at}}</td>
        </tr>
        {{/each}}
      </tbody>
    </table>
    {{else}}
    <p class="no-activities">{{t 'no_contributions'}}</p>
    {{/if}}
  </div>

  {{pagination}}

</div>