@abi-software/scaffoldvuer 0.1.52-beta.0 → 0.1.52-beta.3

package/src/scripts/RendererModule.js

@@ -58,7 +58,6 @@ RendererModule.prototype.getIntersectedObject = function(intersects) {
 
 RendererModule.prototype.getAnnotationsFromObjects = function(objects) {
   const annotations = [];
-  let count = 0;
   for (var i = 0; i < objects.length; i++) {
     const zincObject = objects[i].userData;
     let annotation = undefined;
@@ -67,7 +66,7 @@ RendererModule.prototype.getAnnotationsFromObjects = function(objects) {
         const glyphset = zincObject;
         if (zincObject.isGlyph)
           glyphset = zincObject.getGlyphset();
-        annotation = glyphset.userData ? glyphset.userData[0] : undefined;
+        annotation = glyphset.userData ? glyphset.userData.annotation : undefined;
         if (annotation && annotation.data) {
           if (objects[i].name && objects[i].name != "")
             annotation.data.id = objects[i].name;
@@ -75,23 +74,28 @@ RendererModule.prototype.getAnnotationsFromObjects = function(objects) {
             annotation.data.id = glyphset.groupName;
         }
       } else {
-        annotation = zincObject.userData ? zincObject.userData[0] : undefined;
+        annotation = zincObject.userData ? zincObject.userData.annotation : undefined;
         if (annotation && annotation.data){
           annotation.data.id = objects[i].name;
         }
       }
     }
     if (annotation)
-      annotations[count++] = annotation;
+      annotations.push(annotation);
   }
 	return annotations;
 }
 
-RendererModule.prototype.setHighlightedByObjects = function(objects, propagateChanges) {
+RendererModule.prototype.setHighlightedByObjects = function(
+  objects, coords, propagateChanges) {
   const changed = this.graphicsHighlight.setHighlighted(objects);
-  if (changed && propagateChanges) {
-    const eventType = require("./eventNotifier").EVENT_TYPE.HIGHLIGHTED;
+  if (propagateChanges) {
+    eventType = require("./eventNotifier").EVENT_TYPE.MOVE;
+    if (changed)
+      eventType = require("./eventNotifier").EVENT_TYPE.HIGHLIGHTED;
     const annotations = this.getAnnotationsFromObjects(objects);
+    if (annotations.length > 0)
+      annotations[0].coords = coords;
     this.publishChanges(annotations, eventType);
   }
   return changed;
@@ -99,8 +103,8 @@ RendererModule.prototype.setHighlightedByObjects = function(objects, propagateCh
 
 
 RendererModule.prototype.setHighlightedByZincObject = function(
-  zincObject, propagateChanges) {
-    return this.setHighlightedByObjects([zincObject ? zincObject.morph : undefined], propagateChanges);
+  zincObject, coords, propagateChanges) {
+    return this.setHighlightedByObjects([zincObject ? zincObject.morph : undefined], coords,propagateChanges);
 }
 
 RendererModule.prototype.setupLiveCoordinates = function(zincObjects) {
@@ -139,7 +143,7 @@ RendererModule.prototype.objectsToZincObjects = function(objects) {
 
 
 RendererModule.prototype.setSelectedByObjects = function(
-  objects, propagateChanges) {
+  objects, coords, propagateChanges) {
   const changed = this.graphicsHighlight.setSelected(objects);
   if (changed) {
     const zincObjects = this.objectsToZincObjects(objects);
@@ -147,6 +151,8 @@ RendererModule.prototype.setSelectedByObjects = function(
     if (propagateChanges) {
       const eventType = require("./eventNotifier").EVENT_TYPE.SELECTED;
       const annotations = this.getAnnotationsFromObjects(objects);
+      if (annotations.length > 0)
+        annotations[0].coords = coords;
       this.publishChanges(annotations, eventType);
     }
   }
@@ -154,8 +160,9 @@ RendererModule.prototype.setSelectedByObjects = function(
 }
 
 RendererModule.prototype.setSelectedByZincObject = function(
-  zincObject, propagateChanges) {
-  return this.setSelectedByObjects([zincObject ? zincObject.morph : undefined], propagateChanges);
+  zincObject, coords, propagateChanges) {
+  return this.setSelectedByObjects([zincObject ? zincObject.morph : undefined],
+    coords, propagateChanges);
 }
 
 const addGlyphToArray = function(objects) {
@@ -180,12 +187,12 @@ RendererModule.prototype.findObjectsByGroupName = function(groupName) {
 
 RendererModule.prototype.setHighlightedByGroupName = function(groupName, propagateChanges) {
   const objects = this.findObjectsByGroupName(groupName);
-  return this.setHighlightedByObjects(objects, propagateChanges);
+  return this.setHighlightedByObjects(objects, undefined, propagateChanges);
 }
 
 RendererModule.prototype.setSelectedByGroupName = function(groupName, propagateChanges) {
   const objects = this.findObjectsByGroupName(groupName);
-  return this.setSelectedByObjects(objects, propagateChanges);
+  return this.setSelectedByObjects(objects, undefined, propagateChanges);
 }
 
 RendererModule.prototype.changeBackgroundColour = function(backgroundColourString) {

package/src/scripts/eventNotifier.js

@@ -1,4 +1,4 @@
-const EVENT_TYPE = { ALL: 0, SELECTED: 1, HIGHLIGHTED: 2 };
+const EVENT_TYPE = { ALL: 0, SELECTED: 1, HIGHLIGHTED: 2, MOVE: 3 };
 
 const SelectionEvent = function(eventTypeIn, identifiersIn) {
   this.eventType = eventTypeIn;

package/src/scripts/organsRenderer.js

@@ -41,6 +41,7 @@ const OrgansSceneData = function() {
   const organPartAddedCallbacks = new Array();
   let finishDownloadCallback = undefined;
 	const modelsLoader = ModelsLoaderIn;
+  this.NDCCameraControl = undefined;
 	_this.typeName = "Organ Viewer";
 	
 	this.getSceneData = function() {
@@ -82,6 +83,39 @@ const OrgansSceneData = function() {
         duration);
 		_this.sceneData.currentTime = currentTime / duration * 100.0;
   }
+
+  this.toggleSyncControl = (flag) => {
+    let cameraControl = this.scene.getZincCameraControls();
+    if (flag) {
+      cameraControl.resetView();
+      this.NDCCameraControl = cameraControl.enableSyncControl();
+    } else {
+      cameraControl.disableSyncControl();
+      this.NDCCameraControl = undefined;
+    }
+  }
+
+  this.isSyncControl = () => {
+    return this.NDCCameraControl !== undefined;
+  }
+
+  this.setSyncControlZoomToBox = (box) => {
+    if (this.NDCCameraControl) {
+      this.NDCCameraControl.zoomToBox(box, 2);
+    }
+  }
+
+  this.setSyncControlCallback = (callback) => {
+    if (this.NDCCameraControl) {
+      this.NDCCameraControl.setEventCallback(callback);
+    }
+  }
+
+  this.setSyncControlCenterZoom = (center, zoom) => {
+    if (this.NDCCameraControl) {
+      this.NDCCameraControl.setCenterZoom(center, zoom);
+    }
+  }
   
   const postRenderSelectedCoordinatesUpdate = function() {
     if (_this.selectedCenter) {
@@ -185,18 +219,20 @@ const OrgansSceneData = function() {
 		return function(intersects, window_x, window_y) {
       const intersected = _this.getIntersectedObject(intersects);
       const idObject = getIdObjectFromIntersect(intersected);
+      const coords = { x: window_x, y: window_y };
       if (idObject.id) {
-        if (idObject.object.userData.isGlyph) {
+        if (idObject.object.userData.isGlyph) { 
           if (idObject.object.name)
-            _this.setSelectedByObjects([idObject.object], true);
+            _this.setSelectedByObjects([idObject.object], coords, true);
           else
-            _this.setSelectedByZincObject(idObject.object.userData.getGlyphset(), true);
+            _this.setSelectedByZincObject(idObject.object.userData.getGlyphset(),
+              coords, true);
         } else {
-          _this.setSelectedByObjects([idObject.object], true);
+          _this.setSelectedByObjects([idObject.object], coords, true);
         }
         return;
       } else {
-				_this.setSelectedByObjects([], true);
+				_this.setSelectedByObjects([], coords, true);
 			}
 		}
 	};
@@ -210,14 +246,15 @@ const OrgansSceneData = function() {
 		return function(intersects, window_x, window_y) {
       const intersected = _this.getIntersectedObject(intersects);
       const idObject = getIdObjectFromIntersect(intersected);
+      const coords = { x: window_x, y: window_y };
       if (idObject.id) {
         _this.displayArea.style.cursor = "pointer";
-        _this.setHighlightedByObjects([idObject.object], true);
+        _this.setHighlightedByObjects([idObject.object], coords, true);
         return;
       }
       else {
 				_this.displayArea.style.cursor = "auto";
-				_this.setHighlightedByObjects([], true);
+				_this.setHighlightedByObjects([], coords, true);
       }
 		}
 	};
@@ -312,37 +349,29 @@ const OrgansSceneData = function() {
 	}
 
 	const addOrganPartToSceneData = function(zincObject) {
-		if (zincObject.groupName) {
-			if (zincObject.isGeometry) {
-				if (!_this.sceneData.geometries.includes(zincObject.groupName)) {
-					_this.sceneData.geometries.push(zincObject.groupName);
-				}
-			} else if (zincObject.isGlyphset) {
-				if (!_this.sceneData.glyphsets.includes(zincObject.groupName)) {
-					_this.sceneData.glyphsets.push(zincObject.groupName);
-				}
-			} else if (zincObject.isLines) {
-				if (!_this.sceneData.lines.includes(zincObject.groupName)) {
-					_this.sceneData.lines.push(zincObject.groupName);
-				}
-			} else if (zincObject.isPointset) {
-				if (!_this.sceneData.pointsets.includes(zincObject.groupName)) {
-					_this.sceneData.pointsets.push(zincObject.groupName);
-				}
-			}
-		}
+    if (zincObject.isGeometry) {
+      _this.sceneData.geometries.push(zincObject);
+    } else if (zincObject.isGlyphset) {
+      _this.sceneData.glyphsets.push(zincObject);
+    } else if (zincObject.isLines) {
+      _this.sceneData.lines.push(zincObject);
+    } else if (zincObject.isPointset) {
+      _this.sceneData.pointsets.push(zincObject);
+    }
 	}
 
 	const addOrganPart = function(systemName, partName, useDefautColour, zincObject) {
     for (let i = 0; i < organPartAddedCallbacks.length;i++) {
-      organPartAddedCallbacks[i](zincObject.groupName, _this.scene.isTimeVarying(), zincObject);
+      organPartAddedCallbacks[i](zincObject, _this.scene.isTimeVarying());
     }
     if (useDefautColour)
       modelsLoader.setGeometryColour(zincObject, systemName, partName);
     addOrganPartToSceneData(zincObject);
 		const annotation = new (require('./annotation').annotation)();
-		annotation.data = {species:_this.sceneData.currentSpecies, system:systemName, part:partName, group:zincObject.groupName};
-		zincObject.userData = [annotation];
+    const region = zincObject.region.getFullPath();
+		annotation.data = {species:_this.sceneData.currentSpecies, system:systemName,
+      part:partName, group:zincObject.groupName, region: region};
+		zincObject.userData["annotation"] = annotation;
 	}
 
 	  /**