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 3a24b86ee88380e9abdb557cb3844efb07fbdc92..fb16da9ef023609eb119b434768050874aeb1c05 100644 (file)
--- 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,15 +14,8 @@ 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"
@@ -45,27 +32,12 @@ The original form used table layout; don't know if we have an alternative, CSS-b
       <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>