Minor improvements to example scripts

Author: hackermd

examples/blend/index.html

@@ -19,7 +19,7 @@
     <script src="https://unpkg.com/@cornerstonejs/codec-libjpeg-turbo/dist/libjpegturbowasm.js"></script>
     <script src="https://unpkg.com/@cornerstonejs/codec-openjpeg/dist/openjpegwasm.js"></script>
     <script src="https://unpkg.com/@cornerstonejs/codec-charls/dist/charlsjs.js"></script>
-    
+
     <script src="https://unpkg.com/dicomweb-client"></script>
     <script src="https://unpkg.com/dicom-microscopy-viewer"></script>
     <!-- enable for testing locally
@@ -48,29 +48,29 @@
           thresholdValues : thresholdValues,
           opticalPathID : `15`,
         };
-        viewer.setBlendingInformation(blendingInformation);
+        window.viewer.setBlendingInformation(blendingInformation);
       }
     }
 
-    function updateChannelColor(event) {  
+    function updateChannelColor(event) {
       const hexColor = event.target.value;
       const color = [parseInt(hexColor.substr(1, 2), 16) / 255.,
-			  parseInt(hexColor.substr(3, 2), 16) / 255.,
-			  parseInt(hexColor.substr(5, 2), 16) / 255.];
+                     parseInt(hexColor.substr(3, 2), 16) / 255.,
+                     parseInt(hexColor.substr(5, 2), 16) / 255.];
       const blendingInformation = {
         color : color,
         opticalPathID : `15`,
       };
-      viewer.setBlendingInformation(blendingInformation);
+      window.viewer.setBlendingInformation(blendingInformation);
     }
-    
+
     function updateChannelToggle() {
       const opticalPathID = `15`;
       if(channelToggle.checked) {
-        viewer.activateOpticalPath(opticalPathID);
-        viewer.showOpticalPath(opticalPathID);
+        window.viewer.activateOpticalPath(opticalPathID);
+        window.viewer.showOpticalPath(opticalPathID);
       } else {
-        viewer.deactivateOpticalPath(opticalPathID);
+        window.viewer.deactivateOpticalPath(opticalPathID);
       }
     }
 
@@ -115,14 +115,14 @@
 
       // Example of custom initialization of the channel visualization parameters (this is optional)
       const BIOne = new DICOMMicroscopyViewer.metadata.BlendingInformation(
-        opticalPathIdentifier = `35`, 
+        opticalPathIdentifier = `35`,
         color = [0.,0.5,0.5],
         opacity = 1.0,
         thresholdValues = [125., 255.],
         visible = true,
       );
       const BITwo = new DICOMMicroscopyViewer.metadata.BlendingInformation(
-        opticalPathIdentifier = `1`, 
+        opticalPathIdentifier = `1`,
         color = [0.5, 0.5, 0.],
         opacity = 1.0,
         thresholdValues = [0., 255.],
@@ -135,7 +135,7 @@
         thresholdValues = [30., 255.],
         visible = true,
       );
-      
+
       const viewer = new DICOMMicroscopyViewer.api.VLWholeSlideMicroscopyImageViewer({
         client,
         metadata,

examples/simple_viewer/index.html

@@ -291,20 +291,20 @@
               seriesInstanceUID,
               sopInstanceUID,
             };
-    
+
             const promise = client.retrieveInstanceMetadata(retrieveInstanceOptions).then(metadata => {
               const image = DICOMMicroscopyViewer.metadata.formatMetadata(metadata[0]);
               if (image.ImageType[2] === "VOLUME") {
                 return(metadata[0]);
               }
             });
-    
+
             promises.push(promise);
           }
-    
+
           return(Promise.all(promises));
         }).then(metadata => {
-          
+
           const controls = [];
           try {
             const viewer = new DICOMMicroscopyViewer.api.VLWholeSlideMicroscopyImageViewer({