@abi-software/scaffoldvuer 0.2.2 → 0.2.3-alpha

package/src/scripts/WebGL.js

@@ -1,94 +1,94 @@
-/**
- * @author alteredq / http://alteredqualia.com/
- * @author mr.doob / http://mrdoob.com/
- */
-
-exports.WEBGL = {
-
-	isWebGLAvailable: function () {
-
-		try {
-
-			var canvas = document.createElement( 'canvas' );
-			return !! ( window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ) );
-
-		} catch ( e ) {
-
-			return false;
-
-		}
-
-	},
-
-	isWebGL2Available: function () {
-
-		try {
-
-			var canvas = document.createElement( 'canvas' );
-			return !! ( window.WebGL2RenderingContext && canvas.getContext( 'webgl2' ) );
-
-		} catch ( e ) {
-
-			return false;
-
-		}
-
-	},
-
-	getWebGLErrorMessage: function () {
-
-		return this.getErrorMessage( 1 );
-
-	},
-
-	getWebGL2ErrorMessage: function () {
-
-		return this.getErrorMessage( 2 );
-
-	},
-
-	getErrorMessage: function ( version ) {
-
-		var names = {
-			1: 'WebGL',
-			2: 'WebGL 2'
-		};
-
-		var contexts = {
-			1: window.WebGLRenderingContext,
-			2: window.WebGL2RenderingContext
-		};
-
-		var message = 'This module requires <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#008">$1</a> support but your $0 does not seem to support it.';
-
-		var element = document.createElement( 'div' );
-		element.id = 'webglmessage';
-		element.style.fontFamily = 'monospace';
-		element.style.fontSize = '20px';
-		element.style.fontWeight = 'normal';
-		element.style.textAlign = 'center';
-		element.style.background = '#fff';
-		element.style.color = '#000';
-		element.style.padding = '1.5em';
-		element.style.width = '400px';
-		element.style.margin = '5em auto 0';
-
-		if ( contexts[ version ] ) {
-
-			message = message.replace( '$0', 'graphics card' );
-
-		} else {
-
-			message = message.replace( '$0', 'browser' );
-
-		}
-
-		message = message.replace( '$1', names[ version ] );
-
-		element.innerHTML = message;
-
-		return element;
-
-	}
-
-};
+/**
+ * @author alteredq / http://alteredqualia.com/
+ * @author mr.doob / http://mrdoob.com/
+ */
+
+exports.WEBGL = {
+
+	isWebGLAvailable: function () {
+
+		try {
+
+			var canvas = document.createElement( 'canvas' );
+			return !! ( window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ) );
+
+		} catch ( e ) {
+
+			return false;
+
+		}
+
+	},
+
+	isWebGL2Available: function () {
+
+		try {
+
+			var canvas = document.createElement( 'canvas' );
+			return !! ( window.WebGL2RenderingContext && canvas.getContext( 'webgl2' ) );
+
+		} catch ( e ) {
+
+			return false;
+
+		}
+
+	},
+
+	getWebGLErrorMessage: function () {
+
+		return this.getErrorMessage( 1 );
+
+	},
+
+	getWebGL2ErrorMessage: function () {
+
+		return this.getErrorMessage( 2 );
+
+	},
+
+	getErrorMessage: function ( version ) {
+
+		var names = {
+			1: 'WebGL',
+			2: 'WebGL 2'
+		};
+
+		var contexts = {
+			1: window.WebGLRenderingContext,
+			2: window.WebGL2RenderingContext
+		};
+
+		var message = 'This module requires <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#008">$1</a> support but your $0 does not seem to support it.';
+
+		var element = document.createElement( 'div' );
+		element.id = 'webglmessage';
+		element.style.fontFamily = 'monospace';
+		element.style.fontSize = '20px';
+		element.style.fontWeight = 'normal';
+		element.style.textAlign = 'center';
+		element.style.background = '#fff';
+		element.style.color = '#000';
+		element.style.padding = '1.5em';
+		element.style.width = '400px';
+		element.style.margin = '5em auto 0';
+
+		if ( contexts[ version ] ) {
+
+			message = message.replace( '$0', 'graphics card' );
+
+		} else {
+
+			message = message.replace( '$0', 'browser' );
+
+		}
+
+		message = message.replace( '$1', names[ version ] );
+
+		element.innerHTML = message;
+
+		return element;
+
+	}
+
+};

package/src/scripts/annotation.js

@@ -1,5 +1,5 @@
-exports.annotation = function() {
-  this.type = "anatomical";
-  this.data = undefined;
-  this.isAnnotation = true;
-}
+exports.annotation = function() {
+  this.type = "anatomical";
+  this.data = undefined;
+  this.isAnnotation = true;
+}

package/src/scripts/eventNotifier.js

@@ -1,66 +1,66 @@
-const EVENT_TYPE = { ALL: 0, SELECTED: 1, HIGHLIGHTED: 2, MOVE: 3 };
-
-const SelectionEvent = function(eventTypeIn, identifiersIn, zincObjects) {
-  this.eventType = eventTypeIn;
-  this.identifiers = identifiersIn;
-  this.zincObjects = zincObjects;
-}
-
-const returnFullID = function(sourceId) {
-  //return full annotations with all different name
-}
-  
-const Subscription = function(subscriberIn, callbackIn, eventType) {
-  this.targetedID = [];
-  const subscriber = subscriberIn;
-  const callback = callbackIn;
-  this.targetEventType = eventType;
-  const _this = this;
-
-  if (eventType === undefined)
-    this.targetEventType = EVENT_TYPE.ALL;
-  
-  this.getEventType = function() {
-    return eventType;
-  }
-  
-  this.notify = function(source, eventType, ids, zincObjects) {
-    if (source !== subscriber && (_this.targetEventType ===  EVENT_TYPE.ALL ||
-        _this.targetEventType === eventType)) {
-      //should support different type of id e.g lyph, name, fmas...
-      //need a function that finds all relavant ids
-      const event = new SelectionEvent(eventType, ids, zincObjects);
-      callback(event);
-    }
-  }
-}
-
-exports.EventNotifier = function() {
-  const subscriptions = [];
-  
-  this.publish = function(source, eventType, id, zincObjects) {
-    for (let i = 0; i < subscriptions.length;i++) {
-      subscriptions[i].notify(source, eventType, id, zincObjects);
-    }
-  }
-  
-  this.subscribe = function(subscriber, callbackFunction, eventType) {
-    if (typeof callbackFunction === "function") {
-      const subscription = new Subscription(subscriber, callbackFunction, eventType);
-      subscriptions.push(subscription);
-      return subscription;
-    }
-    return undefined;
-  }
-  
-  this.unsubscribe = function(subscription) {
-    for (let i = 0; i < subscriptions.length;i++) {
-      if (subscription === subscriptions[i]) {
-        subscriptions.splice(i, 1);
-        return;
-      }
-    }
-  }
-}  
-
-exports.EVENT_TYPE = EVENT_TYPE;
+const EVENT_TYPE = { ALL: 0, SELECTED: 1, HIGHLIGHTED: 2, MOVE: 3 };
+
+const SelectionEvent = function(eventTypeIn, identifiersIn, zincObjects) {
+  this.eventType = eventTypeIn;
+  this.identifiers = identifiersIn;
+  this.zincObjects = zincObjects;
+}
+
+const returnFullID = function(sourceId) {
+  //return full annotations with all different name
+}
+  
+const Subscription = function(subscriberIn, callbackIn, eventType) {
+  this.targetedID = [];
+  const subscriber = subscriberIn;
+  const callback = callbackIn;
+  this.targetEventType = eventType;
+  const _this = this;
+
+  if (eventType === undefined)
+    this.targetEventType = EVENT_TYPE.ALL;
+  
+  this.getEventType = function() {
+    return eventType;
+  }
+  
+  this.notify = function(source, eventType, ids, zincObjects) {
+    if (source !== subscriber && (_this.targetEventType ===  EVENT_TYPE.ALL ||
+        _this.targetEventType === eventType)) {
+      //should support different type of id e.g lyph, name, fmas...
+      //need a function that finds all relavant ids
+      const event = new SelectionEvent(eventType, ids, zincObjects);
+      callback(event);
+    }
+  }
+}
+
+exports.EventNotifier = function() {
+  const subscriptions = [];
+  
+  this.publish = function(source, eventType, id, zincObjects) {
+    for (let i = 0; i < subscriptions.length;i++) {
+      subscriptions[i].notify(source, eventType, id, zincObjects);
+    }
+  }
+  
+  this.subscribe = function(subscriber, callbackFunction, eventType) {
+    if (typeof callbackFunction === "function") {
+      const subscription = new Subscription(subscriber, callbackFunction, eventType);
+      subscriptions.push(subscription);
+      return subscription;
+    }
+    return undefined;
+  }
+  
+  this.unsubscribe = function(subscription) {
+    for (let i = 0; i < subscriptions.length;i++) {
+      if (subscription === subscriptions[i]) {
+        subscriptions.splice(i, 1);
+        return;
+      }
+    }
+  }
+}  
+
+exports.EVENT_TYPE = EVENT_TYPE;

package/src/scripts/graphicsHighlight.js

@@ -1,134 +1,134 @@
-var THREE = require('zincjs').THREE;
-
-/**
- * This module manages highlighted and selected objects in 3D modules. 
- * 
- * @class
- * @returns {exports.GraphicsHighlight}
- */
-exports.GraphicsHighlight = function() {
-  let currentHighlightedObjects = [];
-  let currentSelectedObjects = [];
-  this.highlightColour = [1, 0, 0];
-  this.selectColour = [0, 1, 0];
-  this.originalColour = [0, 0, 0];
-  const _temp1 = [];
-  const _temp2 = [];
-  const _this = this;
-
-  const isDifferent = function(array1, array2) {
-    if ((array1.length == 0) && (array2.length == 0))
-      return false; 
-    for (let i = 0; i < array1.length; i++) {
-      let matched = false;
-      for (let j = 0; j < array2.length; j++) {
-        if (array1[i] === array2[j]) {
-          matched = true;
-        }
-      }
-      if (!matched)
-        return true;
-    }
-    for (let i = 0; i < array2.length; i++) {
-      let matched = false;
-      for (let j = 0; j < array1.length; j++) {
-        if (array2[i] === array1[j]) {
-          matched = true;
-        }
-      }
-      if (!matched)
-        return true;
-    }
-    return false;
-  }
-  
-  const getUnmatchingObjects = function(objectsArray1, objectsArray2) {
-    _temp1.length = 0;
-    if (objectsArray2.length == 0)
-      return objectsArray1;
-    for (let i = 0; i < objectsArray1.length; i++) {
-      let matched = false;
-      for (let j = 0; j < objectsArray2.length; j++) {
-        if (objectsArray1[i] === objectsArray2[j]) {
-          matched = true;
-        }
-      }
-      if (!matched)
-      _temp1.push(objectsArray1[i]);
-    }
-    return _temp1;
-  }
-  
-  this.setHighlighted = function(objects) {
-    const previousHighlightedObjects = [...currentHighlightedObjects];
-    _this.resetHighlighted();
-    // Selected object cannot be highlighted
-    const array = getUnmatchingObjects(objects, currentSelectedObjects);
-    const fullList = getFullListOfObjects(array);
-    for (let i = 0; i < fullList.length; i++) {
-      if (fullList[i] && fullList[i].material && fullList[i].material.emissive)
-        fullList[i].material.emissive.setRGB(..._this.highlightColour);
-    }
-    currentHighlightedObjects = array;
-    return isDifferent(currentHighlightedObjects, previousHighlightedObjects);
-  }
-
-  this.setSelected = function(objects) {
-    // first find highlighted object that are not selected
-    const previousHSelectedObjects = [...currentSelectedObjects];
-    const array = getUnmatchingObjects(currentHighlightedObjects, objects);
-    _this.resetHighlighted();
-    _this.resetSelected();
-    const fullList = getFullListOfObjects(objects);
-    for (let i = 0; i < fullList.length; i++) {
-    	if (fullList[i] && fullList[i].material && fullList[i].material.emissive)
-        fullList[i].material.emissive.setRGB(..._this.selectColour);
-    }
-    currentSelectedObjects = objects;
-    return isDifferent(currentSelectedObjects, previousHSelectedObjects);
-  }
-
-  const getFullListOfObjects = function(objects) {
-    _temp2.length = 0;
-    for (let i = 0; i < objects.length; i++) {
-      if (objects[i].material)
-        _temp2.push(objects[i]);
-    }
-    return _temp2;
-  }
-  
-  this.resetHighlighted = function() {
-    const fullList = getFullListOfObjects(currentHighlightedObjects);
-    for (let i = 0; i < fullList.length; i++) {
-      if (fullList[i] && fullList[i].material) {
-        if (fullList[i].material.emissive)
-          fullList[i].material.emissive.setRGB(..._this.originalColour);
-        if (fullList[i].material.depthFunc)
-          fullList[i].material.depthFunc = THREE.LessEqualDepth;
-      }
-    }
-    currentHighlightedObjects = [];
-  }
-  
-  this.resetSelected = function() {
-    const fullList = getFullListOfObjects(currentSelectedObjects);
-    for (let i = 0; i < fullList.length; i++) {
-    	if (fullList[i] && fullList[i].material) {
-    		if (fullList[i].material.emissive)
-          fullList[i].material.emissive.setRGB(..._this.originalColour);
-    		if (fullList[i].material.depthFunc)
-          fullList[i].material.depthFunc = THREE.LessEqualDepth;
-    	}
-    }
-    currentSelectedObjects = [];
-  }
-  
-  this.getSelected = function() {
-    return currentSelectedObjects;
-  }
-  
-  this.reset = function() {
-    _this.resetSelected();
-    _this.resetHighlighted();
-  }
-}
+var THREE = require('zincjs').THREE;
+
+/**
+ * This module manages highlighted and selected objects in 3D modules. 
+ * 
+ * @class
+ * @returns {exports.GraphicsHighlight}
+ */
+exports.GraphicsHighlight = function() {
+  let currentHighlightedObjects = [];
+  let currentSelectedObjects = [];
+  this.highlightColour = [1, 0, 0];
+  this.selectColour = [0, 1, 0];
+  this.originalColour = [0, 0, 0];
+  const _temp1 = [];
+  const _temp2 = [];
+  const _this = this;
+
+  const isDifferent = function(array1, array2) {
+    if ((array1.length == 0) && (array2.length == 0))
+      return false; 
+    for (let i = 0; i < array1.length; i++) {
+      let matched = false;
+      for (let j = 0; j < array2.length; j++) {
+        if (array1[i] === array2[j]) {
+          matched = true;
+        }
+      }
+      if (!matched)
+        return true;
+    }
+    for (let i = 0; i < array2.length; i++) {
+      let matched = false;
+      for (let j = 0; j < array1.length; j++) {
+        if (array2[i] === array1[j]) {
+          matched = true;
+        }
+      }
+      if (!matched)
+        return true;
+    }
+    return false;
+  }
+  
+  const getUnmatchingObjects = function(objectsArray1, objectsArray2) {
+    _temp1.length = 0;
+    if (objectsArray2.length == 0)
+      return objectsArray1;
+    for (let i = 0; i < objectsArray1.length; i++) {
+      let matched = false;
+      for (let j = 0; j < objectsArray2.length; j++) {
+        if (objectsArray1[i] === objectsArray2[j]) {
+          matched = true;
+        }
+      }
+      if (!matched)
+      _temp1.push(objectsArray1[i]);
+    }
+    return _temp1;
+  }
+  
+  this.setHighlighted = function(objects) {
+    const previousHighlightedObjects = [...currentHighlightedObjects];
+    _this.resetHighlighted();
+    // Selected object cannot be highlighted
+    const array = getUnmatchingObjects(objects, currentSelectedObjects);
+    const fullList = getFullListOfObjects(array);
+    for (let i = 0; i < fullList.length; i++) {
+      if (fullList[i] && fullList[i].material && fullList[i].material.emissive)
+        fullList[i].material.emissive.setRGB(..._this.highlightColour);
+    }
+    currentHighlightedObjects = array;
+    return isDifferent(currentHighlightedObjects, previousHighlightedObjects);
+  }
+
+  this.setSelected = function(objects) {
+    // first find highlighted object that are not selected
+    const previousHSelectedObjects = [...currentSelectedObjects];
+    const array = getUnmatchingObjects(currentHighlightedObjects, objects);
+    _this.resetHighlighted();
+    _this.resetSelected();
+    const fullList = getFullListOfObjects(objects);
+    for (let i = 0; i < fullList.length; i++) {
+    	if (fullList[i] && fullList[i].material && fullList[i].material.emissive)
+        fullList[i].material.emissive.setRGB(..._this.selectColour);
+    }
+    currentSelectedObjects = objects;
+    return isDifferent(currentSelectedObjects, previousHSelectedObjects);
+  }
+
+  const getFullListOfObjects = function(objects) {
+    _temp2.length = 0;
+    for (let i = 0; i < objects.length; i++) {
+      if (objects[i].material)
+        _temp2.push(objects[i]);
+    }
+    return _temp2;
+  }
+  
+  this.resetHighlighted = function() {
+    const fullList = getFullListOfObjects(currentHighlightedObjects);
+    for (let i = 0; i < fullList.length; i++) {
+      if (fullList[i] && fullList[i].material) {
+        if (fullList[i].material.emissive)
+          fullList[i].material.emissive.setRGB(..._this.originalColour);
+        if (fullList[i].material.depthFunc)
+          fullList[i].material.depthFunc = THREE.LessEqualDepth;
+      }
+    }
+    currentHighlightedObjects = [];
+  }
+  
+  this.resetSelected = function() {
+    const fullList = getFullListOfObjects(currentSelectedObjects);
+    for (let i = 0; i < fullList.length; i++) {
+    	if (fullList[i] && fullList[i].material) {
+    		if (fullList[i].material.emissive)
+          fullList[i].material.emissive.setRGB(..._this.originalColour);
+    		if (fullList[i].material.depthFunc)
+          fullList[i].material.depthFunc = THREE.LessEqualDepth;
+    	}
+    }
+    currentSelectedObjects = [];
+  }
+  
+  this.getSelected = function() {
+    return currentSelectedObjects;
+  }
+  
+  this.reset = function() {
+    _this.resetSelected();
+    _this.resetHighlighted();
+  }
+}