[civicrm-core.git] / js / angular-crmCaseType.js

(function(angular, $, _) {

  var partialUrl = function(relPath) {
    return CRM.resourceUrls['civicrm'] + '/partials/crmCaseType/' + relPath;
  };

  var crmCaseType = angular.module('crmCaseType', ['ngRoute', 'ui.utils', 'crmUi', 'unsavedChanges']);

  // Note: This template will be passed to cloneDeep(), so don't put any funny stuff in here!
  var newCaseTypeTemplate = {
    title: "",
    name: "",
    is_active: "1",
    weight: "1",
    definition: {
      activityTypes: [
        {name: 'Open Case', max_instances: 1 }
      ],
      activitySets: [
        {
          name: 'standard_timeline',
          label: 'Standard Timeline',
          timeline: '1', // Angular won't bind checkbox correctly with numeric 1
          activityTypes: [
            {name: 'Open Case', status: 'Completed' }
          ]
        }
      ],
      caseRoles: [
        { name: 'Case Coordinator', creator: '1', manager: '1'}
      ]
    }
  };

  crmCaseType.config(['$routeProvider',
    function($routeProvider) {
      $routeProvider.when('/caseType', {
        templateUrl: partialUrl('list.html'),
        controller: 'CaseTypeListCtrl',
        resolve: {
          caseTypes: function($route, crmApi) {
            return crmApi('CaseType', 'get', {});
          }
        }
      });
      $routeProvider.when('/caseType/:id', {
        templateUrl: partialUrl('edit.html'),
        controller: 'CaseTypeCtrl',
        resolve: {
          apiCalls: function($route, crmApi) {
            var reqs = {};
            reqs.actStatuses = ['OptionValue', 'get', {
              option_group_id: 'activity_status'
            }];
            reqs.actTypes = ['OptionValue', 'get', {
              option_group_id: 'activity_type',
              options: {
                sort: 'name',
                limit: 0
              }
            }];
            reqs.relTypes = ['RelationshipType', 'get', {
              options: {
                sort: CRM.crmCaseType.REL_TYPE_CNAME,
                limit: 0
              }
            }];
            if ($route.current.params.id !== 'new') {
              reqs.caseType = ['CaseType', 'getsingle', {
                id: $route.current.params.id
              }];
            }
            return crmApi(reqs);
          }
        }
      });
    }
  ]);

  // 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',
      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();
        });

        scope.$watch(attrs.crmOptions, function(value) {
          $(input).select2('data', getFormattedOptions);
          $(input).select2('val', '');
        });
      }
    };
  });

  crmCaseType.controller('CaseTypeCtrl', function($scope, crmApi, apiCalls) {
    $scope.partialUrl = partialUrl;

    $scope.activityStatuses = _.values(apiCalls.actStatuses.values);
    $scope.activityTypes = apiCalls.actTypes.values;
    $scope.activityTypeNames = _.pluck(apiCalls.actTypes.values, 'name');
    $scope.relationshipTypeNames = _.pluck(apiCalls.relTypes.values, CRM.crmCaseType.REL_TYPE_CNAME); // CRM_Case_XMLProcessor::REL_TYPE_CNAME
    $scope.locks = {caseTypeName: true};

    $scope.workflows = {
      'timeline': 'Timeline',
      'sequence': 'Sequence'
    };

    $scope.caseType = apiCalls.caseType ? apiCalls.caseType : _.cloneDeep(newCaseTypeTemplate);
    $scope.caseType.definition = $scope.caseType.definition || [];
    $scope.caseType.definition.activityTypes = $scope.caseType.definition.activityTypes || [];
    $scope.caseType.definition.activitySets = $scope.caseType.definition.activitySets || [];
    $scope.caseType.definition.caseRoles = $scope.caseType.definition.caseRoles || [];
    window.ct = $scope.caseType;

    $scope.addActivitySet = function(workflow) {
      var activitySet = {};
      activitySet[workflow] = '1';
      activitySet.activityTypes = [];

      var offset = 1;
      var names = _.pluck($scope.caseType.definition.activitySets, 'name');
      while (_.contains(names, workflow + '_' + offset)) offset++;
      activitySet.name = workflow + '_' + offset;
      activitySet.label = (offset == 1  ) ? $scope.workflows[workflow] : ($scope.workflows[workflow] + ' #' + offset);

      $scope.caseType.definition.activitySets.push(activitySet);
      _.defer(function() {
        $('.crmCaseType-acttab').tabs('refresh').tabs({active: -1});
      });
    };

    /// Add a new activity entry to an activity-set
    $scope.addActivity = function(activitySet, activityType) {
      activitySet.activityTypes.push({
        name: activityType,
        status: 'Scheduled',
        reference_activity: 'Open Case',
        reference_offset: '1',
        reference_select: 'newest'
      });
      if (!_.contains($scope.activityTypeNames, activityType)) {
        $scope.activityTypeNames.push(activityType);
      }
    };

    /// Add a new top-level activity-type entry
    $scope.addActivityType = function(activityType) {
      var names = _.pluck($scope.caseType.definition.activityTypes, 'name');
      if (!_.contains(names, activityType)) {
        $scope.caseType.definition.activityTypes.push({
          name: activityType
        });

      }
      if (!_.contains($scope.activityTypeNames, activityType)) {
        $scope.activityTypeNames.push(activityType);
      }
    };

    /// Add a new role
    $scope.addRole = function(roles, roleName) {
      var names = _.pluck($scope.caseType.definition.caseRoles, 'name');
      if (!_.contains(names, roleName)) {
        roles.push({
          name: roleName
        });
      }
      if (!_.contains($scope.relationshipTypeNames, roleName)) {
        $scope.relationshipTypeNames.push(roleName);
      }
    };

    $scope.onManagerChange = function(managerRole) {
      angular.forEach($scope.caseType.definition.caseRoles, function(caseRole) {
        if (caseRole != managerRole) {
          caseRole.manager = '0';
        }
      });
    };

    $scope.removeItem = function(array, item) {
      var idx = _.indexOf(array, item);
      if (idx != -1) {
        array.splice(idx, 1);
      }
    };

    $scope.isForkable = function() {
      return !$scope.caseType.id || $scope.caseType.is_forkable
    };

    $scope.isNewActivitySetAllowed = function(workflow) {
      switch (workflow) {
        case 'timeline':
          return true;
        case 'sequence':
          return 0 == _.where($scope.caseType.definition.activitySets, {sequence: '1'}).length;
        default:
          if (console && console.log) console.log('Denied access to unrecognized workflow: (' + workflow + ')');
          return false;
      }
    };

    $scope.isValidName = function(name) {
      return !name || name.match(/^[a-zA-Z0-9_]+$/);
    };

    $scope.getWorkflowName = function(activitySet) {
      var result = 'Unknown';
      _.each($scope.workflows, function(value, key) {
        if (activitySet[key]) result = value;
      });
      return result;
    };

    /**
     * Determine which HTML partial to use for a particular
     *
     * @return string URL of the HTML partial
     */
    $scope.activityTableTemplate = function(activitySet) {
      if (activitySet.timeline) {
        return partialUrl('timelineTable.html');
      } else if (activitySet.sequence) {
        return partialUrl('sequenceTable.html');
      } else {
        return '';
      }
    };

    $scope.dump = function() {
      console.log($scope.caseType);
    };

    $scope.save = function() {
      var result = crmApi('CaseType', 'create', $scope.caseType, true);
      result.success(function(data) {
        if (data.is_error == 0) {
          $scope.caseType.id = data.id;
          window.location.href = '#/caseType';
        }
      });
    };

    $scope.$watchCollection('caseType.definition.activitySets', function() {
      _.defer(function() {
        $('.crmCaseType-acttab').tabs('refresh');
      });
    });

    var updateCaseTypeName = function () {
      if (!$scope.caseType.id && $scope.locks.caseTypeName) {
        // Should we do some filtering? Lowercase? Strip whitespace?
        var t = $scope.caseType.title ? $scope.caseType.title : '';
        $scope.caseType.name = t.replace(/ /g, '_').replace(/[^a-zA-Z0-9_]/g, '').toLowerCase();
      }
    };
    $scope.$watch('locks.caseTypeName', updateCaseTypeName);
    $scope.$watch('caseType.title', updateCaseTypeName);

    if (!$scope.isForkable()) {
      CRM.alert(ts('The CiviCase XML file for this case-type prohibits editing the definition.'));
    }
  });

  crmCaseType.controller('CaseTypeListCtrl', function($scope, crmApi, caseTypes) {
    $scope.caseTypes = caseTypes.values;
    $scope.toggleCaseType = function (caseType) {
      caseType.is_active = (caseType.is_active == '1') ? '0' : '1';
      crmApi('CaseType', 'create', caseType, true)
        .then(function (data) {
          if (data.is_error) {
            caseType.is_active = (caseType.is_active == '1') ? '0' : '1'; // revert
            $scope.$digest();
          }
        });
    };
    $scope.deleteCaseType = function (caseType) {
      crmApi('CaseType', 'delete', {id: caseType.id}, {
        error: function (data) {
          CRM.alert(data.error_message, ts('Error'));
        }
      })
        .then(function (data) {
          if (!data.is_error) {
            delete caseTypes.values[caseType.id];
            $scope.$digest();
          }
        });
    };
    $scope.revertCaseType = function (caseType) {
      caseType.definition = 'null';
      caseType.is_forked = '0';
      crmApi('CaseType', 'create', caseType, true)
        .then(function (data) {
          if (data.is_error) {
            caseType.is_forked = '1'; // restore
            $scope.$digest();
          }
        });
    };
  });

})(angular, CRM.$, CRM._);
Commit	Line	Data
4c58e251 TO	1	(function(angular, $, _) {
4c58e251 TO	2
64790edd TO	3	var partialUrl = function(relPath) {
64790edd TO	4	return CRM.resourceUrls['civicrm'] + '/partials/crmCaseType/' + relPath;
8fc6fba7	5	};
64790edd	6
51d499e1	7	var crmCaseType = angular.module('crmCaseType', ['ngRoute', 'ui.utils', 'crmUi', 'unsavedChanges']);
4c58e251	8
506cd414	9	// Note: This template will be passed to cloneDeep(), so don't put any funny stuff in here!
9be5fc34 TO	10	var newCaseTypeTemplate = {
	11	title: "",
	12	name: "",
	13	is_active: "1",
	14	weight: "1",
	15	definition: {
	16	activityTypes: [
	17	{name: 'Open Case', max_instances: 1 }
	18	],
	19	activitySets: [
	20	{
	21	name: 'standard_timeline',
	22	label: 'Standard Timeline',
	23	timeline: '1', // Angular won't bind checkbox correctly with numeric 1
	24	activityTypes: [
	25	{name: 'Open Case', status: 'Completed' }
	26	]
	27	}
	28	],
	29	caseRoles: [
	30	{ name: 'Case Coordinator', creator: '1', manager: '1'}
	31	]
	32	}
4d74de55 TO	33	};
4d74de55 TO	34
4c58e251 TO	35	crmCaseType.config(['$routeProvider',
4c58e251 TO	36	function($routeProvider) {
b75c2546 TO	37	$routeProvider.when('/caseType', {
	38	templateUrl: partialUrl('list.html'),
	39	controller: 'CaseTypeListCtrl',
	40	resolve: {
	41	caseTypes: function($route, crmApi) {
	42	return crmApi('CaseType', 'get', {});
	43	}
	44	}
	45	});
4c58e251	46	$routeProvider.when('/caseType/:id', {
64790edd	47	templateUrl: partialUrl('edit.html'),
4d74de55 TO	48	controller: 'CaseTypeCtrl',
4d74de55 TO	49	resolve: {
9625aad1 TO	50	apiCalls: function($route, crmApi) {
	51	var reqs = {};
	52	reqs.actStatuses = ['OptionValue', 'get', {
	53	option_group_id: 'activity_status'
	54	}];
	55	reqs.actTypes = ['OptionValue', 'get', {
	56	option_group_id: 'activity_type',
	57	options: {
	58	sort: 'name',
	59	limit: 0
	60	}
	61	}];
	62	reqs.relTypes = ['RelationshipType', 'get', {
	63	options: {
	64	sort: CRM.crmCaseType.REL_TYPE_CNAME,
	65	limit: 0
	66	}
	67	}];
	68	if ($route.current.params.id !== 'new') {
	69	reqs.caseType = ['CaseType', 'getsingle', {
	70	id: $route.current.params.id
	71	}];
87dcd909	72	}
9625aad1	73	return crmApi(reqs);
4d74de55 TO	74	}
4d74de55 TO	75	}
4c58e251 TO	76	});
	77	}
	78	]);
	79
95fd24c0 TO	80	// Add a new record by name.
95fd24c0 TO	81	// Ex: <crmAddName crm-options="['Alpha','Beta','Gamma']" crm-var="newItem" crm-on-add="callMyCreateFunction(newItem)" />
8fc6fba7	82	crmCaseType.directive('crmAddName', function() {
95fd24c0 TO	83	return {
95fd24c0 TO	84	restrict: 'AE',
bafce1db TO	85	template: '<input class="add-activity" type="hidden" />',
	86	link: function(scope, element, attrs) {
	87	/// Format list of options for select2's "data"
	88	var getFormattedOptions = function() {
	89	return {
	90	results: _.map(scope[attrs.crmOptions], function(option){
	91	return {id: option, text: option};
	92	})
	93	};
	94	};
	95
	96	var input = $('input', element);
	97
	98	scope._resetSelection = function() {
	99	$(input).select2('close');
	100	$(input).select2('val', '');
	101	scope[attrs.crmVar] = '';
	102	};
	103
	104	$(input).select2({
	105	data: getFormattedOptions,
	106	createSearchChoice: function(term) {
	107	return {id: term, text: term};
	108	}
	109	});
	110	$(input).on('select2-selecting', function(e) {
	111	scope[attrs.crmVar] = e.val;
	112	scope.$evalAsync(attrs.crmOnAdd);
	113	scope.$evalAsync('_resetSelection()');
	114	e.preventDefault();
	115	});
60dd172b TO	116
	117	scope.$watch(attrs.crmOptions, function(value) {
	118	$(input).select2('data', getFormattedOptions);
	119	$(input).select2('val', '');
	120	});
bafce1db	121	}
95fd24c0 TO	122	};
	123	});
	124
9625aad1	125	crmCaseType.controller('CaseTypeCtrl', function($scope, crmApi, apiCalls) {
64790edd	126	$scope.partialUrl = partialUrl;
76e4acb8	127
9625aad1 TO	128	$scope.activityStatuses = _.values(apiCalls.actStatuses.values);
	129	$scope.activityTypes = apiCalls.actTypes.values;
	130	$scope.activityTypeNames = _.pluck(apiCalls.actTypes.values, 'name');
	131	$scope.relationshipTypeNames = _.pluck(apiCalls.relTypes.values, CRM.crmCaseType.REL_TYPE_CNAME); // CRM_Case_XMLProcessor::REL_TYPE_CNAME
685acae4	132	$scope.locks = {caseTypeName: true};
dc7a657e	133
76e4acb8 TO	134	$scope.workflows = {
76e4acb8 TO	135	'timeline': 'Timeline',
b387506c	136	'sequence': 'Sequence'
76e4acb8 TO	137	};
76e4acb8 TO	138
9625aad1	139	$scope.caseType = apiCalls.caseType ? apiCalls.caseType : _.cloneDeep(newCaseTypeTemplate);
87dcd909	140	$scope.caseType.definition = $scope.caseType.definition \|\| [];
4d74de55 TO	141	$scope.caseType.definition.activityTypes = $scope.caseType.definition.activityTypes \|\| [];
	142	$scope.caseType.definition.activitySets = $scope.caseType.definition.activitySets \|\| [];
	143	$scope.caseType.definition.caseRoles = $scope.caseType.definition.caseRoles \|\| [];
dc7a657e	144	window.ct = $scope.caseType;
4c58e251	145
76e4acb8 TO	146	$scope.addActivitySet = function(workflow) {
	147	var activitySet = {};
	148	activitySet[workflow] = '1';
	149	activitySet.activityTypes = [];
	150
	151	var offset = 1;
	152	var names = _.pluck($scope.caseType.definition.activitySets, 'name');
	153	while (_.contains(names, workflow + '_' + offset)) offset++;
	154	activitySet.name = workflow + '_' + offset;
	155	activitySet.label = (offset == 1 ) ? $scope.workflows[workflow] : ($scope.workflows[workflow] + ' #' + offset);
	156
	157	$scope.caseType.definition.activitySets.push(activitySet);
	158	_.defer(function() {
	159	$('.crmCaseType-acttab').tabs('refresh').tabs({active: -1});
	160	});
	161	};
	162
d7c25f6c TO	163	/// Add a new activity entry to an activity-set
	164	$scope.addActivity = function(activitySet, activityType) {
	165	activitySet.activityTypes.push({
183241d8	166	name: activityType,
	167	status: 'Scheduled',
	168	reference_activity: 'Open Case',
	169	reference_offset: '1',
	170	reference_select: 'newest'
d7c25f6c	171	});
60dd172b TO	172	if (!_.contains($scope.activityTypeNames, activityType)) {
	173	$scope.activityTypeNames.push(activityType);
	174	}
d7c25f6c TO	175	};
	176
	177	/// Add a new top-level activity-type entry
	178	$scope.addActivityType = function(activityType) {
	179	var names = _.pluck($scope.caseType.definition.activityTypes, 'name');
	180	if (!_.contains(names, activityType)) {
	181	$scope.caseType.definition.activityTypes.push({
	182	name: activityType
	183	});
60dd172b TO	184
	185	}
	186	if (!_.contains($scope.activityTypeNames, activityType)) {
	187	$scope.activityTypeNames.push(activityType);
d7c25f6c TO	188	}
	189	};
	190
8c7e0ae8 TO	191	/// Add a new role
8c7e0ae8 TO	192	$scope.addRole = function(roles, roleName) {
bafce1db TO	193	var names = _.pluck($scope.caseType.definition.caseRoles, 'name');
	194	if (!_.contains(names, roleName)) {
	195	roles.push({
	196	name: roleName
	197	});
	198	}
60dd172b TO	199	if (!_.contains($scope.relationshipTypeNames, roleName)) {
	200	$scope.relationshipTypeNames.push(roleName);
	201	}
8c7e0ae8 TO	202	};
8c7e0ae8 TO	203
4c58e251 TO	204	$scope.onManagerChange = function(managerRole) {
	205	angular.forEach($scope.caseType.definition.caseRoles, function(caseRole) {
	206	if (caseRole != managerRole) {
	207	caseRole.manager = '0';
	208	}
	209	});
	210	};
	211
	212	$scope.removeItem = function(array, item) {
	213	var idx = _.indexOf(array, item);
	214	if (idx != -1) {
	215	array.splice(idx, 1);
	216	}
	217	};
	218
b40b4114 TO	219	$scope.isForkable = function() {
	220	return !$scope.caseType.id \|\| $scope.caseType.is_forkable
	221	};
	222
5d973e24 TO	223	$scope.isNewActivitySetAllowed = function(workflow) {
	224	switch (workflow) {
	225	case 'timeline':
	226	return true;
b387506c TO	227	case 'sequence':
b387506c TO	228	return 0 == _.where($scope.caseType.definition.activitySets, {sequence: '1'}).length;
5d973e24 TO	229	default:
	230	if (console && console.log) console.log('Denied access to unrecognized workflow: (' + workflow + ')');
	231	return false;
	232	}
	233	};
	234
f42b448f TO	235	$scope.isValidName = function(name) {
	236	return !name \|\| name.match(/^[a-zA-Z0-9_]+$/);
	237	};
	238
4c58e251	239	$scope.getWorkflowName = function(activitySet) {
76e4acb8 TO	240	var result = 'Unknown';
	241	_.each($scope.workflows, function(value, key) {
	242	if (activitySet[key]) result = value;
	243	});
	244	return result;
4c58e251 TO	245	};
	246
	247	/**
	248	* Determine which HTML partial to use for a particular
	249	*
	250	* @return string URL of the HTML partial
	251	*/
	252	$scope.activityTableTemplate = function(activitySet) {
	253	if (activitySet.timeline) {
64790edd	254	return partialUrl('timelineTable.html');
b387506c TO	255	} else if (activitySet.sequence) {
b387506c TO	256	return partialUrl('sequenceTable.html');
4c58e251 TO	257	} else {
	258	return '';
	259	}
	260	};
	261
	262	$scope.dump = function() {
	263	console.log($scope.caseType);
76e4acb8 TO	264	};
76e4acb8 TO	265
aa1a7c2e	266	$scope.save = function() {
c7bccb5f	267	var result = crmApi('CaseType', 'create', $scope.caseType, true);
	268	result.success(function(data) {
	269	if (data.is_error == 0) {
	270	$scope.caseType.id = data.id;
1ab5b88e	271	window.location.href = '#/caseType';
c7bccb5f	272	}
c7bccb5f	273	});
aa1a7c2e TO	274	};
aa1a7c2e TO	275
76e4acb8 TO	276	$scope.$watchCollection('caseType.definition.activitySets', function() {
76e4acb8 TO	277	_.defer(function() {
8fc6fba7	278	$('.crmCaseType-acttab').tabs('refresh');
76e4acb8 TO	279	});
76e4acb8 TO	280	});
685acae4	281
	282	var updateCaseTypeName = function () {
	283	if (!$scope.caseType.id && $scope.locks.caseTypeName) {
	284	// Should we do some filtering? Lowercase? Strip whitespace?
a5ca1f48	285	var t = $scope.caseType.title ? $scope.caseType.title : '';
a5ca1f48	286	$scope.caseType.name = t.replace(/ /g, '_').replace(/[^a-zA-Z0-9_]/g, '').toLowerCase();
685acae4	287	}
	288	};
	289	$scope.$watch('locks.caseTypeName', updateCaseTypeName);
	290	$scope.$watch('caseType.title', updateCaseTypeName);
b40b4114 TO	291
	292	if (!$scope.isForkable()) {
	293	CRM.alert(ts('The CiviCase XML file for this case-type prohibits editing the definition.'));
	294	}
4c58e251 TO	295	});
4c58e251 TO	296
b75c2546 TO	297	crmCaseType.controller('CaseTypeListCtrl', function($scope, crmApi, caseTypes) {
b75c2546 TO	298	$scope.caseTypes = caseTypes.values;
4b8c8b42 TO	299	$scope.toggleCaseType = function (caseType) {
	300	caseType.is_active = (caseType.is_active == '1') ? '0' : '1';
	301	crmApi('CaseType', 'create', caseType, true)
	302	.then(function (data) {
	303	if (data.is_error) {
	304	caseType.is_active = (caseType.is_active == '1') ? '0' : '1'; // revert
	305	$scope.$digest();
	306	}
	307	});
	308	};
	309	$scope.deleteCaseType = function (caseType) {
eb8e4c2d TO	310	crmApi('CaseType', 'delete', {id: caseType.id}, {
	311	error: function (data) {
	312	CRM.alert(data.error_message, ts('Error'));
	313	}
	314	})
4b8c8b42 TO	315	.then(function (data) {
	316	if (!data.is_error) {
	317	delete caseTypes.values[caseType.id];
	318	$scope.$digest();
	319	}
	320	});
	321	};
470a458e TO	322	$scope.revertCaseType = function (caseType) {
	323	caseType.definition = 'null';
	324	caseType.is_forked = '0';
	325	crmApi('CaseType', 'create', caseType, true)
	326	.then(function (data) {
	327	if (data.is_error) {
	328	caseType.is_forked = '1'; // restore
	329	$scope.$digest();
	330	}
	331	});
	332	};
b75c2546 TO	333	});
b75c2546 TO	334
4c58e251	335	})(angular, CRM.$, CRM._);