From bafce1dbfa8cb20423405662171d7c20c0422617 Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Mon, 2 Jun 2014 15:41:23 -0700
Subject: [PATCH] CRM-14480 - crmCaseType - Use select2. Fix autocomplete in
 Chrome.

---
 js/angular-crmCaseType.js         | 47 +++++++++++++++++++++++++------
 partials/crmCaseType/addName.html | 17 -----------
 2 files changed, 38 insertions(+), 26 deletions(-)
 delete mode 100644 partials/crmCaseType/addName.html

diff --git a/js/angular-crmCaseType.js b/js/angular-crmCaseType.js
index e83e488e07..617f6726c7 100644
--- a/js/angular-crmCaseType.js
+++ b/js/angular-crmCaseType.js
@@ -59,12 +59,38 @@
   crmCaseType.directive('crmAddName', function() {
     return {
       restrict: 'AE',
-      scope: {
-        crmOptions: '=',
-        crmVar: '=',
-        crmOnAdd: '&'
-      },
-      templateUrl: partialUrl('addName.html')
+      template: '<input class="add-activity" type="hidden" />',
+      link: function(scope, element, attrs) {
+        /// Format list of options for select2's "data"
+        var getFormattedOptions = function() {
+          return {
+            results: _.map(scope[attrs.crmOptions], function(option){
+              return {id: option, text: option};
+            })
+          };
+        };
+
+        var input = $('input', element);
+
+        scope._resetSelection = function() {
+          $(input).select2('close');
+          $(input).select2('val', '');
+          scope[attrs.crmVar] = '';
+        };
+
+        $(input).select2({
+          data: getFormattedOptions,
+          createSearchChoice: function(term) {
+            return {id: term, text: term};
+          }
+        });
+        $(input).on('select2-selecting', function(e) {
+          scope[attrs.crmVar] = e.val;
+          scope.$evalAsync(attrs.crmOnAdd);
+          scope.$evalAsync('_resetSelection()');
+          e.preventDefault();
+        });
+      }
     };
   });
 
@@ -124,9 +150,12 @@
 
     /// Add a new role
     $scope.addRole = function(roles, roleName) {
-      roles.push({
-        name: roleName
-      });
+      var names = _.pluck($scope.caseType.definition.caseRoles, 'name');
+      if (!_.contains(names, roleName)) {
+        roles.push({
+          name: roleName
+        });
+      }
     };
 
     $scope.onManagerChange = function(managerRole) {
diff --git a/partials/crmCaseType/addName.html b/partials/crmCaseType/addName.html
deleted file mode 100644
index 5850ef6d21..0000000000
--- a/partials/crmCaseType/addName.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!--
-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>
-- 
2.25.1