Required vars: caseType
-->
<h1 crm-page-title>{{caseType.title || ts('New Case Type')}}</h1>
+
+<div class="help">
+ {{ts('Use this screen to define or update the Case Roles, Activity Types, and Timelines for a case type.')}} <a href="https://docs.civicrm.org/user/en/stable/case-management/set-up/" target="_blank">{{ts('Learn more...')}}</a>
+</div>
+
<form name="editCaseTypeForm" unsaved-warning-form>
<div class="crm-block crm-form-block crmCaseType">
- <div class="help">
- {{ts('Use this screen to define or update the Case Roles, Activity Types, and Timelines for a case type.')}} <a href="https://docs.civicrm.org/user/en/stable/case-management/set-up/" target="_blank">{{ts('Learn more...')}}</a>
- </div>
- <div class="crm-submit-buttons">
- <button crm-icon="fa-check" ng-click="editCaseTypeForm.$setPristine(); save()" ng-disabled="editCaseTypeForm.$invalid">
- {{ts('Save')}}
- </button>
- <button crm-icon="fa-times" ng-click="editCaseTypeForm.$setPristine(); goto('caseType')">
- {{ts('Cancel')}}
- </button>
- </div>
<div ng-include="'~/crmCaseType/caseTypeDetails.html'"></div>
- <h2 ng-show="isForkable()">{{ts('Roles')}}</h2>
-
- <div ng-show="isForkable()" ng-include="'~/crmCaseType/rolesTable.html'"></div>
-
- <h2 ng-show="isForkable()">{{ts('Activities')}}</h2>
-
<div ng-show="isForkable()" class="crmCaseType-acttab" ui-jq="tabs" ui-options="{show: true, hide: true}">
<ul>
+ <li><a href="#acttab-roles">{{ts('Case Roles')}}</a></li>
+ <li><a href="#acttab-statuses">{{ts('Case Statuses')}}</a></li>
<li><a href="#acttab-actType">{{ts('Activity Types')}}</a></li>
<li ng-repeat="activitySet in caseType.definition.activitySets">
- <a href="#acttab-{{$index}}">{{ activitySet.label }}</a>
+ <a href="#acttab-{{$index}}" class="crmCaseType-editable">
+ <div crm-editable-tab-title title="{{ts('Click to edit')}}">
+ <span>{{ activitySet.label }}</span>
+ </div>
+ </a>
<span class="crm-i fa-trash" title="{{ts('Remove')}}"
ng-hide="activitySet.name == 'standard_timeline'"
- ng-click="removeItem(caseType.definition.activitySets, activitySet)">{{ts('Remove')}}</span>
+ ng-click="removeItem(caseType.definition.activitySets, activitySet)"></span>
<!-- Weird spacing:
<a class="crm-hover-button" ng-click="removeItem(caseType.definition.activitySets, activitySet)">
<span class="crm-i fa-trash" title="Remove">Remove</span>
</select>
</ul>
- <div id="acttab-actType">
- <div ng-include="'~/crmCaseType/activityTypesTable.html'"></div>
- </div>
+ <div id="acttab-roles" ng-include="'~/crmCaseType/rolesTable.html'"></div>
+
+ <div id="acttab-actType" ng-include="'~/crmCaseType/activityTypesTable.html'"></div>
+
+ <div id="acttab-statuses" ng-include="'~/crmCaseType/statusTable.html'"></div>
<div ng-repeat="activitySet in caseType.definition.activitySets" id="acttab-{{$index}}">
<div ng-include="activityTableTemplate(activitySet)"></div>
-
- <div class="crm-accordion-wrapper collapsed">
- <div class="crm-accordion-header">{{ts('Advanced')}}</div>
- <div class="crm-accordion-body" ng-include="'~/crmCaseType/activitySetDetails.html'"></div>
- </div>
</div>
</div>