ActionDialogCtrl.html

<div ng-controller="ActionDialogCtrl">
  <div class="crm-block crm-form-block" ng-form="ActionForm" crm-ui-id-scope>
    	
  	<div crm-ui-field="{name: 'ActionForm.type', title: ts('Type')}">
  		<div>{{actionTitles[action.type]}}</div>
	</div>

	<div class="crm-section" ng-if="actionType.help_text">
		<div class="label">&nbsp;</div>
		<div class="content">
    		<div class="help">
				{{actionType.help_text}}
			</div>
		</div>
		<div class="clear"></div>
	</div>
  	
  	<div crm-ui-field="{name: 'ActionForm.title', title: ts('Title'), required: true}">
    <input
      crm-ui-id="addActionForm.title"
      type="text"
      name="title"
      ng-model="action.title"
      class="big crm-form-text"
      required
      autofocus
      />
    </div>
    
    <div crm-ui-field="{name: 'ActionForm.name', title: ts('Name'), required: true}">
    <input
      crm-ui-id="addActionForm.name"
      type="text"
      name="name"
      ng-model="action.name"
      ng-disabled="locks.name"
      required
      class="big crm-form-text"/>

    	<a crm-ui-lock binding="locks.name"></a>
    	
    	<div ng-show="!isValidName(action.name) || !isNameValid">
      	<em>{{ts('WARNING: The name includes invalid characters or is already in use by another action.')}}</em>
    	</div>
    </div>
    
    <crm-ap-action-configuration 
    	configuration="action.configuration" 
    	name="action.type"
    	context="{{model.context}}"
    	fields="model.fields"
    	mapping="action.mapping">
  	</crm-ap-action-configuration>

  </div>
  
  <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
		<div class="ui-dialog-buttonset">
			<button crm-icon="fa-check" ng-click="saveClick()" ng-disabled="ActionForm.$invalid || !isNameValid">{{ts('Save and close')}}</button>
			<button crm-icon="fa-times" ng-click="cancelClick()">{{ts('Cancel')}}</button>
		</div>
	</div>
</div>