Add theming classes for consistency with standard Civi UI.

diff --git a/partials/crmCaseType/caseTypeDetails.html b/partials/crmCaseType/caseTypeDetails.html
index c70c889480ff85949d2cf33e7ea6a0b0247e763b..44d873d59d9b79e6010b21efaa10d107567825c8 100644 (file)
--- a/partials/crmCaseType/caseTypeDetails.html
+++ b/partials/crmCaseType/caseTypeDetails.html
@@ -4,12 +4,12 @@ Required vars: caseType
 
 The original form used table layout; don't know if we have an alternative, CSS-based layout
 -->
-<table class="form-layout-compressed">
+<table class="form-layout">
   <tbody>
   <tr>
     <td class="label">Label</td>
     <td>
-      <input type="text" ng-model="caseType.title"/>
+      <input type="text" ng-model="caseType.title" class="big crm-form-text"/>
     </td>
   </tr>
   <tr>
@@ -21,7 +21,7 @@ The original form used table layout; don't know if we have an alternative, CSS-b
   <tr>
     <td class="label">Description</td>
     <td>
-      <textarea ng-model="caseType.description"></textarea>
+      <textarea ng-model="caseType.description" class="big crm-form-textarea"></textarea>
     </td>
   </tr>
   <tr>

diff --git a/partials/crmCaseType/edit.html b/partials/crmCaseType/edit.html
index b259cd5f7910974d89b3b0052a4739e148dd0dd3..badeea6e7faabce3214d13ce519af6290b030b65 100644 (file)
--- a/partials/crmCaseType/edit.html
+++ b/partials/crmCaseType/edit.html
@@ -3,6 +3,11 @@ Controller: CaseTypeCtrl
 Required vars: caseType
 -->
 <div class="crm-block crm-form-block crmCaseType">
+  <div class="crm-submit-buttons">
+    <a ng-click="save()" class="button"><span>Save</span></a>
+    <a ng-href="#/caseType" class="button"><span>Cancel</span></a>
+  </div>
+
   <div ng-include="partialUrl('caseTypeDetails.html')"></div>
 
   <h2>Roles</h2>
@@ -38,7 +43,7 @@ Required vars: caseType
     <div ng-repeat="activitySet in caseType.definition.activitySets" id="acttab-{{$index}}">
       <div ng-include="activityTableTemplate(activitySet)"></div>
 
-      <div class="crm-accordion-wrapper">
+      <div class="crm-accordion-wrapper collapsed">
         <div class="crm-accordion-header">Advanced</div>
         <div class="crm-accordion-body" ng-include="partialUrl('activitySetDetails.html')"></div>
       </div>
@@ -46,7 +51,7 @@ Required vars: caseType
   </div>
 
   <!--<button ng-click="dump()">Log</button>-->
-  <div class="action-link">
+  <div class="crm-submit-buttons">
     <a ng-click="save()" class="button"><span>Save</span></a>
     <a ng-href="#/caseType" class="button"><span>Cancel</span></a>
   </div>

diff --git a/partials/crmCaseType/list.html b/partials/crmCaseType/list.html
index 3ac6b22d6d48f4d0e72d376067be6bcb0e482044..0383371bc0272eb6c6b68008d67836605c1843cb 100644 (file)
--- a/partials/crmCaseType/list.html
+++ b/partials/crmCaseType/list.html
@@ -6,25 +6,27 @@ Required vars: caseTypes
   A Case Type describes a group of related tasks, interactions, or processes.
 </div>
 
-<table class="form-layout">
+<table class="display">
   <thead>
-  <tr>
-    <th>Name</th>
-    <th>Title</th>
-    <th>Description</th>
-    <th>Enabled?</th>
-    <th></th>
-  </tr>
+         <tr>
+           <th>Title</th>
+           <th>Name</th>
+           <th>Description</th>
+           <th>Enabled?</th>
+           <th></th>
+         </tr>
   </thead>
-  <tr ng-repeat="caseType in caseTypes">
-    <td>{{caseType.name}}</td>
-    <td>{{caseType.title}}</td>
-    <td>{{caseType.description}}</td>
-    <td>{{caseType.is_active}}</td>
-    <td><a ng-href="#/caseType/{{caseType.id}}">Edit</a</td>
-  </tr>
+       <tbody>
+         <tr ng-repeat="caseType in caseTypes" ng-class-even="'crm-entity even-row even'" ng-class-odd="'crm-entity odd-row odd'">
+           <td>{{caseType.title}}</td>
+           <td>{{caseType.name}}</td>
+           <td>{{caseType.description}}</td>
+           <td>{{caseType.is_active}}</td>
+           <td><a ng-href="#/caseType/{{caseType.id}}">Edit</a</td>
+       </tr>
+       </tbody>
 </table>
 
-<div class="action-link">
-  <a ng-href="#/caseType/new" class="button"><span>&raquo; New Case Type</span></a>
+<div class="crm-submit-buttons">
+  <a ng-href="#/caseType/new" class="button"><span><div class="icon add-icon"></div>New Case Type</span></a>
 </div>
\ No newline at end of file

diff --git a/partials/crmCaseType/rolesTable.html b/partials/crmCaseType/rolesTable.html
index 06f1fadaa66614f0d87cb151afdc857434539c8b..e5c2afe6de2f9e66cf00287403ac774b3f60d7f9 100644 (file)
--- a/partials/crmCaseType/rolesTable.html
+++ b/partials/crmCaseType/rolesTable.html
@@ -4,36 +4,36 @@ Required vars: caseType
 -->
 <table>
   <thead>
-  <tr>
-    <th>Name</th>
-    <th>Assign to Creator</th>
-    <th>Is Manager</th>
-    <th></th>
-  </tr>
+         <tr>
+           <th>Name</th>
+           <th>Assign to Creator</th>
+           <th>Is Manager</th>
+           <th></th>
+         </tr>
   </thead>
   <tbody>
-  <tr ng-repeat="relType in caseType.definition.caseRoles | orderBy:'name'">
-    <td>{{relType.name}}</td>
-    <td><input type="checkbox" ng-model="relType.creator" ng-true-value="1" ng-false-value="0"/></td>
-    <td><input type="radio" ng-model="relType.manager" value="1" ng-change="onManagerChange(relType)"/></td>
-    <td>
-      <a class="crm-hover-button" ng-click="removeItem(caseType.definition.caseRoles,relType)">
-        <span class="icon delete-icon" title="Remove"></span>
-      </a>
-    </td>
-  </tr>
+         <tr ng-repeat="relType in caseType.definition.caseRoles | orderBy:'name'" ng-class-even="'crm-entity even-row even'" ng-class-odd="'crm-entity odd-row odd'">
+           <td>{{relType.name}}</td>
+           <td><input type="checkbox" ng-model="relType.creator" ng-true-value="1" ng-false-value="0"/></td>
+           <td><input type="radio" ng-model="relType.manager" value="1" ng-change="onManagerChange(relType)"/></td>
+           <td>
+             <a class="crm-hover-button" ng-click="removeItem(caseType.definition.caseRoles,relType)">
+               <span class="icon delete-icon" title="Remove"></span>
+             </a>
+           </td>
+         </tr>
   </tbody>
 
   <tfoot>
-  <tr class="addRow">
-    <td colspan="4">
-      Add role:
-      <span crm-add-name
-           crm-options="relationshipTypeNames"
-           crm-var="newRole"
-           crm-on-add="addRole(caseType.definition.caseRoles, newRole)"
-              />
-    </td>
-  </tr>
+         <tr class="addRow">
+           <td colspan="4">
+             Add role:
+             <span crm-add-name
+                  crm-options="relationshipTypeNames"
+                  crm-var="newRole"
+                  crm-on-add="addRole(caseType.definition.caseRoles, newRole)"
+                     />
+           </td>
+         </tr>
   </tfoot>
 </table>