META-INF.dirigible.ide-bpm.editor-app.process-navigator-controller.js Maven / Gradle / Ivy
/* 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('ProcessNavigatorController',['editorManager', '$scope',function(editorManager, $scope){
//problem here the ORYX editor is bound to the rootscope. In theory this communication should be moved to a service.
$scope.showSubProcess = function(child){
var flowableShapes = editorManager.getChildShapeByResourceId(child.resourceId);
editorManager.setSelection([flowableShapes],[],true);
}
$scope.treeview = {};
$scope.isEditorReady = false;
$scope.edit = function(resourceId){
editorManager.edit(resourceId);
};
FLOWABLE.eventBus.addListener(FLOWABLE.eventBus.EVENT_TYPE_EDITOR_READY, function(event){
$scope.isEditorReady = true;
renderProcessHierarchy();
editorManager.registerOnEvent(ORYX.CONFIG.ACTION_DELETE_COMPLETED, filterEvent);
//always a single event.
editorManager.registerOnEvent(ORYX.CONFIG.EVENT_UNDO_ROLLBACK, renderProcessHierarchy);
})
//if an element is added te properties will catch this event.
FLOWABLE.eventBus.addListener(FLOWABLE.eventBus.EVENT_TYPE_PROPERTY_VALUE_CHANGED,filterEvent);
FLOWABLE.eventBus.addListener(FLOWABLE.eventBus.EVENT_TYPE_ITEM_DROPPED,filterEvent);
FLOWABLE.eventBus.addListener("EDITORMANAGER-EDIT-ACTION",function(){
renderProcessHierarchy();
});
function filterEvent(event){
//this event is fired when the user changes a property by the property editor.
if(event.type === "event-type-property-value-changed"){
if(event.property.key === "oryx-overrideid" || event.property.key === "oryx-name"){
renderProcessHierarchy()
}
//this event is fired when the stencil / shape's text is changed / updated.
}else if(event.type === "propertyChanged"){
if(event.name === "oryx-overrideid" || event.name === "oryx-name"){
renderProcessHierarchy();
}
}else if(event.type === ORYX.CONFIG.ACTION_DELETE_COMPLETED){
renderProcessHierarchy();
//for some reason the new tree does not trigger an ui update.
//$scope.$apply();
}else if(event.type === "event-type-item-dropped"){
renderProcessHierarchy();
}
}
function renderProcessHierarchy(){
//only start calculating when the editor has done all his constructor work.
if(!$scope.isEditorReady){
return false;
}
if (!editorManager.isLoading()){
//the current implementation of has a lot of eventlisteners. when calling getTree() it could manipulate
//the canvastracker while the canvas is stille loading stuff.
//TODO: check if its possible to trigger the re-rendering by a single event instead of registering on 10 events...
$scope.treeview = editorManager.getTree();
}
}
}]);