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