From 95fd24c0f5ffd2be76c8731787a5128bbbfc44e5 Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Thu, 8 May 2014 16:46:59 -0700
Subject: [PATCH] CRM-14483 - crmCaseType - Implement row addition for activity
 sets

This abstracts some of the code used for addition of activity types
---
 js/angular-crmCaseType.js                    | 14 ++++++++++++++
 partials/crmCaseType/activityTypesTable.html | 18 +++++-------------
 partials/crmCaseType/addName.html            | 17 +++++++++++++++++
 partials/crmCaseType/pipelineTable.html      |  9 +++++++++
 partials/crmCaseType/timelineTable.html      |  9 +++++++++
 5 files changed, 54 insertions(+), 13 deletions(-)
 create mode 100644 partials/crmCaseType/addName.html

diff --git a/js/angular-crmCaseType.js b/js/angular-crmCaseType.js
index c7b48bc355..6873223b2f 100644
--- a/js/angular-crmCaseType.js
+++ b/js/angular-crmCaseType.js
@@ -15,6 +15,20 @@
     }
   ]);
 
+  // Add a new record by name.
+  // Ex: <crmAddName crm-options="['Alpha','Beta','Gamma']" crm-var="newItem" crm-on-add="callMyCreateFunction(newItem)" />
+  crmCaseType.directive('crmAddName', function(){
+    return {
+      restrict: 'AE',
+      scope: {
+        crmOptions: '=',
+        crmVar: '=',
+        crmOnAdd: '&'
+      },
+      templateUrl: partialUrl('addName.html')
+    };
+  });
+
   crmCaseType.controller('CaseTypeCtrl', function($scope) {
     $scope.partialUrl = partialUrl;
 
diff --git a/partials/crmCaseType/activityTypesTable.html b/partials/crmCaseType/activityTypesTable.html
index a2299e3ff1..27ae5b1285 100644
--- a/partials/crmCaseType/activityTypesTable.html
+++ b/partials/crmCaseType/activityTypesTable.html
@@ -27,19 +27,11 @@ Required vars: caseType
   </tr>
   <tr class="addRow">
     <td colspan="3">
-      Add:
-        <input
-                ui-jq="autocomplete"
-                ui-options="{source:activityTypeNames}"
-                ng-model="newTimelineActivity"
-                class="add-activity"
-                />
-        <button
-                ng-class="{disabled: (newTimelineActivity == '' || newTimelineActivity == null)}"
-                ng-disabled="newTimelineActivity == '' || newTimelineActivity == null"
-                ng-click="addActivityType(newTimelineActivity); newTimelineActivity = ''"
-                >Add</button>
-      <!-- ng-click="addActivity(activitySet, newTimelineActivity); newTimelineActivity = ''" -->
+      <div crm-add-name
+           crm-options="activityTypeNames"
+           crm-var="newActivity"
+           crm-on-add="addActivityType(newActivity)"
+              />
     </td>
   </tr>
   </tbody>
diff --git a/partials/crmCaseType/addName.html b/partials/crmCaseType/addName.html
new file mode 100644
index 0000000000..5850ef6d21
--- /dev/null
+++ b/partials/crmCaseType/addName.html
@@ -0,0 +1,17 @@
+<!--
+Directive: crmAddName
+-->
+Add:
+<input
+        ui-jq="autocomplete"
+        ui-options="{source:crmOptions}"
+        ng-model="crmVar"
+        class="add-activity"
+        />
+
+<button
+        ng-class="{disabled: (crmVar == '' || crmVar == null)}"
+        ng-disabled="crmVar == '' || crmVar == null"
+        ng-click="crmOnAdd(); crmVar = ''"
+        >Add
+</button>
diff --git a/partials/crmCaseType/pipelineTable.html b/partials/crmCaseType/pipelineTable.html
index 05db80c49f..87abca204c 100644
--- a/partials/crmCaseType/pipelineTable.html
+++ b/partials/crmCaseType/pipelineTable.html
@@ -19,5 +19,14 @@ Required vars: activitySet
       </a>
     </td>
   </tr>
+  <tr class="addRow">
+    <td colspan="3">
+      <div crm-add-name
+           crm-options="activityTypeNames"
+           crm-var="newActivity"
+           crm-on-add="addActivity(activitySet, newActivity)"
+              />
+    </td>
+  </tr>
   </tbody>
 </table>
diff --git a/partials/crmCaseType/timelineTable.html b/partials/crmCaseType/timelineTable.html
index c44e41253c..743c3fa4e2 100644
--- a/partials/crmCaseType/timelineTable.html
+++ b/partials/crmCaseType/timelineTable.html
@@ -44,5 +44,14 @@ Required vars: activitySet
       </a>
     </td>
   </tr>
+  <tr class="addRow">
+    <td colspan="6">
+      <div crm-add-name
+           crm-options="activityTypeNames"
+           crm-var="newActivity"
+           crm-on-add="addActivity(activitySet, newActivity)"
+              />
+    </td>
+  </tr>
   </tbody>
 </table>
-- 
2.25.1