Mercurial > hg > orthanc
annotate PalantirExplorer/explorer.js @ 35:f6d12037f886
full json vs. simplified json
| author | Sebastien Jodogne <s.jodogne@gmail.com> |
|---|---|
| date | Thu, 30 Aug 2012 12:24:31 +0200 |
| parents | 3959d33612cc |
| children | dfb159a079ea |
| rev | line source |
|---|---|
| 0 | 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) { | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
384 if (dicom[i] != null) { |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
385 var label = i + '<span class="tag-name"> (<i>' + dicom[i]["Name"] + '</i>)</span>: '; |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
386 |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
387 if (dicom[i]["Type"] == 'String') |
| 0 | 388 { |
| 389 result.push({ | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
390 label: label + '<strong>' + dicom[i]["Value"] + '</strong>', |
| 0 | 391 children: [] |
| 392 }); | |
| 393 } | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
394 else if (dicom[i]["Type"] == 'TooLong') |
| 0 | 395 { |
| 396 result.push({ | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
397 label: label + '<i>Too long</i>', |
| 0 | 398 children: [] |
| 399 }); | |
| 400 } | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
401 else if (dicom[i]["Type"] == 'Null') |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
402 { |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
403 result.push({ |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
404 label: label + '<i>Null</i>', |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
405 children: [] |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
406 }); |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
407 } |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
408 else if (dicom[i]["Type"] == 'Sequence') |
| 0 | 409 { |
| 410 var c = []; | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
411 for (var j = 0; j < dicom[i]["Value"].length; j++) { |
| 0 | 412 c.push({ |
| 413 label: 'Item ' + j, | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
414 children: ConvertForTree(dicom[i]["Value"][j]) |
| 0 | 415 }); |
| 416 } | |
| 417 | |
| 418 result.push({ | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
419 label: label + '[]', |
| 0 | 420 children: c |
| 421 }); | |
| 422 } | |
| 423 } | |
| 424 } | |
| 425 | |
| 426 return result; | |
| 427 } | |
| 428 | |
| 429 | |
| 430 $('#instance').live('pagebeforeshow', function() { | |
| 431 if ($.mobile.pageData) { | |
| 432 GetSingleResource('instances', $.mobile.pageData.uuid, function(instance) { | |
| 433 GetSingleResource('series', instance.ParentSeries, function(series) { | |
| 434 GetSingleResource('studies', series.ParentStudy, function(study) { | |
| 435 GetSingleResource('patients', study.ParentPatient, function(patient) { | |
| 436 | |
| 437 $('#instance-info li').remove(); | |
| 438 $('#instance-info') | |
| 439 .append('<li data-role="list-divider">Patient</li>') | |
| 440 .append(FormatPatient(patient, '#patient?uuid=' + patient.ID, true)) | |
| 441 .append('<li data-role="list-divider">Study</li>') | |
| 442 .append(FormatStudy(study, '#study?uuid=' + study.ID, true)) | |
| 443 .append('<li data-role="list-divider">Series</li>') | |
| 444 .append(FormatSeries(series, '#series?uuid=' + series.ID, true)) | |
| 445 .append('<li data-role="list-divider">Instance</li>') | |
| 446 .append(FormatInstance(instance)) | |
| 447 .listview('refresh'); | |
| 448 | |
| 449 $.ajax({ | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
450 url: '/instances/' + instance.ID + '/tags', |
| 0 | 451 dataType: 'json', |
| 452 success: function(s) { | |
| 453 $('#dicom-tree').tree('loadData', ConvertForTree(s)); | |
| 454 } | |
| 455 }); | |
| 456 | |
| 457 }); | |
| 458 }); | |
| 459 }); | |
| 460 }); | |
| 461 } | |
| 462 }); | |
| 463 | |
| 464 | |
| 465 | |
| 466 function DeleteResource(path) | |
| 467 { | |
| 468 $.ajax({ | |
| 469 url: path, | |
| 470 type: 'DELETE', | |
| 471 dataType: 'json', | |
| 472 async: false, | |
| 473 success: function(s) { | |
| 474 var ancestor = s.RemainingAncestor; | |
| 475 if (ancestor == null) | |
| 476 $.mobile.changePage('#find-patients'); | |
| 477 else | |
| 478 $.mobile.changePage('#' + ancestor.Type + '?uuid=' + ancestor.ID); | |
| 479 } | |
| 480 }); | |
| 481 } | |
| 482 | |
| 483 | |
| 484 | |
| 485 function OpenDeleteResourceDialog(path, title) | |
| 486 { | |
| 487 $(document).simpledialog2({ | |
| 488 // http://dev.jtsage.com/jQM-SimpleDialog/demos2/ | |
| 489 // http://dev.jtsage.com/jQM-SimpleDialog/demos2/options.html | |
| 490 mode: 'button', | |
| 491 animate: false, | |
| 492 headerText: title, | |
| 493 headerClose: true, | |
| 494 width: '500px', | |
| 495 buttons : { | |
| 496 'OK': { | |
| 497 click: function () { | |
| 498 DeleteResource(path); | |
| 499 }, | |
| 500 icon: "delete", | |
| 501 theme: "c" | |
| 502 }, | |
| 503 'Cancel': { | |
| 504 click: function () { | |
| 505 } | |
| 506 } | |
| 507 } | |
| 508 }); | |
| 509 } | |
| 510 | |
| 511 | |
| 512 | |
| 513 $('#instance-delete').live('click', function() { | |
| 514 OpenDeleteResourceDialog('/instances/' + $.mobile.pageData.uuid, | |
| 515 'Delete this instance?'); | |
| 516 }); | |
| 517 | |
| 518 $('#study-delete').live('click', function() { | |
| 519 OpenDeleteResourceDialog('/studies/' + $.mobile.pageData.uuid, | |
| 520 'Delete this study?'); | |
| 521 }); | |
| 522 | |
| 523 $('#series-delete').live('click', function() { | |
| 524 OpenDeleteResourceDialog('/series/' + $.mobile.pageData.uuid, | |
| 525 'Delete this series?'); | |
| 526 }); | |
| 527 | |
| 528 $('#patient-delete').live('click', function() { | |
| 529 OpenDeleteResourceDialog('/patients/' + $.mobile.pageData.uuid, | |
| 530 'Delete this patient?'); | |
| 531 }); | |
| 532 | |
| 533 | |
| 534 $('#instance-download-dicom').live('click', function(e) { | |
| 535 // http://stackoverflow.com/a/1296101 | |
| 536 e.preventDefault(); //stop the browser from following | |
| 537 window.location.href = '/instances/' + $.mobile.pageData.uuid + '/file'; | |
| 538 }); | |
| 539 | |
| 540 $('#instance-download-json').live('click', function(e) { | |
| 541 // http://stackoverflow.com/a/1296101 | |
| 542 e.preventDefault(); //stop the browser from following | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
543 window.location.href = '/instances/' + $.mobile.pageData.uuid + '/tags'; |
| 0 | 544 }); |
| 545 | |
| 546 | |
| 547 $('#instance-preview').live('click', function(e) { | |
| 548 jQuery.slimbox('/instances/' + $.mobile.pageData.uuid + '/normalized-image', '', { | |
| 549 overlayFadeDuration : 1, | |
| 550 resizeDuration : 1, | |
| 551 imageFadeDuration : 1 | |
| 552 }); | |
| 553 }); | |
| 554 | |
| 555 $('#series-preview').live('click', function(e) { | |
| 556 if ($.mobile.pageData) { | |
| 557 GetSingleResource('series', $.mobile.pageData.uuid, function(series) { | |
| 558 GetMultipleResources('instances', series.Instances, function(instances) { | |
| 559 SortOnDicomTag(instances, 'InstanceNumber', true, false); | |
| 560 | |
| 561 var images = []; | |
| 562 for (var i = 0; i < instances.length; i++) { | |
| 563 images.push([ '/instances/' + instances[i].ID + '/normalized-image', | |
| 564 '{0}/{1}'.format(i + 1, instances.length) ]) | |
| 565 } | |
| 566 | |
| 567 jQuery.slimbox(images, 0, { | |
| 568 overlayFadeDuration : 1, | |
| 569 resizeDuration : 1, | |
| 570 imageFadeDuration : 1, | |
| 571 loop : true | |
| 572 }); | |
| 573 }) | |
| 574 }); | |
| 575 } | |
| 576 }); | |
| 577 | |
| 578 | |
| 579 | |
| 580 | |
| 581 | |
| 582 | |
| 583 function ChooseDicomModality(callback) | |
| 584 { | |
| 585 $.ajax({ | |
| 586 url: '/modalities', | |
| 587 type: 'GET', | |
| 588 dataType: 'json', | |
| 589 async: false, | |
| 590 success: function(modalities) { | |
| 591 var clickedModality = ''; | |
| 592 var items = $('<ul>') | |
| 593 .attr('data-role', 'listview'); | |
| 594 | |
| 595 for (var i = 0; i < modalities.length; i++) { | |
| 596 var modality = modalities[i]; | |
| 597 var item = $('<li>') | |
| 598 .html('<a href="#" rel="close">' + modality + '</a>') | |
| 599 .attr('modality', modality) | |
| 600 .click(function() { | |
| 601 clickedModality = $(this).attr('modality'); | |
| 602 }); | |
| 603 items.append(item); | |
| 604 } | |
| 605 | |
| 606 $('#dialog').simpledialog2({ | |
| 607 mode: 'blank', | |
| 608 animate: false, | |
| 609 headerText: 'DICOM modality', | |
| 610 headerClose: true, | |
| 611 width: '100%', | |
| 612 blankContent: items, | |
| 613 callbackClose: function() { | |
| 614 var timer; | |
| 615 function WaitForDialogToClose() { | |
| 616 if (!$('#dialog').is(':visible')) { | |
| 617 clearInterval(timer); | |
| 618 callback(clickedModality); | |
| 619 } | |
| 620 } | |
| 621 timer = setInterval(WaitForDialogToClose, 100); | |
| 622 } | |
| 623 }); | |
| 624 } | |
| 625 }); | |
| 626 } | |
| 627 | |
| 628 | |
| 629 $('#instance-store,#series-store').live('click', function(e) { | |
| 630 ChooseDicomModality(function(modality) { | |
| 631 if (modality != '') { | |
| 632 $.ajax({ | |
| 633 url: '/modalities/' + modality + '/store', | |
| 634 type: 'POST', | |
| 635 dataType: 'text', | |
| 636 data: $.mobile.pageData.uuid, | |
| 637 async: true, // Necessary to block UI | |
| 638 beforeSend: function() { | |
| 639 $.blockUI({ message: $('#loading') }); | |
| 640 }, | |
| 641 complete: function(s) { | |
| 642 $.unblockUI(); | |
| 643 }, | |
| 644 success: function(s) { | |
| 645 console.log('done !'); | |
| 646 }, | |
| 647 error: function() { | |
| 648 alert('Error during C-Store'); | |
| 649 } | |
| 650 }); | |
| 651 | |
| 652 } | |
| 653 }); | |
| 654 }); | |
|
35
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
655 |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
656 |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
657 $('#show-tag-name').live('change', function(e) { |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
658 var checked = e.currentTarget.checked; |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
659 if (checked) |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
660 $('.tag-name').show(); |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
661 else |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
662 $('.tag-name').hide(); |
|
f6d12037f886
full json vs. simplified json
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
0
diff
changeset
|
663 }); |