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