Mercurial > hg > orthanc
annotate OrthancExplorer/file-upload.js @ 3159:4cfed5c2eacd
added debug info for Orthanc issue #1
author | Alain Mazy <alain@mazy.be> |
---|---|
date | Thu, 24 Jan 2019 10:54:47 +0100 |
parents | b311cff247ca |
children | fc9a4a2dad63 |
rev | line source |
---|---|
0 | 1 var pendingUploads = []; |
2 var currentUpload = 0; | |
3 var totalUpload = 0; | |
3159
4cfed5c2eacd
added debug info for Orthanc issue #1
Alain Mazy <alain@mazy.be>
parents:
3104
diff
changeset
|
4 var alreadyInitialized = false; // trying to debug Orthanc issue #1 |
0 | 5 |
6 $(document).ready(function() { | |
3159
4cfed5c2eacd
added debug info for Orthanc issue #1
Alain Mazy <alain@mazy.be>
parents:
3104
diff
changeset
|
7 if (alreadyInitialized) { |
4cfed5c2eacd
added debug info for Orthanc issue #1
Alain Mazy <alain@mazy.be>
parents:
3104
diff
changeset
|
8 console.log("Orthanc issue #1: the fileupload has been initialized twice !"); |
4cfed5c2eacd
added debug info for Orthanc issue #1
Alain Mazy <alain@mazy.be>
parents:
3104
diff
changeset
|
9 } else { |
4cfed5c2eacd
added debug info for Orthanc issue #1
Alain Mazy <alain@mazy.be>
parents:
3104
diff
changeset
|
10 alreadyInitialized = true; |
4cfed5c2eacd
added debug info for Orthanc issue #1
Alain Mazy <alain@mazy.be>
parents:
3104
diff
changeset
|
11 } |
4cfed5c2eacd
added debug info for Orthanc issue #1
Alain Mazy <alain@mazy.be>
parents:
3104
diff
changeset
|
12 |
0 | 13 // Initialize the jQuery File Upload widget: |
14 $('#fileupload').fileupload({ | |
15 //dataType: 'json', | |
16 //maxChunkSize: 500, | |
17 //sequentialUploads: true, | |
18 limitConcurrentUploads: 3, | |
19 add: function (e, data) { | |
20 pendingUploads.push(data); | |
21 } | |
22 }) | |
23 .bind('fileuploadstop', function(e, data) { | |
24 $('#upload-button').removeClass('ui-disabled'); | |
25 //$('#upload-abort').addClass('ui-disabled'); | |
26 $('#progress .bar').css('width', '100%'); | |
27 if ($('#progress .label').text() != 'Failure') | |
28 $('#progress .label').text('Done'); | |
29 }) | |
30 .bind('fileuploadfail', function(e, data) { | |
31 $('#progress .bar') | |
32 .css('width', '100%') | |
33 .css('background-color', 'red'); | |
34 $('#progress .label').text('Failure'); | |
35 }) | |
36 .bind('fileuploaddrop', function (e, data) { | |
3159
4cfed5c2eacd
added debug info for Orthanc issue #1
Alain Mazy <alain@mazy.be>
parents:
3104
diff
changeset
|
37 console.log("dropped " + data.files.length + " files: ", data); |
3102
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
38 appendFilesToUploadList(data.files); |
0 | 39 }) |
40 .bind('fileuploadsend', function (e, data) { | |
41 // Update the progress bar. Note: for some weird reason, the | |
42 // "fileuploadprogressall" does not work under Firefox. | |
3103
81b58b549845
back to using 'var' instead of 'let' since let is not supported by many old browsers. All variables declaration have been moved to the top of the function to better show that their scope is the function
Alain Mazy <alain@mazy.be>
parents:
3102
diff
changeset
|
43 var progress = parseInt(currentUpload / totalUploads * 100, 10); |
0 | 44 currentUpload += 1; |
45 $('#progress .label').text('Uploading: ' + progress + '%'); | |
46 $('#progress .bar') | |
47 .css('width', progress + '%') | |
48 .css('background-color', 'green'); | |
49 }); | |
50 }); | |
51 | |
3102
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
52 function appendFilesToUploadList(files) { |
3103
81b58b549845
back to using 'var' instead of 'let' since let is not supported by many old browsers. All variables declaration have been moved to the top of the function to better show that their scope is the function
Alain Mazy <alain@mazy.be>
parents:
3102
diff
changeset
|
53 var target = $('#upload-list'); |
3102
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
54 $.each(files, function (index, file) { |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
55 target.append('<li class="pending-file">' + file.name + '</li>'); |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
56 }); |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
57 target.listview('refresh'); |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
58 } |
0 | 59 |
3102
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
60 $('#fileupload').live('change', function (e) { |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
61 appendFilesToUploadList(e.target.files); |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
62 }) |
0 | 63 |
64 $('#upload').live('pageshow', function() { | |
3102
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
65 if (navigator.userAgent.toLowerCase().indexOf('firefox') == -1) { |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
66 $("#issue-21-warning").css('display', 'none'); |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
67 } |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
68 |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
69 // alert('WARNING - This page is currently affected by Orthanc issue #21: ' + |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
70 // '"DICOM files might be missing after uploading with Mozilla Firefox." ' + |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
71 // 'Do not use this upload feature for clinical uses, or carefully ' + |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
72 // 'check that all instances have been properly received by Orthanc. ' + |
9b18c8d4d459
'fix' for Orthanc issue 21: added a select file button + a warning specific for Firefox users
Alain Mazy <alain@mazy.be>
parents:
3023
diff
changeset
|
73 // 'Please use the command-line "ImportDicomFiles.py" script to circumvent this issue.'); |
0 | 74 $('#fileupload').fileupload('enable'); |
75 }); | |
76 | |
77 $('#upload').live('pagehide', function() { | |
78 $('#fileupload').fileupload('disable'); | |
79 }); | |
80 | |
81 | |
82 $('#upload-button').live('click', function() { | |
3103
81b58b549845
back to using 'var' instead of 'let' since let is not supported by many old browsers. All variables declaration have been moved to the top of the function to better show that their scope is the function
Alain Mazy <alain@mazy.be>
parents:
3102
diff
changeset
|
83 var pu = pendingUploads; |
0 | 84 pendingUploads = []; |
85 | |
86 $('.pending-file').remove(); | |
87 $('#upload-list').listview('refresh'); | |
88 $('#progress .bar').css('width', '0%'); | |
89 $('#progress .label').text(''); | |
90 | |
91 currentUpload = 1; | |
92 totalUploads = pu.length + 1; | |
93 if (pu.length > 0) { | |
94 $('#upload-button').addClass('ui-disabled'); | |
95 //$('#upload-abort').removeClass('ui-disabled'); | |
96 } | |
97 | |
3103
81b58b549845
back to using 'var' instead of 'let' since let is not supported by many old browsers. All variables declaration have been moved to the top of the function to better show that their scope is the function
Alain Mazy <alain@mazy.be>
parents:
3102
diff
changeset
|
98 for (var i = 0; i < pu.length; i++) { |
0 | 99 pu[i].submit(); |
100 } | |
101 }); | |
102 | |
103 $('#upload-clear').live('click', function() { | |
104 pendingUploads = []; | |
105 $('.pending-file').remove(); | |
106 $('#upload-list').listview('refresh'); | |
107 }); | |
108 | |
109 /*$('#upload-abort').live('click', function() { | |
110 $('#fileupload').fileupload().abort(); | |
111 });*/ |