Mercurial > hg > orthanc-webviewer
annotate WebApplication/viewer.js @ 208:9f443b9de579
CMake: add ${CMAKE_CURRENT_BINARY_DIR} to DownloadPackage()
| author | Sebastien Jodogne <s.jodogne@gmail.com> |
|---|---|
| date | Fri, 21 Dec 2018 14:00:16 +0100 |
| parents | 3e45f3752074 |
| children | 2f27287c047c |
| rev | line source |
|---|---|
| 0 | 1 /** |
| 2 * Orthanc - A Lightweight, RESTful DICOM Store | |
| 122 | 3 * Copyright (C) 2012-2016 Sebastien Jodogne, Medical Physics |
| 0 | 4 * Department, University Hospital of Liege, Belgium |
|
174
81f16c5667ba
upgrade to year 2018
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
160
diff
changeset
|
5 * Copyright (C) 2017-2018 Osimis S.A., Belgium |
| 0 | 6 * |
| 7 * This program is free software: you can redistribute it and/or | |
| 8 * modify it under the terms of the GNU Affero General Public License | |
| 9 * as published by the Free Software Foundation, either version 3 of | |
| 10 * the License, or (at your option) any later version. | |
| 11 * | |
| 12 * This program is distributed in the hope that it will be useful, but | |
| 13 * WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 14 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 15 * Affero General Public License for more details. | |
| 16 * | |
| 17 * You should have received a copy of the GNU Affero General Public License | |
| 18 * along with this program. If not, see <http://www.gnu.org/licenses/>. | |
| 19 **/ | |
| 20 | |
| 21 | |
|
126
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
22 // Set the default compression |
| 0 | 23 var compression = 'jpeg95'; |
| 160 | 24 var isFirst = true; |
|
126
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
25 //var compression = 'deflate'; |
| 0 | 26 |
| 27 | |
| 28 // Prevent the access to IE | |
| 29 if(navigator.appVersion.indexOf("MSIE ") != -1) | |
| 30 { | |
| 31 alert("Please use Mozilla Firefox or Google Chrome. Microsoft Internet Explorer is not supported."); | |
| 32 } | |
| 33 | |
| 34 | |
| 35 function ResizeCornerstone() | |
| 36 { | |
| 37 $('#dicomImage').height($(window).height() - $('#slider').parent().height()); | |
| 38 var element = $('#dicomImage').get(0); | |
| 39 cornerstone.resize(element, true); | |
| 40 } | |
| 41 | |
| 42 | |
| 43 function SetWindowing(center, width) | |
| 44 { | |
| 45 var element = $('#dicomImage').get(0); | |
| 46 var viewport = cornerstone.getViewport(element); | |
| 47 viewport.voi.windowCenter = center; | |
| 48 viewport.voi.windowWidth = width; | |
| 49 cornerstone.setViewport(element, viewport); | |
| 50 UpdateViewportInformation(); | |
| 51 } | |
| 52 | |
| 53 | |
| 54 function SetFullWindowing() | |
| 55 { | |
| 56 var element = $('#dicomImage').get(0); | |
| 57 var viewport = cornerstone.getViewport(element); | |
| 58 var image = cornerstone.getEnabledElement(element).image; | |
| 59 | |
| 60 if (image.color) { | |
| 61 // Ignore color images | |
| 62 return; | |
| 63 } | |
| 64 | |
| 65 var minValue = image.minPixelValue; | |
| 66 var maxValue = image.maxPixelValue; | |
| 67 if (minValue == undefined || | |
| 68 maxValue == undefined || | |
| 69 minValue == maxValue) { | |
| 70 return; | |
| 71 } | |
| 72 | |
| 73 if (image.slope != undefined && | |
| 74 image.intercept != undefined) { | |
| 75 minValue = minValue * image.slope + image.intercept; | |
| 76 maxValue = maxValue * image.slope + image.intercept; | |
| 77 } | |
| 78 | |
| 79 viewport.voi.windowCenter = (minValue + maxValue) / 2.0; | |
| 80 viewport.voi.windowWidth = (maxValue - minValue) / 2.0; | |
| 81 cornerstone.setViewport(element, viewport); | |
| 82 UpdateViewportInformation(); | |
| 83 } | |
| 84 | |
| 85 | |
| 86 function SetDefaultWindowing() | |
| 87 { | |
| 88 var element = $('#dicomImage').get(0); | |
| 89 var viewport = cornerstone.getViewport(element); | |
| 90 var image = cornerstone.getEnabledElement(element).image; | |
| 91 | |
| 92 viewport.voi.windowCenter = image.windowCenter; | |
| 93 viewport.voi.windowWidth = image.windowWidth; | |
| 94 cornerstone.setViewport(element, viewport); | |
| 95 UpdateViewportInformation(); | |
| 96 } | |
| 97 | |
| 98 | |
| 99 function SetBoneWindowing() | |
| 100 { | |
| 101 SetWindowing(300, 2000); | |
| 102 } | |
| 103 | |
| 104 | |
| 105 function SetLungWindowing() | |
| 106 { | |
| 107 SetWindowing(-600, 1600); | |
| 108 } | |
| 109 | |
| 110 | |
| 111 function UpdateViewportInformation() | |
| 112 { | |
| 113 var element = $('#dicomImage').get(0); | |
| 114 var viewport = cornerstone.getViewport(element); | |
| 115 | |
| 116 $('#bottomleft').text('WW/WL:' + Math.round(viewport.voi.windowWidth) + '/' + Math.round(viewport.voi.windowCenter)); | |
| 117 $('#bottomright').text('Zoom: ' + viewport.scale.toFixed(2) + 'x'); | |
| 118 } | |
| 119 | |
| 120 | |
| 121 function ToggleSeriesInformation() | |
| 122 { | |
| 123 $('#topright').toggle(); | |
| 124 } | |
| 125 | |
| 126 | |
| 127 function ToggleInterpolation() | |
| 128 { | |
| 129 var element = $('#dicomImage').get(0); | |
| 130 var viewport = cornerstone.getViewport(element); | |
| 131 if (viewport.pixelReplication === true) { | |
| 132 viewport.pixelReplication = false; | |
| 133 } else { | |
| 134 viewport.pixelReplication = true; | |
| 135 } | |
| 136 cornerstone.setViewport(element, viewport); | |
| 137 } | |
| 138 | |
| 139 | |
| 140 function ToggleInversion() | |
| 141 { | |
| 142 var element = $('#dicomImage').get(0); | |
| 143 var viewport = cornerstone.getViewport(element); | |
| 144 if (viewport.invert === true) { | |
| 145 viewport.invert = false; | |
| 146 } else { | |
| 147 viewport.invert = true; | |
| 148 } | |
| 149 cornerstone.setViewport(element, viewport); | |
| 150 } | |
| 151 | |
| 152 | |
| 153 function DownloadInstance(instance) | |
| 154 { | |
| 155 // http://stackoverflow.com/a/3749395/881731 | |
| 156 var hiddenIFrameID = 'hiddenDownloader', | |
| 157 iframe = document.getElementById(hiddenIFrameID); | |
| 158 if (iframe === null) { | |
| 159 iframe = document.createElement('iframe'); | |
| 160 iframe.id = hiddenIFrameID; | |
| 161 iframe.style.display = 'none'; | |
| 162 document.body.appendChild(iframe); | |
| 163 } | |
|
185
3e45f3752074
Fix download of DICOM instance from the toolbox
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
174
diff
changeset
|
164 |
|
3e45f3752074
Fix download of DICOM instance from the toolbox
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
174
diff
changeset
|
165 var id = instance; |
|
3e45f3752074
Fix download of DICOM instance from the toolbox
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
174
diff
changeset
|
166 var pos = instance.indexOf('_'); |
|
3e45f3752074
Fix download of DICOM instance from the toolbox
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
174
diff
changeset
|
167 if (pos != -1) { |
|
3e45f3752074
Fix download of DICOM instance from the toolbox
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
174
diff
changeset
|
168 // Remove the frame index (after the underscore) |
|
3e45f3752074
Fix download of DICOM instance from the toolbox
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
174
diff
changeset
|
169 id = id.substring(0, pos); |
|
3e45f3752074
Fix download of DICOM instance from the toolbox
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
174
diff
changeset
|
170 } |
|
3e45f3752074
Fix download of DICOM instance from the toolbox
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
174
diff
changeset
|
171 |
|
3e45f3752074
Fix download of DICOM instance from the toolbox
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
174
diff
changeset
|
172 iframe.src = '../../instances/' + id + '/file'; |
| 0 | 173 } |
| 174 | |
| 175 | |
| 176 function AdjustZoom() | |
| 177 { | |
| 178 var element = $('#dicomImage').get(0); | |
| 179 cornerstone.fitToWindow(element); | |
| 180 } | |
| 181 | |
| 182 | |
| 183 function ZoomIn() | |
| 184 { | |
| 185 var element = $('#dicomImage').get(0); | |
| 186 var viewport = cornerstone.getViewport(element); | |
| 187 viewport.scale /= 0.5; | |
| 188 cornerstone.setViewport(element, viewport); | |
| 189 UpdateViewportInformation(); | |
| 190 } | |
| 191 | |
| 192 | |
| 193 function ZoomOut() | |
| 194 { | |
| 195 var element = $('#dicomImage').get(0); | |
| 196 var viewport = cornerstone.getViewport(element); | |
| 197 viewport.scale *= 0.5; | |
| 198 cornerstone.setViewport(element, viewport); | |
| 199 UpdateViewportInformation(); | |
| 200 } | |
| 201 | |
| 202 | |
| 203 | |
| 204 (function (cornerstone) { | |
| 205 'use strict'; | |
| 206 | |
| 207 function PrintRange(pixels) | |
| 208 { | |
| 209 var a = Infinity; | |
| 210 var b = -Infinity; | |
| 211 | |
| 212 for (var i = 0, length = pixels.length; i < length; i++) { | |
| 213 if (pixels[i] < a) | |
| 214 a = pixels[i]; | |
| 215 if (pixels[i] > b) | |
| 216 b = pixels[i]; | |
| 217 } | |
| 218 | |
| 219 console.log(a + ' ' + b); | |
| 220 } | |
| 221 | |
| 222 function ChangeDynamics(pixels, source1, target1, source2, target2) | |
| 223 { | |
| 224 var scale = (target2 - target1) / (source2 - source1); | |
| 225 var offset = (target1) - scale * source1; | |
| 226 | |
| 227 for (var i = 0, length = pixels.length; i < length; i++) { | |
| 228 pixels[i] = scale * pixels[i] + offset; | |
| 229 } | |
| 230 } | |
| 231 | |
| 232 | |
| 233 function getPixelDataDeflate(image) { | |
| 234 // Decompresses the base64 buffer that was compressed with Deflate | |
| 235 var s = pako.inflate(window.atob(image.Orthanc.PixelData)); | |
| 236 var pixels = null; | |
| 237 | |
| 238 if (image.color) { | |
| 239 var buf = new ArrayBuffer(s.length / 3 * 4); // RGB32 | |
| 240 pixels = new Uint8Array(buf); | |
| 241 var index = 0; | |
| 242 for (var i = 0, length = s.length; i < length; i += 3) { | |
| 243 pixels[index++] = s[i]; | |
| 244 pixels[index++] = s[i + 1]; | |
| 245 pixels[index++] = s[i + 2]; | |
| 246 pixels[index++] = 255; // Alpha channel | |
| 247 } | |
|
126
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
248 } else{ |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
249 var buf = new ArrayBuffer(s.length * 2); // uint16_t or int16_t |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
250 |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
251 if (image.Orthanc.IsSigned) { |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
252 pixels = new Int16Array(buf); |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
253 } else { |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
254 pixels = new Uint16Array(buf); |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
255 } |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
256 |
| 0 | 257 var index = 0; |
| 258 for (var i = 0, length = s.length; i < length; i += 2) { | |
| 259 var lower = s[i]; | |
| 260 var upper = s[i + 1]; | |
| 261 pixels[index] = lower + upper * 256; | |
| 262 index++; | |
| 263 } | |
| 264 } | |
| 265 | |
| 266 return pixels; | |
| 267 } | |
| 268 | |
| 269 | |
| 270 // http://stackoverflow.com/a/11058858/881731 | |
| 271 function str2ab(str) { | |
| 272 var buf = new ArrayBuffer(str.length); | |
| 273 var pixels = new Uint8Array(buf); | |
| 274 for (var i = 0, strLen=str.length; i<strLen; i++) { | |
| 275 pixels[i] = str.charCodeAt(i); | |
| 276 } | |
| 277 return pixels; | |
| 278 } | |
| 279 | |
| 280 function getPixelDataJpeg(image) { | |
| 281 var jpegReader = new JpegImage(); | |
| 282 var jpeg = str2ab(window.atob(image.Orthanc.PixelData)); | |
| 283 jpegReader.parse(jpeg); | |
| 284 var s = jpegReader.getData(image.width, image.height); | |
| 285 var pixels = null; | |
| 286 | |
| 287 if (image.color) { | |
| 288 var buf = new ArrayBuffer(s.length / 3 * 4); // RGB32 | |
| 289 pixels = new Uint8Array(buf); | |
| 290 var index = 0; | |
| 291 for (var i = 0, length = s.length; i < length; i += 3) { | |
| 292 pixels[index++] = s[i]; | |
| 293 pixels[index++] = s[i + 1]; | |
| 294 pixels[index++] = s[i + 2]; | |
| 295 pixels[index++] = 255; // Alpha channel | |
| 296 } | |
| 297 } else { | |
|
126
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
298 var buf = new ArrayBuffer(s.length * 2); // uint16_t or int16_t |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
299 |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
300 if (image.Orthanc.IsSigned) { |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
301 pixels = new Int16Array(buf); |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
302 } else { |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
303 pixels = new Uint16Array(buf); |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
304 } |
|
f99adade8b77
Fixed rendering of 16bpp images if values are < 0 or >= 32768
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
122
diff
changeset
|
305 |
| 0 | 306 var index = 0; |
| 307 for (var i = 0, length = s.length; i < length; i++) { | |
| 308 pixels[index] = s[i]; | |
| 309 index++; | |
| 310 } | |
| 311 | |
| 312 if (image.Orthanc.Stretched) { | |
| 313 ChangeDynamics(pixels, 0, image.Orthanc.StretchLow, 255, image.Orthanc.StretchHigh); | |
| 314 } | |
| 315 } | |
| 316 | |
| 317 return pixels; | |
| 318 } | |
| 319 | |
| 320 | |
| 321 function getOrthancImage(imageId) { | |
| 322 var result = null; | |
| 323 | |
| 324 $.ajax({ | |
| 325 type: 'GET', | |
| 326 url: '../instances/' + compression + '-' + imageId, | |
| 327 dataType: 'json', | |
| 328 cache: true, | |
| 329 async: false, | |
| 330 success: function(image) { | |
| 331 image.imageId = imageId; | |
| 332 if (image.color) | |
| 333 image.render = cornerstone.renderColorImage; | |
| 334 else | |
| 335 image.render = cornerstone.renderGrayscaleImage; | |
| 336 | |
| 160 | 337 if (isFirst) { |
| 338 if (image.Orthanc.PhotometricInterpretation == "MONOCHROME1") { | |
| 339 image.invert = true; | |
| 340 } else { | |
| 341 image.invert = false; | |
| 342 } | |
| 343 | |
| 344 isFirst = false; | |
| 345 } | |
| 346 | |
| 0 | 347 image.getPixelData = function() { |
| 348 if (image.Orthanc.Compression == 'Deflate') | |
| 349 return getPixelDataDeflate(this); | |
| 350 | |
| 351 if (image.Orthanc.Compression == 'Jpeg') | |
| 352 return getPixelDataJpeg(this); | |
| 353 | |
| 354 // Unknown compression | |
| 355 return null; | |
| 356 } | |
| 357 | |
| 358 result = image; | |
| 359 }, | |
| 360 error: function() { | |
|
104
83d4afba88ff
display error messages
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
99
diff
changeset
|
361 alert('Error: This image is not supported by the Web viewer.'); |
| 0 | 362 return null; |
| 363 } | |
| 364 }); | |
| 365 | |
| 366 var deferred = $.Deferred(); | |
| 367 deferred.resolve(result); | |
| 368 return deferred; | |
| 369 } | |
| 370 | |
| 371 // register our imageLoader plugin with cornerstone | |
| 372 cornerstone.registerImageLoader('', getOrthancImage); | |
| 373 | |
| 374 }(cornerstone)); | |
| 375 | |
| 376 | |
| 377 $(document).ready(function() { | |
| 378 $('#open-toolbar').button({ | |
| 379 icons: { primary: 'ui-icon-custom-orthanc' }, | |
| 380 text: false | |
| 381 }); | |
| 382 | |
|
2
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
383 $('#unstable').tooltip(); |
|
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
384 |
| 0 | 385 var series = window.url('?series', window.location.search); |
| 386 if (series == null) | |
| 387 return; | |
| 388 | |
| 389 console.log('Displaying series: ' + series); | |
| 390 var instances = [ ]; | |
| 391 | |
| 392 $.ajax({ | |
| 393 type: 'GET', | |
| 394 url: '../series/' + series, | |
| 395 dataType: 'json', | |
| 396 cache: false, | |
| 397 async: false, | |
| 398 success: function(volume) { | |
|
99
46ec13a1177c
use of ordered-slices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
71
diff
changeset
|
399 if (volume.Slices.length != 0) { |
|
46ec13a1177c
use of ordered-slices
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
71
diff
changeset
|
400 instances = volume.Slices; |
|
71
9bb7caee0509
Fix for old versions of jQuery
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
19
diff
changeset
|
401 $('#topright').html(volume.PatientID + '<br/>' + |
|
9bb7caee0509
Fix for old versions of jQuery
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
19
diff
changeset
|
402 volume.PatientName + '<br/>' + |
|
9bb7caee0509
Fix for old versions of jQuery
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
19
diff
changeset
|
403 volume.StudyDescription + '<br/>' + |
|
9bb7caee0509
Fix for old versions of jQuery
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
19
diff
changeset
|
404 volume.SeriesDescription + '<br/>'); |
| 0 | 405 } |
|
104
83d4afba88ff
display error messages
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
99
diff
changeset
|
406 }, |
|
83d4afba88ff
display error messages
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
99
diff
changeset
|
407 failure: function() { |
|
83d4afba88ff
display error messages
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
99
diff
changeset
|
408 alert('Error: This image is not supported by the Web viewer.'); |
| 0 | 409 } |
| 410 }); | |
| 411 | |
| 412 if (instances.length == 0) | |
| 413 { | |
| 414 console.log('No image in this series'); | |
| 415 return; | |
| 416 } | |
| 417 | |
| 418 | |
|
2
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
419 $.ajax({ |
|
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
420 type: 'GET', |
| 19 | 421 url: '../is-stable-series/' + series, |
|
2
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
422 dataType: 'json', |
|
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
423 cache: false, |
|
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
424 async: true, |
| 19 | 425 success: function(stable) { |
| 426 if (!stable) { | |
|
2
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
427 $('#unstable').show(); |
|
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
428 } |
|
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
429 } |
|
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
430 }); |
|
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
431 |
|
c919d488471f
throbber to reflect the receiving of instances
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
432 |
| 0 | 433 var currentImageIndex = 0; |
| 434 | |
| 435 // updates the image display | |
| 436 function updateTheImage(imageIndex) { | |
| 437 return cornerstone.loadAndCacheImage(instances[imageIndex]).then(function(image) { | |
| 438 currentImageIndex = imageIndex; | |
| 439 var viewport = cornerstone.getViewport(element); | |
| 440 cornerstone.displayImage(element, image, viewport); | |
| 441 }); | |
| 442 } | |
| 443 | |
| 444 // image enable the element | |
| 445 var element = $('#dicomImage').get(0); | |
| 446 cornerstone.enable(element); | |
| 447 | |
| 448 // set event handlers | |
| 449 /*function onImageRendered(e, eventData) { | |
| 450 $('#topright').text('Render Time:' + eventData.renderTimeInMs + ' ms'); | |
| 451 } | |
| 452 $(element).on('CornerstoneImageRendered', onImageRendered);*/ | |
| 453 | |
| 454 // load and display the image | |
| 455 var imagePromise = updateTheImage(0); | |
| 456 | |
| 457 // add handlers for mouse events once the image is loaded. | |
| 458 imagePromise.then(function() { | |
| 459 viewport = cornerstone.getViewport(element); | |
| 460 UpdateViewportInformation(); | |
| 461 | |
| 462 // add event handlers to pan image on mouse move | |
| 463 $('#dicomImage').mousedown(function (e) { | |
| 464 var lastX = e.pageX; | |
| 465 var lastY = e.pageY; | |
| 466 var mouseButton = e.which; | |
| 467 | |
| 468 $(toolbar).hide(); | |
| 469 | |
| 470 $(document).mousemove(function (e) { | |
| 471 var deltaX = e.pageX - lastX, | |
| 472 deltaY = e.pageY - lastY; | |
| 473 lastX = e.pageX; | |
| 474 lastY = e.pageY; | |
| 475 | |
| 476 if (mouseButton == 1) { | |
| 477 var viewport = cornerstone.getViewport(element); | |
| 478 viewport.voi.windowWidth += (deltaX / viewport.scale); | |
| 479 viewport.voi.windowCenter += (deltaY / viewport.scale); | |
| 480 cornerstone.setViewport(element, viewport); | |
| 481 UpdateViewportInformation(); | |
| 482 } | |
| 483 else if (mouseButton == 2) { | |
| 484 var viewport = cornerstone.getViewport(element); | |
| 485 viewport.translation.x += (deltaX / viewport.scale); | |
| 486 viewport.translation.y += (deltaY / viewport.scale); | |
| 487 cornerstone.setViewport(element, viewport); | |
| 488 } | |
| 489 else if (mouseButton == 3) { | |
| 490 var viewport = cornerstone.getViewport(element); | |
| 491 viewport.scale += (deltaY / 100); | |
| 492 cornerstone.setViewport(element, viewport); | |
| 493 UpdateViewportInformation(); | |
| 494 } | |
| 495 }); | |
| 496 | |
| 497 $(document).mouseup(function (e) { | |
| 498 $(document).unbind('mousemove'); | |
| 499 $(document).unbind('mouseup'); | |
| 500 }); | |
| 501 }); | |
| 502 | |
| 503 $('#dicomImage').on('mousewheel DOMMouseScroll', function (e) { | |
| 504 // Firefox e.originalEvent.detail > 0 scroll back, < 0 scroll forward | |
| 505 // chrome/safari e.originalEvent.wheelDelta < 0 scroll back, > 0 scroll forward | |
| 506 if (e.originalEvent.wheelDelta < 0 || e.originalEvent.detail > 0) { | |
| 507 currentImageIndex ++; | |
| 508 if (currentImageIndex >= instances.length) { | |
| 509 currentImageIndex = instances.length - 1; | |
| 510 } | |
| 511 } else { | |
| 512 currentImageIndex --; | |
| 513 if (currentImageIndex < 0) { | |
| 514 currentImageIndex = 0; | |
| 515 } | |
| 516 } | |
| 517 | |
| 518 updateTheImage(currentImageIndex); | |
| 519 $('#slider').slider("option", "value", currentImageIndex); | |
| 520 | |
| 521 //prevent page fom scrolling | |
| 522 return false; | |
| 523 }); | |
| 524 }); | |
| 525 | |
| 526 | |
| 527 $('#slider').slider({ | |
| 528 min: 0, | |
| 529 max: instances.length - 1, | |
| 530 slide: function(event, ui) { | |
| 531 updateTheImage(ui.value); | |
| 532 } | |
| 533 }); | |
| 534 | |
| 535 var toolbar = $.jsPanel({ | |
| 536 position: { top: 50, left: 10 }, | |
| 537 size: { width: 155, height: 200 }, | |
| 538 content: $('#toolbar-content').clone().show(), | |
| 539 controls: { buttons: 'none' }, | |
| 540 title: '<a target="_blank" href="http://www.orthanc-server.com/"><img src="images/orthanc-logo.png" /></a>' | |
| 541 }); | |
| 542 | |
| 543 $('#open-toolbar').click(function() { | |
| 544 toolbar.toggle(); | |
| 545 }); | |
| 546 | |
| 547 $(toolbar).hide(); | |
| 548 | |
| 549 $('.toolbar-view', toolbar).buttonset() | |
| 550 .children().first().button({ | |
| 551 icons: { primary: 'ui-icon-info' }, | |
| 552 text: false | |
| 553 }).click(ToggleSeriesInformation).next().button({ | |
| 554 icons: { primary: 'ui-icon-custom-inversion' }, | |
| 555 text: false | |
| 556 }).click(ToggleInversion).next().button({ | |
| 557 icons: { primary: 'ui-icon-custom-interpolation' }, | |
| 558 text: false | |
| 559 }).click(ToggleInterpolation).next().button({ | |
| 560 icons: { primary: 'ui-icon-circle-triangle-s' }, | |
| 561 text: false | |
| 562 }).click(function() { | |
| 563 DownloadInstance(instances[currentImageIndex]); | |
| 564 }); | |
| 565 | |
| 566 $('.toolbar-zoom', toolbar).buttonset() | |
| 567 .children().first().button({ | |
| 568 icons: { primary: 'ui-icon-image' }, | |
| 569 text: false | |
| 570 }).click(AdjustZoom).next().button({ | |
| 571 icons: { primary: 'ui-icon-zoomin' }, | |
| 572 text: false | |
| 573 }).click(ZoomIn).next().button({ | |
| 574 icons: { primary: 'ui-icon-zoomout' }, | |
| 575 text: false | |
| 576 }).click(ZoomOut); | |
| 577 | |
| 578 $('.toolbar-windowing', toolbar).buttonset() | |
| 579 .children().first().button({ | |
| 580 icons: { primary: 'ui-icon-custom-default' }, | |
| 581 text: false | |
| 582 }).click(SetDefaultWindowing).next().button({ | |
| 583 icons: { primary: 'ui-icon-custom-stretch' }, | |
| 584 text: false | |
| 585 }).click(SetFullWindowing).next().button({ | |
| 586 icons: { primary: 'ui-icon-custom-lung' }, | |
| 587 text: false | |
| 588 }).click(SetLungWindowing).next().button({ | |
| 589 icons: { primary: 'ui-icon-custom-bone' }, | |
| 590 text: false | |
| 591 }).click(SetBoneWindowing); | |
| 592 | |
| 593 | |
| 594 function SetCompression(c) | |
| 595 { | |
| 596 compression = c; | |
| 597 cornerstone.imageCache.purgeCache(); | |
| 598 updateTheImage(currentImageIndex); | |
| 599 cornerstone.invalidateImageId(instances[currentImageIndex]); | |
| 600 } | |
| 601 | |
| 602 $('.toolbar-quality', toolbar).buttonset() | |
| 603 .children().first().button({ | |
| 604 label: 'L' | |
| 605 }).click(function() { | |
| 606 SetCompression('jpeg80'); | |
| 607 }).next().button({ | |
| 608 label: 'M' | |
| 609 }).click(function() { | |
| 610 SetCompression('jpeg95'); | |
| 611 }).next().button({ | |
| 612 label: 'H' | |
| 613 }).click(function() { | |
| 614 SetCompression('deflate'); | |
| 615 }); | |
| 616 | |
| 617 | |
| 618 ResizeCornerstone(); | |
| 619 $(window).resize(function(e) { | |
| 620 if (!$(e.target).hasClass('jsPanel')) // Ignore toolbar resizing | |
| 621 { | |
| 622 ResizeCornerstone(); | |
| 623 } | |
| 624 }); | |
| 625 | |
| 626 }); |