<span ng-init="vm.rearrangeCalculateData()" uib-dropdown role="group" class="pull-right">
    <button ng-if="vm.rearrange_btn" class="btn btn-default btn-xs" uib-dropdown-toggle><span class="material-icons" style="font-size: 14px; vertical-align: middle;">sort</span>
 {{ vm.form.__sort.trxkey ? vm.form.__sort.trxkey : 'REARRANGE_TRX' | translate }} {{ vm.form.__sort.trxdirection === -1 ? '▼' : ''}}{{ vm.form.__sort.trxdirection === 1 ? '▲' : ''}}</button>
    <ul class="dropdown-menu" uib-dropdown-menu>
      <li>
        <a class="no-link-link" ng-click="vm.rearrangeTrx('date_transaction', 1)">{{ 'date_transaction' | translate }} ▲</a>
        <a class="no-link-link" ng-click="vm.rearrangeTrx('date_transaction', -1)">{{ 'date_transaction' | translate }} ▼</a>
        <a class="no-link-link" ng-click="vm.rearrangeTrx('value_date', 1)">{{ 'value_date' | translate }} ▲</a>
        <a class="no-link-link" ng-click="vm.rearrangeTrx('value_date', -1)">{{ 'value_date' | translate }} ▼</a>
        <a class="no-link-link" ng-click="vm.rearrangeTrx('AMOUNT', 1)">{{ 'AMOUNT' | translate }} ▲</a>
        <a class="no-link-link" ng-click="vm.rearrangeTrx('AMOUNT', -1)">{{ 'AMOUNT' | translate }} ▼</a>
      </li>
    </ul>
</span>
