Mercurial > hg > orthanc
comparison PalantirExplorer/explorer.js @ 0:3959d33612cc
initial commit
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Thu, 19 Jul 2012 14:32:22 +0200 |
parents | |
children | de56f3951fad f6d12037f886 |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:3959d33612cc |
---|---|
1 // http://stackoverflow.com/questions/1663741/is-there-a-good-jquery-drag-and-drop-file-upload-plugin | |
2 | |
3 | |
4 // Forbid the access to IE | |
5 if ($.browser.msie) | |
6 { | |
7 alert("Please use Mozilla Firefox or Google Chrome. Microsoft Internet Explorer is not supported."); | |
8 } | |
9 | |
10 // http://jquerymobile.com/demos/1.1.0/docs/api/globalconfig.html | |
11 //$.mobile.ajaxEnabled = false; | |
12 //$.mobile.page.prototype.options.addBackBtn = true; | |
13 //$.mobile.defaultPageTransition = 'slide'; | |
14 | |
15 // http://stackoverflow.com/a/4673436 | |
16 String.prototype.format = function() { | |
17 var args = arguments; | |
18 return this.replace(/{(\d+)}/g, function(match, number) { | |
19 /*return typeof args[number] != 'undefined' | |
20 ? args[number] | |
21 : match;*/ | |
22 | |
23 return args[number]; | |
24 }); | |
25 }; | |
26 | |
27 | |
28 $(document).ready(function() { | |
29 var $tree = $('#dicom-tree'); | |
30 $tree.tree({ | |
31 autoEscape: false | |
32 }); | |
33 | |
34 $('#dicom-tree').bind( | |
35 'tree.click', | |
36 function(event) { | |
37 if (event.node.is_open) | |
38 $tree.tree('closeNode', event.node, true); | |
39 else | |
40 $tree.tree('openNode', event.node, true); | |
41 } | |
42 ); | |
43 }); | |
44 | |
45 | |
46 function SplitLongUid(s) | |
47 { | |
48 return '<span>' + s.substr(0, s.length / 2) + '</span> <span>' + s.substr(s.length / 2, s.length - s.length / 2) + '</span>'; | |
49 } | |
50 | |
51 | |
52 function ParseDicomDate(s) | |
53 { | |
54 y = parseInt(s.substr(0, 4), 10); | |
55 m = parseInt(s.substr(4, 2), 10) - 1; | |
56 d = parseInt(s.substr(6, 2), 10); | |
57 | |
58 if (y == null || m == null || d == null || | |
59 !isFinite(y) || !isFinite(m) || !isFinite(d)) | |
60 { | |
61 return null; | |
62 } | |
63 | |
64 if (y < 1900 || y > 2100 || | |
65 m < 0 || m >= 12 || | |
66 d <= 0 || d >= 32) | |
67 { | |
68 return null; | |
69 } | |
70 | |
71 return new Date(y, m, d); | |
72 } | |
73 | |
74 | |
75 function FormatDicomDate(s) | |
76 { | |
77 if (s == undefined) | |
78 return "No date"; | |
79 | |
80 var d = ParseDicomDate(s); | |
81 if (d == null) | |
82 return '?'; | |
83 else | |
84 return d.toString('dddd, MMMM d, yyyy'); | |
85 } | |
86 | |
87 | |
88 | |
89 function SortOnDicomTag(arr, tag, isInteger, reverse) | |
90 { | |
91 arr.sort(function(a, b) { | |
92 var ta = a.MainDicomTags[tag]; | |
93 var tb = b.MainDicomTags[tag]; | |
94 var order; | |
95 | |
96 if (isInteger) | |
97 { | |
98 ta = parseInt(ta, 10); | |
99 tb = parseInt(tb, 10); | |
100 order = ta - tb; | |
101 } | |
102 else | |
103 { | |
104 if (ta < tb) | |
105 order = -1; | |
106 else if (ta > tb) | |
107 order = 1; | |
108 else | |
109 order = 0; | |
110 } | |
111 | |
112 if (reverse) | |
113 return -order; | |
114 else | |
115 return order; | |
116 }); | |
117 } | |
118 | |
119 | |
120 | |
121 function GetSingleResource(type, uuid, callback) | |
122 { | |
123 var resource = null; | |
124 $.ajax({ | |
125 url: '/' + type + '/' + uuid, | |
126 dataType: 'json', | |
127 async: false, | |
128 success: function(s) { | |
129 callback(s); | |
130 } | |
131 }); | |
132 } | |
133 | |
134 | |
135 function GetMultipleResources(type, uuids, callback) | |
136 { | |
137 if (uuids == null) | |
138 { | |
139 $.ajax({ | |
140 url: '/' + type, | |
141 dataType: 'json', | |
142 async: false, | |
143 success: function(s) { | |
144 uuids = s; | |
145 } | |
146 }); | |
147 } | |
148 | |
149 var resources = []; | |
150 var ajaxRequests = uuids.map(function(uuid) { | |
151 return $.ajax({ | |
152 url: '/' + type + '/' + uuid, | |
153 dataType: 'json', | |
154 async: true, | |
155 success: function(s) { | |
156 resources.push(s); | |
157 } | |
158 }); | |
159 }); | |
160 | |
161 // Wait for all the AJAX requests to end | |
162 $.when.apply($, ajaxRequests).then(function() { | |
163 callback(resources); | |
164 }); | |
165 } | |
166 | |
167 | |
168 | |
169 function CompleteFormatting(s, link, isReverse) | |
170 { | |
171 if (link != null) | |
172 { | |
173 s = 'href="' + link + '">' + s + '</a>'; | |
174 | |
175 if (isReverse) | |
176 s = 'data-direction="reverse" '+ s; | |
177 | |
178 s = '<a ' + s; | |
179 } | |
180 | |
181 if (isReverse) | |
182 return '<li data-icon="back">' + s + '</li>'; | |
183 else | |
184 return '<li>' + s + '</li>'; | |
185 } | |
186 | |
187 | |
188 | |
189 function FormatPatient(patient, link, isReverse) | |
190 { | |
191 var s = ('<h3>{1}</h3>' + | |
192 '<p>Patient ID: <strong>{2}</strong></p>' + | |
193 '<p>Accession Number: <strong>{3}</strong></p>' + | |
194 '<p>Date of Birth: <strong>{4}</strong></p>' + | |
195 '<p>Sex: <strong>{5}</strong></p>' + | |
196 '<span class="ui-li-count">{6}</span>' | |
197 ).format | |
198 (link, | |
199 patient.MainDicomTags.PatientName, | |
200 patient.DicomPatientID, | |
201 patient.MainDicomTags.AccessionNumber, | |
202 FormatDicomDate(patient.MainDicomTags.PatientBirthDate), | |
203 patient.MainDicomTags.PatientSex, | |
204 patient.Studies.length | |
205 ); | |
206 | |
207 return CompleteFormatting(s, link, isReverse); | |
208 } | |
209 | |
210 | |
211 | |
212 function FormatStudy(study, link, isReverse) | |
213 { | |
214 var s = ('<h3>{0}</h3>' + | |
215 '<p>Study Instance UID: <strong>{1}</strong></p>' + | |
216 '<span class="ui-li-count">{2}</span>' | |
217 ).format | |
218 (study.MainDicomTags.StudyDescription, | |
219 SplitLongUid(study.DicomStudyInstanceUID), | |
220 study.Series.length | |
221 ); | |
222 | |
223 return CompleteFormatting(s, link, isReverse); | |
224 } | |
225 | |
226 | |
227 | |
228 function FormatSeries(series, link, isReverse) | |
229 { | |
230 var s = ('<h3>{0}</h3>' + | |
231 '<p>Modality: <strong>{1}</strong></p>' + | |
232 '<p>Protocol: <strong>{2}</strong></p>' + | |
233 '<p>Station name: <strong>{3}</strong></p>' + | |
234 '<p>Series Instance UID: <strong>{4}</strong></p>' + | |
235 '<span class="ui-li-count">{5}</span>').format | |
236 (series.MainDicomTags.SeriesDescription, | |
237 series.MainDicomTags.Modality, | |
238 series.MainDicomTags.ProtocolName, | |
239 series.MainDicomTags.StationName, | |
240 SplitLongUid(series.DicomSeriesInstanceUID), | |
241 series.Instances.length | |
242 ); | |
243 | |
244 return CompleteFormatting(s, link, isReverse); | |
245 } | |
246 | |
247 | |
248 function FormatInstance(instance, link, isReverse) | |
249 { | |
250 var s = ('<h3>Instance {0}</h3>' + | |
251 '<p>SOP Instance UID: <strong>{1}</strong></p>' | |
252 ).format | |
253 (instance.MainDicomTags.InstanceNumber, | |
254 instance.DicomSOPInstanceUID | |
255 ); | |
256 | |
257 return CompleteFormatting(s, link, isReverse); | |
258 } | |
259 | |
260 | |
261 | |
262 | |
263 $('#find-patients').live('pagebeforeshow', function() { | |
264 GetMultipleResources('patients', null, function(patients) { | |
265 var target = $('#all-patients'); | |
266 $('li', target).remove(); | |
267 | |
268 SortOnDicomTag(patients, 'PatientName', false, false); | |
269 | |
270 for (var i = 0; i < patients.length; i++) { | |
271 var p = FormatPatient(patients[i], '#patient?uuid=' + patients[i].ID); | |
272 target.append(p); | |
273 } | |
274 | |
275 target.listview('refresh'); | |
276 }); | |
277 }); | |
278 | |
279 | |
280 | |
281 $('#patient').live('pagebeforeshow', function() { | |
282 if ($.mobile.pageData) { | |
283 GetSingleResource('patients', $.mobile.pageData.uuid, function(patient) { | |
284 GetMultipleResources('studies', patient.Studies, function(studies) { | |
285 SortOnDicomTag(studies, 'StudyDate', false, true); | |
286 | |
287 $('#patient-info li').remove(); | |
288 $('#patient-info') | |
289 .append('<li data-role="list-divider">Patient</li>') | |
290 .append(FormatPatient(patient)) | |
291 .listview('refresh'); | |
292 | |
293 var target = $('#list-studies'); | |
294 $('li', target).remove(); | |
295 | |
296 for (var i = 0; i < studies.length; i++) { | |
297 if (i == 0 || studies[i].MainDicomTags.StudyDate != studies[i - 1].MainDicomTags.StudyDate) | |
298 { | |
299 target.append('<li data-role="list-divider">{0}</li>'.format | |
300 (FormatDicomDate(studies[i].MainDicomTags.StudyDate))); | |
301 } | |
302 | |
303 target.append(FormatStudy(studies[i], '#study?uuid=' + studies[i].ID)); | |
304 } | |
305 | |
306 target.listview('refresh'); | |
307 }); | |
308 }); | |
309 } | |
310 }); | |
311 | |
312 | |
313 $('#study').live('pagebeforeshow', function() { | |
314 if ($.mobile.pageData) { | |
315 GetSingleResource('studies', $.mobile.pageData.uuid, function(study) { | |
316 GetSingleResource('patients', study.ParentPatient, function(patient) { | |
317 GetMultipleResources('series', study.Series, function(series) { | |
318 SortOnDicomTag(series, 'SeriesDate', false, true); | |
319 | |
320 $('#study-info li').remove(); | |
321 $('#study-info') | |
322 .append('<li data-role="list-divider">Patient</li>') | |
323 .append(FormatPatient(patient, '#patient?uuid=' + patient.ID, true)) | |
324 .append('<li data-role="list-divider">Study</li>') | |
325 .append(FormatStudy(study)) | |
326 .listview('refresh'); | |
327 | |
328 var target = $('#list-series'); | |
329 $('li', target).remove(); | |
330 for (var i = 0; i < series.length; i++) { | |
331 if (i == 0 || series[i].MainDicomTags.SeriesDate != series[i - 1].MainDicomTags.SeriesDate) | |
332 { | |
333 target.append('<li data-role="list-divider">{0}</li>'.format | |
334 (FormatDicomDate(series[i].MainDicomTags.SeriesDate))); | |
335 } | |
336 target.append(FormatSeries(series[i], '#series?uuid=' + series[i].ID)); | |
337 } | |
338 target.listview('refresh'); | |
339 }); | |
340 }); | |
341 }); | |
342 } | |
343 }); | |
344 | |
345 | |
346 $('#series').live('pagebeforeshow', function() { | |
347 if ($.mobile.pageData) { | |
348 GetSingleResource('series', $.mobile.pageData.uuid, function(series) { | |
349 GetSingleResource('studies', series.ParentStudy, function(study) { | |
350 GetSingleResource('patients', study.ParentPatient, function(patient) { | |
351 GetMultipleResources('instances', series.Instances, function(instances) { | |
352 SortOnDicomTag(instances, 'InstanceNumber', true, false); | |
353 | |
354 $('#series-info li').remove(); | |
355 $('#series-info') | |
356 .append('<li data-role="list-divider">Patient</li>') | |
357 .append(FormatPatient(patient, '#patient?uuid=' + patient.ID, true)) | |
358 .append('<li data-role="list-divider">Study</li>') | |
359 .append(FormatStudy(study, '#study?uuid=' + study.ID, true)) | |
360 .append('<li data-role="list-divider">Series</li>') | |
361 .append(FormatSeries(series)) | |
362 .listview('refresh'); | |
363 | |
364 var target = $('#list-instances'); | |
365 $('li', target).remove(); | |
366 for (var i = 0; i < instances.length; i++) { | |
367 target.append(FormatInstance(instances[i], '#instance?uuid=' + instances[i].ID)); | |
368 } | |
369 target.listview('refresh'); | |
370 }); | |
371 }); | |
372 }); | |
373 }); | |
374 } | |
375 }); | |
376 | |
377 | |
378 | |
379 function ConvertForTree(dicom) | |
380 { | |
381 var result = []; | |
382 | |
383 for (var i in dicom) { | |
384 if (dicom [i] != null) { | |
385 if (typeof dicom[i] == 'string') | |
386 { | |
387 result.push({ | |
388 label: i + ': <strong>' + dicom[i] + '</strong>', | |
389 children: [] | |
390 }); | |
391 } | |
392 else if (typeof dicom[i] == 'number') | |
393 { | |
394 result.push({ | |
395 label: i + ': <i>Too long</i>', | |
396 children: [] | |
397 }); | |
398 } | |
399 else | |
400 { | |
401 var c = []; | |
402 for (var j = 0; j < dicom[i].length; j++) { | |
403 c.push({ | |
404 label: 'Item ' + j, | |
405 children: ConvertForTree(dicom[i][j]) | |
406 }); | |
407 } | |
408 | |
409 result.push({ | |
410 label: i + '[]', | |
411 children: c | |
412 }); | |
413 } | |
414 } | |
415 } | |
416 | |
417 return result; | |
418 } | |
419 | |
420 | |
421 $('#instance').live('pagebeforeshow', function() { | |
422 if ($.mobile.pageData) { | |
423 GetSingleResource('instances', $.mobile.pageData.uuid, function(instance) { | |
424 GetSingleResource('series', instance.ParentSeries, function(series) { | |
425 GetSingleResource('studies', series.ParentStudy, function(study) { | |
426 GetSingleResource('patients', study.ParentPatient, function(patient) { | |
427 | |
428 $('#instance-info li').remove(); | |
429 $('#instance-info') | |
430 .append('<li data-role="list-divider">Patient</li>') | |
431 .append(FormatPatient(patient, '#patient?uuid=' + patient.ID, true)) | |
432 .append('<li data-role="list-divider">Study</li>') | |
433 .append(FormatStudy(study, '#study?uuid=' + study.ID, true)) | |
434 .append('<li data-role="list-divider">Series</li>') | |
435 .append(FormatSeries(series, '#series?uuid=' + series.ID, true)) | |
436 .append('<li data-role="list-divider">Instance</li>') | |
437 .append(FormatInstance(instance)) | |
438 .listview('refresh'); | |
439 | |
440 $.ajax({ | |
441 url: '/instances/' + instance.ID + '/all-tags', | |
442 dataType: 'json', | |
443 success: function(s) { | |
444 $('#dicom-tree').tree('loadData', ConvertForTree(s)); | |
445 } | |
446 }); | |
447 | |
448 }); | |
449 }); | |
450 }); | |
451 }); | |
452 } | |
453 }); | |
454 | |
455 | |
456 | |
457 function DeleteResource(path) | |
458 { | |
459 $.ajax({ | |
460 url: path, | |
461 type: 'DELETE', | |
462 dataType: 'json', | |
463 async: false, | |
464 success: function(s) { | |
465 var ancestor = s.RemainingAncestor; | |
466 if (ancestor == null) | |
467 $.mobile.changePage('#find-patients'); | |
468 else | |
469 $.mobile.changePage('#' + ancestor.Type + '?uuid=' + ancestor.ID); | |
470 } | |
471 }); | |
472 } | |
473 | |
474 | |
475 | |
476 function OpenDeleteResourceDialog(path, title) | |
477 { | |
478 $(document).simpledialog2({ | |
479 // http://dev.jtsage.com/jQM-SimpleDialog/demos2/ | |
480 // http://dev.jtsage.com/jQM-SimpleDialog/demos2/options.html | |
481 mode: 'button', | |
482 animate: false, | |
483 headerText: title, | |
484 headerClose: true, | |
485 width: '500px', | |
486 buttons : { | |
487 'OK': { | |
488 click: function () { | |
489 DeleteResource(path); | |
490 }, | |
491 icon: "delete", | |
492 theme: "c" | |
493 }, | |
494 'Cancel': { | |
495 click: function () { | |
496 } | |
497 } | |
498 } | |
499 }); | |
500 } | |
501 | |
502 | |
503 | |
504 $('#instance-delete').live('click', function() { | |
505 OpenDeleteResourceDialog('/instances/' + $.mobile.pageData.uuid, | |
506 'Delete this instance?'); | |
507 }); | |
508 | |
509 $('#study-delete').live('click', function() { | |
510 OpenDeleteResourceDialog('/studies/' + $.mobile.pageData.uuid, | |
511 'Delete this study?'); | |
512 }); | |
513 | |
514 $('#series-delete').live('click', function() { | |
515 OpenDeleteResourceDialog('/series/' + $.mobile.pageData.uuid, | |
516 'Delete this series?'); | |
517 }); | |
518 | |
519 $('#patient-delete').live('click', function() { | |
520 OpenDeleteResourceDialog('/patients/' + $.mobile.pageData.uuid, | |
521 'Delete this patient?'); | |
522 }); | |
523 | |
524 | |
525 $('#instance-download-dicom').live('click', function(e) { | |
526 // http://stackoverflow.com/a/1296101 | |
527 e.preventDefault(); //stop the browser from following | |
528 window.location.href = '/instances/' + $.mobile.pageData.uuid + '/file'; | |
529 }); | |
530 | |
531 $('#instance-download-json').live('click', function(e) { | |
532 // http://stackoverflow.com/a/1296101 | |
533 e.preventDefault(); //stop the browser from following | |
534 window.location.href = '/instances/' + $.mobile.pageData.uuid + '/all-tags'; | |
535 }); | |
536 | |
537 | |
538 $('#instance-preview').live('click', function(e) { | |
539 jQuery.slimbox('/instances/' + $.mobile.pageData.uuid + '/normalized-image', '', { | |
540 overlayFadeDuration : 1, | |
541 resizeDuration : 1, | |
542 imageFadeDuration : 1 | |
543 }); | |
544 }); | |
545 | |
546 $('#series-preview').live('click', function(e) { | |
547 if ($.mobile.pageData) { | |
548 GetSingleResource('series', $.mobile.pageData.uuid, function(series) { | |
549 GetMultipleResources('instances', series.Instances, function(instances) { | |
550 SortOnDicomTag(instances, 'InstanceNumber', true, false); | |
551 | |
552 var images = []; | |
553 for (var i = 0; i < instances.length; i++) { | |
554 images.push([ '/instances/' + instances[i].ID + '/normalized-image', | |
555 '{0}/{1}'.format(i + 1, instances.length) ]) | |
556 } | |
557 | |
558 jQuery.slimbox(images, 0, { | |
559 overlayFadeDuration : 1, | |
560 resizeDuration : 1, | |
561 imageFadeDuration : 1, | |
562 loop : true | |
563 }); | |
564 }) | |
565 }); | |
566 } | |
567 }); | |
568 | |
569 | |
570 | |
571 | |
572 | |
573 | |
574 function ChooseDicomModality(callback) | |
575 { | |
576 $.ajax({ | |
577 url: '/modalities', | |
578 type: 'GET', | |
579 dataType: 'json', | |
580 async: false, | |
581 success: function(modalities) { | |
582 var clickedModality = ''; | |
583 var items = $('<ul>') | |
584 .attr('data-role', 'listview'); | |
585 | |
586 for (var i = 0; i < modalities.length; i++) { | |
587 var modality = modalities[i]; | |
588 var item = $('<li>') | |
589 .html('<a href="#" rel="close">' + modality + '</a>') | |
590 .attr('modality', modality) | |
591 .click(function() { | |
592 clickedModality = $(this).attr('modality'); | |
593 }); | |
594 items.append(item); | |
595 } | |
596 | |
597 $('#dialog').simpledialog2({ | |
598 mode: 'blank', | |
599 animate: false, | |
600 headerText: 'DICOM modality', | |
601 headerClose: true, | |
602 width: '100%', | |
603 blankContent: items, | |
604 callbackClose: function() { | |
605 var timer; | |
606 function WaitForDialogToClose() { | |
607 if (!$('#dialog').is(':visible')) { | |
608 clearInterval(timer); | |
609 callback(clickedModality); | |
610 } | |
611 } | |
612 timer = setInterval(WaitForDialogToClose, 100); | |
613 } | |
614 }); | |
615 } | |
616 }); | |
617 } | |
618 | |
619 | |
620 $('#instance-store,#series-store').live('click', function(e) { | |
621 ChooseDicomModality(function(modality) { | |
622 if (modality != '') { | |
623 $.ajax({ | |
624 url: '/modalities/' + modality + '/store', | |
625 type: 'POST', | |
626 dataType: 'text', | |
627 data: $.mobile.pageData.uuid, | |
628 async: true, // Necessary to block UI | |
629 beforeSend: function() { | |
630 $.blockUI({ message: $('#loading') }); | |
631 }, | |
632 complete: function(s) { | |
633 $.unblockUI(); | |
634 }, | |
635 success: function(s) { | |
636 console.log('done !'); | |
637 }, | |
638 error: function() { | |
639 alert('Error during C-Store'); | |
640 } | |
641 }); | |
642 | |
643 } | |
644 }); | |
645 }); |