From 599e58a9ab388e6fe4f07c3952da0fa18fce9b55 Mon Sep 17 00:00:00 2001
From: Dave Greenberg <dave@civicrm.org>
Date: Wed, 4 Jun 2014 18:22:05 -0700
Subject: [PATCH] Add theming classes for consistency with standard Civi UI.

---
 partials/crmCaseType/caseTypeDetails.html |  6 +--
 partials/crmCaseType/edit.html            |  9 +++-
 partials/crmCaseType/list.html            | 36 ++++++++--------
 partials/crmCaseType/rolesTable.html      | 52 +++++++++++------------
 4 files changed, 55 insertions(+), 48 deletions(-)

diff --git a/partials/crmCaseType/caseTypeDetails.html b/partials/crmCaseType/caseTypeDetails.html
index c70c889480..44d873d59d 100644
--- 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 b259cd5f79..badeea6e7f 100644
--- 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 3ac6b22d6d..0383371bc0 100644
--- 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 06f1fadaa6..e5c2afe6de 100644
--- 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>
-- 
2.25.1