From 059cd0c27020b0bb9a92215b5210a086db7fbfbd Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Wed, 7 May 2014 13:38:11 -0700
Subject: [PATCH] CRM-14481 - crmCaseType - Styling for accordion, trash icon

---
 partials/crmCaseType/activityTypesTable.html |  5 +++--
 partials/crmCaseType/edit.html               | 13 +++++++++----
 partials/crmCaseType/pipelineTable.html      |  5 +++--
 partials/crmCaseType/rolesTable.html         |  5 +++--
 partials/crmCaseType/timelineTable.html      |  5 +++--
 5 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/partials/crmCaseType/activityTypesTable.html b/partials/crmCaseType/activityTypesTable.html
index d600c2f19d..1327078ad0 100644
--- a/partials/crmCaseType/activityTypesTable.html
+++ b/partials/crmCaseType/activityTypesTable.html
@@ -20,8 +20,9 @@ Required vars: caseType
       {{ activityType.max_instances }}
     </td>
     <td>
-      <a class="ui-icon ui-icon-trash" title="Remove"
-         ng-click="removeItem(caseType.definition.activityTypes, activityType)"></a>
+      <a class="crm-hover-button" ng-click="removeItem(caseType.definition.activityTypes, activityType)">
+        <span class="icon delete-icon" title="Remove"></span>
+      </a>
     </td>
   </tr>
   </tbody>
diff --git a/partials/crmCaseType/edit.html b/partials/crmCaseType/edit.html
index 7f82988c69..9a27e3f1d6 100644
--- a/partials/crmCaseType/edit.html
+++ b/partials/crmCaseType/edit.html
@@ -17,7 +17,12 @@ Required vars: caseType
       <li ng-repeat="activitySet in caseType.definition.activitySets">
         <a href="#acttab-{{$index}}">{{ activitySet.label }}</a>
         <span class="ui-icon ui-icon-trash" title="Remove"
-           ng-click="removeItem(caseType.definition.activitySets, activitySet)">Remove</span>
+          ng-click="removeItem(caseType.definition.activitySets, activitySet)">Remove</span>
+        <!-- Weird spacing:
+        <a class="crm-hover-button" ng-click="removeItem(caseType.definition.activitySets, activitySet)">
+          <span class="ui-icon delete-icon" title="Remove">Remove</span>
+        </a>
+        -->
       </li>
       <select ng-model="newActivitySetWorkflow" ng-change="addActivitySet(newActivitySetWorkflow); newActivitySetWorkflow='';">
         <option value="">(Add)</option>
@@ -33,9 +38,9 @@ Required vars: caseType
     <div ng-repeat="activitySet in caseType.definition.activitySets" id="acttab-{{$index}}">
       <div ng-include="activityTableTemplate(activitySet)"></div>
 
-      <div ui-jq="accordion" ui-options="{collapsible: true, active: false, heightStyle: 'fill'}">
-        <h3>Advanced</h3>
-        <div ng-include="partialUrl('activitySetDetails.html')" style="display:none;"></div>
+      <div class="crm-accordion-wrapper">
+        <h3 class="crm-accordion-header">Advanced</h3>
+        <div class="crm-accordion-body" ng-include="partialUrl('activitySetDetails.html')"></div>
       </div>
     </div>
   </div>
diff --git a/partials/crmCaseType/pipelineTable.html b/partials/crmCaseType/pipelineTable.html
index bd7834c062..05db80c49f 100644
--- a/partials/crmCaseType/pipelineTable.html
+++ b/partials/crmCaseType/pipelineTable.html
@@ -14,8 +14,9 @@ Required vars: activitySet
   <tr ng-repeat="activity in activitySet.activityTypes">
     <td>{{ activity.name }}</td>
     <td>
-      <a class="ui-icon ui-icon-trash" title="Remove"
-         ng-click="removeItem(activitySet.activityTypes, activity)"></a>
+      <a class="crm-hover-button" ng-click="removeItem(activitySet.activityTypes, activity)">
+        <span class="icon delete-icon" title="Remove"></span>
+      </a>
     </td>
   </tr>
   </tbody>
diff --git a/partials/crmCaseType/rolesTable.html b/partials/crmCaseType/rolesTable.html
index 2b9e3c1f59..52e63e178e 100644
--- a/partials/crmCaseType/rolesTable.html
+++ b/partials/crmCaseType/rolesTable.html
@@ -17,8 +17,9 @@ Required vars: caseType
     <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="ui-icon ui-icon-trash" title="Remove"
-         ng-click="removeItem(caseType.definition.caseRoles, relType)"></a>
+      <a class="crm-hover-button" ng-click="removeItem(caseType.definition.caseRoles,relType)">
+        <span class="icon delete-icon" title="Remove"></span>
+      </a>
     </td>
   </tr>
   </tbody>
diff --git a/partials/crmCaseType/timelineTable.html b/partials/crmCaseType/timelineTable.html
index 877362d358..ec8ea5b1c4 100644
--- a/partials/crmCaseType/timelineTable.html
+++ b/partials/crmCaseType/timelineTable.html
@@ -32,8 +32,9 @@ Required vars: activitySet
       {{ activity.reference_select }}
     </td>
     <td>
-      <a class="ui-icon ui-icon-trash" title="Remove"
-         ng-click="removeItem(activitySet.activityTypes, activity)"></a>
+      <a class="crm-hover-button" ng-click="removeItem(activitySet.activityTypes, activity)">
+        <span class="icon delete-icon" title="Remove"></span>
+      </a>
     </td>
   </tr>
   </tbody>
-- 
2.25.1