<table>
<thead>
<tr>
+ <th></th>
<th>{{ts('Activity')}}</th>
<th>{{ts('Status')}}</th>
<th>{{ts('Reference')}}</th>
<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>
</td>
<td>
<input
- class="number"
+ class="number crm-form-text"
type="text"
ng-pattern="/^-?[0-9]*$/"
ng-model="activity.reference_offset"
</td>
<td>
<a class="crm-hover-button"
- crm-icon="trash"
+ crm-icon="fa-trash"
ng-show="isActivityRemovable(activitySet, activity)"
ng-click="removeItem(activitySet.activityTypes, activity)"
title="{{ts('Remove')}}">
<tr class="addRow">
<td colspan="6">
<span crm-add-name
- crm-options="activityTypeNames"
+ crm-options="activityTypeOptions"
crm-var="newActivity"
crm-on-add="addActivity(activitySet, newActivity)"
placeholder="{{ts('Add activity')}}"