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

[civicrm-core.git] / partials / crmMailing2 / summary.html

diff --git a/partials/crmMailing2/summary.html b/partials/crmMailing2/summary.html
index 5dcde6d037238a86d330470d0952f1ec191e5c3d..51bfbae14eb737388dfb9cc0ef433237a5fef272 100644 (file)
--- a/partials/crmMailing2/summary.html
+++ b/partials/crmMailing2/summary.html
@@ -3,13 +3,10 @@ Controller: EditMailingCtrl
 Required vars: mailing, crmMailingConst
 FIXME: Don't hardcode table-based layout!
 -->
-<table class="form-layout-compressed">
-  <tbody>
-    <tr>
-      <td class="label">
-        <label crm-ui-label crm-for="mailingName">{{ts('Mailing Name')}}</label>
-      </td>
-      <td>
+<div class="crm-block">
+  <div class="crm-group">
+    <div crm-ui-field="mailingName" crm-title="ts('Mailing Name')">
+      <div>
         <input
           type="text"
           class="crm-form-text"
@@ -17,23 +14,18 @@ FIXME: Don't hardcode table-based layout!
           placeholder="Mailing Name"
           required
           name="mailingName" />
-      </td>
-    </tr>
-    <tr ng-show="crmMailingConst.campNames.length > 0">
-      <td class="label">
-        <label crm-ui-label crm-for="campaign">{{ts('Campaign')}}</label>
-      </td>
-      <td>
-        <select
-          name="campaign"
-          ui-jq="select2"
-          ui-options="{dropdownAutoWidth : true, allowClear: true, placeholder: ts('Select Campaign')}"
-          ng-model="mailing.campaign_id"
-          ng-options="campaign.id as campaign.name for campaign in crmMailingConst.campNames|orderBy:'name'"
-          >
-          <option value=""></option>
-        </select>
-      </td>
-    </tr>
-  </tbody>
-</table>
\ No newline at end of file
+      </div>
+    </div>
+    <div crm-ui-field="campaign" crm-title="ts('Campaign')" ng-show="crmMailingConst.campNames.length > 0">
+      <select
+        name="campaign"
+        ui-jq="select2"
+        ui-options="{dropdownAutoWidth : true, allowClear: true, placeholder: ts('Select Campaign')}"
+        ng-model="mailing.campaign_id"
+        ng-options="campaign.id as campaign.name for campaign in crmMailingConst.campNames|orderBy:'name'"
+        >
+        <option value=""></option>
+      </select>
+    </div>
+  </div>
+</div>