NG sorting

<table ng-if="projects.length > 0">
    <thead>
    <tr>
        <th class="name">
            <a href="#" ng-click="orderByField='name'; reverseSort = !reverseSort">
            Project Name
            <span ng-show="orderByField == 'name'">
              <span ng-show="!reverseSort">^</span>
              <span ng-show="reverseSort">v</span>
            </span>
            </a>
        </th>

        <th class="company">
            <a href="#" ng-click="orderByField='organization'; reverseSort = !reverseSort">
            Company
            <span ng-show="orderByField == 'organization'">
              <span ng-show="!reverseSort">^</span>
              <span ng-show="reverseSort">v</span>
            </span>
            </a>
        </th>

        <th class="date-created">
            <a href="#" ng-click="orderByField='created_at'; reverseSort = !reverseSort">
            Date Created
            <span ng-show="orderByField == 'created_at'">
              <span ng-show="!reverseSort">^</span>
              <span ng-show="reverseSort">v</span>
            </span>
        </th>

        <th class="has-active-results">
            <a href="#" ng-click="orderByField='has_active_results'; reverseSort = !reverseSort">
            ACTIVE
            <span ng-show="orderByField == 'has_active_results'">
              <span ng-show="!reverseSort">^</span>
              <span ng-show="reverseSort">v</span>
            </span>
        </th>

        <th class="assessment">
            <a href="#" ng-click="orderByField='is_committed'; reverseSort = !reverseSort">

            Assessment
            <span ng-show="orderByField == 'is_committed'">
              <span ng-show="!reverseSort">^</span>
              <span ng-show="reverseSort">v</span>
            </span>
        </th>

    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="project in projects|orderBy:orderByField:reverseSort">
        <td class="name">
            <a ng-href="#/projects/{{project.id}}/info">{{project.name}}</a>
        </td>
        <td class="company">
            {{project.organization}}
        </td>
        <td class="date-created">
            {{project.created_at | formatTimestamp}}
        </td>
        <td class="has-active-results {{project.has_active_results}}">
            <class class="icon"></class>
        </td>
        <td class="assessment {{project.is_committed}}">
            <class class="icon"></class>
        </td>
    </tr>
    </tbody>
</table>

<div class="empty" ng-if="projects.length === 0">
    {{textEmpty}}
</div>