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

package/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "0.1.51",
+  "version": "0.1.52-beta.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -2151,7 +2151,8 @@
         },
         "ansi-regex": {
           "version": "5.0.0",
-          "resolved": "",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
           "dev": true
         },
         "ansi-styles": {
@@ -2316,7 +2317,8 @@
         },
         "ansi-regex": {
           "version": "5.0.0",
-          "resolved": "",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
           "dev": true
         },
         "ansi-styles": {
@@ -21304,7 +21306,8 @@
       "dependencies": {
         "ansi-regex": {
           "version": "5.0.0",
-          "resolved": "",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
           "dev": true
         },
         "cliui": {
@@ -21433,9 +21436,9 @@
       }
     },
     "zincjs": {
-      "version": "0.41.2",
-      "resolved": "https://registry.npmjs.org/zincjs/-/zincjs-0.41.2.tgz",
-      "integrity": "sha512-sLw6tXBIQkQhBh8ZR4TeH88nLWC4hxyoDwYAroOl50UnqRdfojYSabghkT15WA0POaOqMdneaXAX2cXZZiQrKA==",
+      "version": "0.50.0-beta.0",
+      "resolved": "https://registry.npmjs.org/zincjs/-/zincjs-0.50.0-beta.0.tgz",
+      "integrity": "sha512-0FuYExwy/ri+BexLQHk9EprG3El6FY0ruPBfrcCAgzYImJwTtXERVqlhEzwzxOPIdqvaEgzlVwun/2uE4pAhDA==",
       "requires": {
         "css-element-queries": "^1.2.2",
         "lodash": "^4.17.19",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/scaffoldvuer",
-  "version": "0.1.52-beta.0",
+  "version": "0.1.52-beta.1",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
     "vue": "^2.6.10",
     "vue-drag-resize": "^1.3.2",
     "vue-router": "^3.5.1",
-    "zincjs": "^0.41.2"
+    "zincjs": "^0.50.0-beta.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.0.0",

package/src/App.vue

@@ -18,6 +18,7 @@
       :region="region"
       :view-u-r-l="viewURL"
       @scaffold-selected="onSelected"
+      @scaffold-navigated="onNavigated"
       @timeChanged="updateCurrentTime"
     />
     <el-popover
@@ -107,6 +108,18 @@
             Export GLTF
           </el-button>
         </el-row>
+        <el-row :gutter="30">
+          <el-col
+            :span="7"
+            :offset="11"
+          >
+            <el-switch
+              v-model="syncMode"
+              active-text="Sync Mode"
+              active-color="#8300bf"
+            />
+          </el-col>
+        </el-row>
         <el-row :gutter="30">
           <el-col
             :span="7"
@@ -240,6 +253,7 @@ export default {
       selectedCoordinates: undefined,
       helpMode: false,
       displayMarkers: true,
+      syncMode: false,
       currentTime: 0,
       displayMinimap: true,
       tumbleOn: false,
@@ -269,6 +283,9 @@ export default {
       handler: "parseQuery",
       deep: true,
       immediate: true
+    },
+    syncMode: function(val) {
+      this.$refs.scaffold.toggleSyncControl(val);
     }
   },
 
@@ -335,6 +352,9 @@ export default {
         });
       }
     },
+    onNavigated: function(data) {
+      console.log(data);
+    },
     parseInput: function() {
       if (this.$route.query.url !== this.input)
         this.$router.replace({

package/src/components/ScaffoldVuer.vue

@@ -1039,7 +1039,6 @@ export default {
     },
     /**
      * Callback using ResizeObserver.
-    
      */
     adjustLayout: function() {
       let width = this.$refs.scaffoldContainer.clientWidth;
@@ -1063,6 +1062,14 @@ export default {
       if (this.$module.zincRenderer) {
         this.$module.zincRenderer.onWindowResize();
       }
+    },
+    syncControlCallback: function() {
+      const payload = this.$module.NDCCameraControl.getPanZoom();
+      this.$emit("scaffold-navigated", payload);
+    },
+    toggleSyncControl: function(flag) {
+      this.$module.toggleSyncControl(flag);
+      this.$module.setSyncControlCallback(this.syncControlCallback);
     }
   }
 };

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,28 @@ 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 {
+      this.NDCCameraControl = cameraControl.disableSyncControl();
+    }
+  }
+
+  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) {