Mercurial > hg > orthanc-webviewer
annotate WebApplication/viewer.js @ 209:2f27287c047c
preparing for 2019
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Mon, 24 Dec 2018 13:47:11 +0100 |
parents | 3e45f3752074 |
children | 0f042939410d |
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 |
209 | 5 * Copyright (C) 2017-2019 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 }); |