CRM-14483 - crmCaseType - Implement row addition for "Activity Types" table

[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']);

  crmCaseType.config(['$routeProvider',
    function($routeProvider) {
      $routeProvider.when('/caseType/:id', {
        templateUrl: partialUrl('edit.html'),
        controller: 'CaseTypeCtrl'
      });
    }
  ]);

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

    $scope.activityStatuses = CRM.crmCaseType.actStatuses;
    $scope.activityTypes = CRM.crmCaseType.actTypes;
    $scope.activityTypeNames = _.pluck(CRM.crmCaseType.actTypes, 'name');

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

    $scope.caseType = {
      id: 123,
      label: 'Adult Day Care Referral',
      description: 'Superkalafragalisticexpialitotious',
      is_active: '1', // Angular won't bind checkbox correctly with numeric 1
      definition: {  // This is the serialized field
        name: 'Adult Day Care Referral',
        activityTypes: [
          {name: 'Open Case', max_instances: 1 },
          {name: 'Medical evaluation'}
        ],
        activitySets: [
          {
            name: 'standard_timeline',
            label: 'Standard Timeline',
            timeline: '1', // Angular won't bind checkbox correctly with numeric 1
            activityTypes: [
              {name: 'Open Case', status: 'Completed' },
              {name: 'Medical evaluation', reference_activity: 'Open Case', reference_offset: 3, reference_select: 'newest'}
            ]
          },
          {
            name: 'my_sequence',
            label: 'My Sequence',
            pipeline: '1', // Angular won't bind checkbox correctly with numeric 1
            activityTypes: [
              {name: 'Medical evaluation'},
              {name: 'Meeting'},
              {name: 'Phone Call'}
            ]
          }

        ],
        caseRoles: [
          { name: 'Senior Services Coordinator', creator: '1', manager: '1' },
          { name: 'Health Services Coordinator' },
          { name: 'Benefits Specialist' }
        ]
      }
    };
    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
      });
    };

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

    $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.isNewActivitySetAllowed = function(workflow) {
      switch (workflow) {
        case 'timeline':
          return true;
        case 'pipeline':
          return 0 == _.where($scope.caseType.definition.activitySets, {pipeline: '1'}).length;
        default:
          if (console && console.log) console.log('Denied access to unrecognized workflow: (' + workflow + ')');
          return false;
      }
    };

    $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.pipeline) {
        return partialUrl('pipelineTable.html');
      } else {
        return '';
      }
    };

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

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

})(angular, CRM.$, CRM._);