| 1 | <!-- |
| 2 | Controller: CaseTypeListsCtrl |
| 3 | Required vars: caseTypes |
| 4 | --> |
| 5 | <h1 crm-page-title>{{ts('Case Types')}}</h1> |
| 6 | |
| 7 | <div class="help"> |
| 8 | {{ts('A Case Type describes a group of related tasks, interactions, or processes.')}} |
| 9 | </div> |
| 10 | |
| 11 | <div class="crm-content-block crm-block"> |
| 12 | |
| 13 | <table class="display"> |
| 14 | <thead> |
| 15 | <tr> |
| 16 | <th>{{ts('Title')}}</th> |
| 17 | <th>{{ts('Name')}}</th> |
| 18 | <th>{{ts('Description')}}</th> |
| 19 | <th>{{ts('Enabled?')}}</th> |
| 20 | <th></th> |
| 21 | </tr> |
| 22 | </thead> |
| 23 | <tbody> |
| 24 | <tr ng-repeat="caseType in caseTypes" |
| 25 | class="crm-entity" |
| 26 | ng-class-even="'even-row even'" |
| 27 | ng-class-odd="'odd-row odd'" |
| 28 | ng-class="{disabled: 0==caseType.is_active, forked: 1==caseType.is_forked}"> |
| 29 | <td>{{caseType.title}}</td> |
| 30 | <td>{{caseType.name}}</td> |
| 31 | <td>{{caseType.description}}</td> |
| 32 | <td>{{caseType.is_active == 1 ? ts('Yes') : ts('No')}}</td> |
| 33 | <!-- FIXME: Can't figure out how styling in other tables gets the nowrap effect... in absence of a consistent fix, KISS --> |
| 34 | <td style="white-space: nowrap"> |
| 35 | <span> |
| 36 | <a class="action-item crm-hover-button" ng-href="#/caseType/{{caseType.id}}">{{ts('Edit')}}</a> |
| 37 | |
| 38 | <span class="btn-slide crm-hover-button"> |
| 39 | {{ts('more')}} |
| 40 | <ul class="panel" style="display: none;"> |
| 41 | <li ng-hide="caseType.is_active"> |
| 42 | <a class="action-item crm-hover-button" ng-click="toggleCaseType(caseType)"> |
| 43 | {{ts('Enable')}} |
| 44 | </a> |
| 45 | </li> |
| 46 | <li ng-show="caseType.is_active && !caseType.is_reserved"> |
| 47 | <a class="action-item crm-hover-button" |
| 48 | crm-confirm="{type: 'disable', obj: caseType}" |
| 49 | on-yes="toggleCaseType(caseType)"> |
| 50 | {{ts('Disable')}} |
| 51 | </a> |
| 52 | </li> |
| 53 | <li ng-show="caseType.is_forked"> |
| 54 | <a class="action-item crm-hover-button" |
| 55 | crm-confirm="{type: 'revert', obj: caseType}" |
| 56 | on-yes="revertCaseType(caseType)"> |
| 57 | {{ts('Revert')}} |
| 58 | </a> |
| 59 | </li> |
| 60 | <li ng-show="!caseType.is_reserved"> |
| 61 | <a class="action-item crm-hover-button" |
| 62 | crm-confirm="{type: 'delete', obj: caseType}" |
| 63 | on-yes="deleteCaseType(caseType)"> |
| 64 | {{ts('Delete')}} |
| 65 | </a> |
| 66 | </li> |
| 67 | </ul> |
| 68 | </span> |
| 69 | </span> |
| 70 | </td> |
| 71 | </tr> |
| 72 | </tbody> |
| 73 | </table> |
| 74 | |
| 75 | <div class="crm-submit-buttons"> |
| 76 | <a ng-href="#/caseType/new" class="button"><span><i class="crm-i fa-plus-circle"></i> {{ts('New Case Type')}}</span></a> |
| 77 | </div> |
| 78 | </div> |