CRM-15578 - Change table layouts to <crm-ui-field> directive. Remove <crm-ui-label...

[civicrm-core.git] / partials / crmCaseType / caseTypeDetails.html

diff --git a/partials/crmCaseType/caseTypeDetails.html b/partials/crmCaseType/caseTypeDetails.html
index 9fc0080fed8744fb41ca2734b9e37f97daa44059..fb16da9ef023609eb119b434768050874aeb1c05 100644 (file)
--- a/partials/crmCaseType/caseTypeDetails.html
+++ b/partials/crmCaseType/caseTypeDetails.html
@@ -4,31 +4,40 @@ Required vars: caseType
 
 The original form used table layout; don't know if we have an alternative, CSS-based layout
 -->
-<table class="form-layout">
-  <tbody>
-  <tr>
-    <td class="label">Label</td>
-    <td>
-      <input type="text" ng-model="caseType.title" class="big crm-form-text"/>
-    </td>
-  </tr>
-  <tr>
-    <td class="label">Name</td>
-    <td>
-      <input type="text" ng-model="caseType.name" ng-disabled="caseType.id" class="big crm-form-text"/> <!-- FIXME lock -->
-    </td>
-  </tr>
-  <tr>
-    <td class="label">Description</td>
-    <td>
-      <textarea ng-model="caseType.description" class="big crm-form-textarea"></textarea>
-    </td>
-  </tr>
-  <tr>
-    <td class="label">Enabled?</td>
-    <td>
-      <input type="checkbox" ng-model="caseType.is_active" ng-true-value="1" ng-false-value="0"/>
-    </td>
-  </tr>
-  </tbody>
-</table>
+<div class="crm-block">
+  <div class="crm-group">
+    <div crm-ui-field="title" crm-title="ts('Title')">
+      <input
+        type="text"
+        name="title"
+        ng-model="caseType.title"
+        class="big crm-form-text"
+        required
+        />
+    </div>
+    <div crm-ui-field="caseTypeName" crm-title="ts('Name')">
+      <input
+        type="text"
+        name="caseTypeName"
+        ng-model="caseType.name"
+        ng-disabled="locks.caseTypeName"
+        required
+        class="big crm-form-text"/>
+
+      <a crm-ui-lock binding="locks.caseTypeName"></a>
+
+      <div ng-show="!isValidName(caseType.name)">
+        <em>WARNING: The case type name includes deprecated characters.</em>
+      </div>
+      <div ng-show="caseType.id && !locks.caseTypeName">
+        <em>WARNING: If any external files or programs reference the old "Name", then they must be updated manually.</em>
+      </div>
+    </div>
+    <div crm-ui-field="description" crm-title="ts('Description')">
+      <textarea name="description" ng-model="caseType.description" class="big crm-form-textarea"></textarea>
+    </div>
+    <div crm-ui-field="is_active" crm-title="ts('Enabled?')">
+      <input name="is_active" type="checkbox" ng-model="caseType.is_active" ng-true-value="1" ng-false-value="0"/>
+    </div>
+  </div>
+</div>