casemodel.js

/* Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
angular.module('flowableModeler')
  .controller('CaseModelCtrl', ['$rootScope', '$scope', '$translate', '$http', '$location', '$routeParams','$modal', '$popover', '$timeout', 'ResourceService',
                              function ($rootScope, $scope, $translate, $http, $location, $routeParams, $modal, $popover, $timeout, ResourceService) {

    // Main page (needed for visual indicator of current page)
    $rootScope.setMainPageById('casemodels');

    // Initialize model
    $scope.model = {
        // Store the main model id, this points to the current version of a model,
        // even when we're showing history
        latestModelId: $routeParams.modelId
    };
    
    $scope.loadCaseModel = function() {
      var url;
      if ($routeParams.modelHistoryId) {
        url = FLOWABLE.APP_URL.getModelHistoryUrl($routeParams.modelId, $routeParams.modelHistoryId);
      } else {
        url = FLOWABLE.APP_URL.getModelUrl($routeParams.modelId);
      }
      
      $http({method: 'GET', url: url}).
        success(function(data, status, headers, config) {
          $scope.model.caseModel = data;
          
          $scope.loadVersions();

          $scope.model.cmmnDownloadUrl = FLOWABLE.APP_URL.getCmmnModelDownloadUrl($routeParams.modelId, $routeParams.modelHistoryId);


    	  $rootScope.$on('$routeChangeStart', function(event, next, current) {
    		  jQuery('.qtip').qtip('destroy', true);
    	  });
    	  
          $timeout(function() {
            jQuery("#cmmnModel").attr('data-model-id', $routeParams.modelId);
            jQuery("#cmmnModel").attr('data-model-type', 'design');
            
            // in case we want to show a historic model, include additional attribute on the div
            if(!$scope.model.caseModel.latestVersion) {
              jQuery("#cmmnModel").attr('data-history-id', $routeParams.modelHistoryId);
            }

            var viewerUrl = "display-cmmn/displaymodel.html?version=" + Date.now();

            // If Flowable has been deployed inside an AMD environment Raphael will fail to register
            // itself globally until displaymodel.js (which depends ona global Raphael variable) is running,
            // therefore remove AMD's define method until we have loaded in Raphael and displaymodel.js
            // and assume/hope its not used during.
            var amdDefine = window.define;
            window.define = undefined;
            ResourceService.loadFromHtml(viewerUrl, function(){
                // Restore AMD's define method again
                window.define = amdDefine;
            });
          });

        }).error(function(data, status, headers, config) {
          $scope.returnToList();
        });
    };
    
    $scope.useAsNewVersion = function() {
        _internalCreateModal({
    		template: 'views/popup/model-use-as-new-version.html',
    		scope: $scope
    	}, $modal, $scope);
    };
    
    $scope.loadVersions = function() {
      
      var params = {
        includeLatestVersion: !$scope.model.caseModel.latestVersion  
      };
      
      $http({method: 'GET', url: FLOWABLE.APP_URL.getModelHistoriesUrl($scope.model.latestModelId), params: params}).
      success(function(data, status, headers, config) {
        if ($scope.model.caseModel.latestVersion) {
          if (!data.data) {
            data.data = [];
          }
          data.data.unshift($scope.model.caseModel);
        }
        
        $scope.model.versions = data;
      });
    };
    
    $scope.showVersion = function(version) {
      if(version) {
        if(version.latestVersion) {
            $location.path("/casemodels/" +  $scope.model.latestModelId);
        } else{
          // Show latest version, no history-suffix needed in URL
          $location.path("/casemodels/" +  $scope.model.latestModelId + "/history/" + version.id);
        }
      }
    };
    
    $scope.returnToList = function() {
        $location.path("/casemodels/");
    };
    
    $scope.editCaseModel = function() {
        _internalCreateModal({
    		template: 'views/popup/model-edit.html',
	        scope: $scope
    	}, $modal, $scope);
    };

    $scope.duplicateCaseModel = function() {
      var modalInstance = _internalCreateModal({
        template: 'views/popup/casemodel-duplicate.html?version=' + Date.now()
      }, $modal, $scope);

      modalInstance.$scope.originalModel = $scope.model;
    };

    $scope.deleteCaseModel = function() {
        _internalCreateModal({
    		template: 'views/popup/model-delete.html',
    		scope: $scope
    	}, $modal, $scope);
    };
    
    $scope.openEditor = function() {
      if ($scope.model.caseModel) {
        $location.path("/editor/" + $scope.model.caseModel.id);
      }
    };
      
    $scope.toggleHistory = function($event) {
        if(!$scope.historyState) {
          var state = {};
          $scope.historyState = state;
          
          // Create popover
          state.popover = $popover(angular.element($event.target), {
            template: 'views/popover/history.html',
            placement: 'bottom-right',
            show: true,
            scope: $scope,
            container: 'body'
          });
          
          var destroy = function() {
            state.popover.destroy();
            delete $scope.historyState;
          }
          
          // When popup is hidden or scope is destroyed, hide popup
          state.popover.$scope.$on('tooltip.hide', destroy);
          $scope.$on('$destroy', destroy);
        }
    };
    
    $scope.loadCaseModel();
}]);