<table>
<thead>
<tr>
+ <th></th>
<th>{{ts('Activity')}}</th>
<th></th>
</tr>
<tbody ui-sortable ng-model="activitySet.activityTypes">
<tr ng-repeat="activity in activitySet.activityTypes">
<td>
- <span class="icon ui-icon-grip-dotted-vertical"></span>
+ <i class="crm-i fa-arrows grip-n-drag"></i>
+ </td>
+ <td>
+ <i class="crm-i {{ activityTypes[activity.name].icon }}"></i>
{{ activity.name }}
</td>
<td>
- <a crm-icon="trash" class="crm-hover-button" ng-click="removeItem(activitySet.activityTypes, activity)" title="{{ts('Remove')}}"></a>
+ <a crm-icon="fa-trash" class="crm-hover-button" ng-click="removeItem(activitySet.activityTypes, activity)" title="{{ts('Remove')}}"></a>
</td>
</tr>
</tbody>
<tfoot>
<tr class="addRow">
<td colspan="3">
- {{ts('Add activity:')}}
<span crm-add-name
- crm-options="activityTypeNames"
+ crm-options="activityTypeOptions"
crm-var="newActivity"
crm-on-add="addActivity(activitySet, newActivity)"
+ placeholder="{{ts('Add activity')}}"
/>
</td>
</tr>