ide-bpm.scripts.controllers.form.js Maven / Gradle / Ivy

Go to download
/* 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('FormCtrl', ['$rootScope', '$scope', '$translate', '$http', '$location', '$routeParams','$modal', '$timeout', '$popover',
                              function ($rootScope, $scope, $translate, $http, $location, $routeParams, $modal, $timeout, $popover) {

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

    $scope.formMode = 'read';

    // 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.loadForm = 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.form = data;
          $scope.loadVersions();

        }).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.form.latestVersion
      };

      $http({method: 'GET', url: FLOWABLE.APP_URL.getModelHistoriesUrl($scope.model.latestModelId), params: params}).
	      success(function(data, status, headers, config) {
	        if ($scope.model.form.latestVersion) {
	          if (!data.data) {
	            data.data = [];
	          }
	          data.data.unshift($scope.model.form);
	        }

	        $scope.model.versions = data;
	      });
    };

    $scope.showVersion = function(version) {
      if (version) {
        if (version.latestVersion) {
            $location.path("/forms/" +  $scope.model.latestModelId);
        } else {
          // Show latest version, no history-suffix needed in URL
          $location.path("/forms/" +  $scope.model.latestModelId + "/history/" + version.id);
        }
      }
    };

    $scope.returnToList = function() {
        $location.path("/forms/");
    };

    $scope.editForm = function() {
        _internalCreateModal({
    		template: 'views/popup/model-edit.html',
	        scope: $scope
    	}, $modal, $scope);
    };

    $scope.duplicateForm = function() {

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

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

      modalInstance.$scope.duplicateFormCallback = function(result) {
        $rootScope.editorHistory = [];
        $location.path("/form-editor/" + result.id);
      };
    };

    $scope.deleteForm = function() {
        _internalCreateModal({
    		template: 'views/popup/model-delete.html',
    		scope: $scope
    	}, $modal, $scope);
    };

    $scope.openEditor = function() {
      if ($scope.model.form) {
    	  $location.path("/form-editor/" + $scope.model.form.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.loadForm();

}]);