X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;f=partials%2FcrmCaseType%2FcaseTypeDetails.html;h=fb16da9ef023609eb119b434768050874aeb1c05;hb=0112f1aedb9f0b62505a36481ad6eb869baa4546;hp=8e84a394523c854e168b7318313d686a299a2330;hpb=f2a84e5c7c916f6c0d4c7fce69b844b019c17dd1;p=civicrm-core.git

diff --git a/partials/crmCaseType/caseTypeDetails.html b/partials/crmCaseType/caseTypeDetails.html
index 8e84a39452..fb16da9ef0 100644
--- a/partials/crmCaseType/caseTypeDetails.html
+++ b/partials/crmCaseType/caseTypeDetails.html
@@ -4,15 +4,9 @@ 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 crm-ui-label crm-for="title">
-        Title
-      </label>
-    </td>
-    <td>
+<div class="crm-block">
+  <div class="crm-group">
+    <div crm-ui-field="title" crm-title="ts('Title')">
       <input
         type="text"
         name="title"
@@ -20,50 +14,30 @@ The original form used table layout; don't know if we have an alternative, CSS-b
         class="big crm-form-text"
         required
         />
-    </td>
-  </tr>
-  <tr>
-    <td class="label">
-      <label crm-ui-label crm-for="caseTypeName">
-        Name
-      </label>
-    </td>
-    <td>
+    </div>
+    <div crm-ui-field="caseTypeName" crm-title="ts('Name')">
       <input
         type="text"
         name="caseTypeName"
         ng-model="caseType.name"
         ng-disabled="locks.caseTypeName"
-        ng-pattern="/^[a-zA-Z0-9_]+$/"
         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>
-    </td>
-  </tr>
-  <tr>
-    <td class="label">
-      <label crm-ui-label crm-for="description">
-        Description
-      </label>
-    </td>
-    <td>
+    </div>
+    <div crm-ui-field="description" crm-title="ts('Description')">
       <textarea name="description" ng-model="caseType.description" class="big crm-form-textarea"></textarea>
-    </td>
-  </tr>
-  <tr>
-    <td class="label">
-      <label crm-ui-label crm-for="is_active">
-        Enabled?
-      </label>
-    </td>
-    <td>
+    </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"/>
-    </td>
-  </tr>
-  </tbody>
-</table>
+    </div>
+  </div>
+</div>