From c45daff0577fb742a692afb923aa84870fd0ba3d Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Thu, 8 May 2014 18:01:13 -0700
Subject: [PATCH] CRM-14484 - crmCaseType - Make activity lists sortable

---
 CRM/Core/Page/Angular.php                    |  2 ++
 css/angular-crmCaseType.css                  |  4 ++++
 partials/crmCaseType/activityTypesTable.html |  8 ++++++--
 partials/crmCaseType/pipelineTable.html      | 12 +++++++++---
 partials/crmCaseType/timelineTable.html      |  8 ++++++--
 5 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/CRM/Core/Page/Angular.php b/CRM/Core/Page/Angular.php
index 9d34287963..6702e91171 100644
--- a/CRM/Core/Page/Angular.php
+++ b/CRM/Core/Page/Angular.php
@@ -54,6 +54,8 @@ class CRM_Core_Page_Angular extends CRM_Core_Page {
   public static function getAngularModules() {
     $angularModules = array();
     $angularModules['ui.utils'] = array('ext' => 'civicrm', 'js' => array('packages/bower_components/angular-ui-utils/ui-utils.min.js'));
+    $angularModules['ui.sortable'] = array('ext' => 'civicrm', 'js' => array('packages/bower_components/angular-ui-sortable/sortable.min.js'));
+
     foreach (CRM_Core_Component::getEnabledComponents() as $component) {
       $angularModules = array_merge($angularModules, $component->getAngularModules());
     }
diff --git a/css/angular-crmCaseType.css b/css/angular-crmCaseType.css
index 21d928927c..8d6ee1ef3c 100644
--- a/css/angular-crmCaseType.css
+++ b/css/angular-crmCaseType.css
@@ -1,3 +1,7 @@
+.crmCaseType .ui-icon-grip-dotted-vertical {
+    vertical-align: middle;
+    cursor: move;
+}
 .crmCaseType .ui-icon {
     margin: 0.4em 0.2em 0 0;
     cursor: pointer;
diff --git a/partials/crmCaseType/activityTypesTable.html b/partials/crmCaseType/activityTypesTable.html
index 27ae5b1285..039f02bc11 100644
--- a/partials/crmCaseType/activityTypesTable.html
+++ b/partials/crmCaseType/activityTypesTable.html
@@ -11,9 +11,10 @@ Required vars: caseType
   </tr>
   </thead>
 
-  <tbody>
+  <tbody ui-sortable ng-model="caseType.definition.activityTypes">
   <tr ng-repeat="activityType in caseType.definition.activityTypes">
     <td>
+      <span class="icon ui-icon-grip-dotted-vertical"></span>
       {{ activityType.name }}
     </td>
     <td>
@@ -25,6 +26,9 @@ Required vars: caseType
       </a>
     </td>
   </tr>
+  </tbody>
+
+  <tfoot>
   <tr class="addRow">
     <td colspan="3">
       <div crm-add-name
@@ -34,5 +38,5 @@ Required vars: caseType
               />
     </td>
   </tr>
-  </tbody>
+  </tfoot>
 </table>
diff --git a/partials/crmCaseType/pipelineTable.html b/partials/crmCaseType/pipelineTable.html
index 87abca204c..02854d8142 100644
--- a/partials/crmCaseType/pipelineTable.html
+++ b/partials/crmCaseType/pipelineTable.html
@@ -10,15 +10,21 @@ Required vars: activitySet
   </tr>
   </thead>
 
-  <tbody>
+  <tbody ui-sortable ng-model="activitySet.activityTypes">
   <tr ng-repeat="activity in activitySet.activityTypes">
-    <td>{{ activity.name }}</td>
+    <td>
+      <span class="icon ui-icon-grip-dotted-vertical"></span>
+      {{ activity.name }}
+    </td>
     <td>
       <a class="crm-hover-button" ng-click="removeItem(activitySet.activityTypes, activity)">
         <span class="icon delete-icon" title="Remove"></span>
       </a>
     </td>
   </tr>
+  </tbody>
+
+  <tfoot>
   <tr class="addRow">
     <td colspan="3">
       <div crm-add-name
@@ -28,5 +34,5 @@ Required vars: activitySet
               />
     </td>
   </tr>
-  </tbody>
+  </tfoot>
 </table>
diff --git a/partials/crmCaseType/timelineTable.html b/partials/crmCaseType/timelineTable.html
index 743c3fa4e2..8b8b3187ba 100644
--- a/partials/crmCaseType/timelineTable.html
+++ b/partials/crmCaseType/timelineTable.html
@@ -14,9 +14,10 @@ Required vars: activitySet
   </tr>
   </thead>
 
-  <tbody>
+  <tbody ui-sortable ng-model="activitySet.activityTypes">
   <tr ng-repeat="activity in activitySet.activityTypes">
     <td>
+      <span class="icon ui-icon-grip-dotted-vertical"></span>
       {{ activity.name }}
     </td>
     <td>
@@ -44,6 +45,9 @@ Required vars: activitySet
       </a>
     </td>
   </tr>
+  </tbody>
+
+  <tfoot>
   <tr class="addRow">
     <td colspan="6">
       <div crm-add-name
@@ -53,5 +57,5 @@ Required vars: activitySet
               />
     </td>
   </tr>
-  </tbody>
+  </tfoot>
 </table>
-- 
2.25.1