Mercurial > hg > orthanc
annotate OrthancExplorer/file-upload.js @ 3109:6aa8d90aeee5
minor layout modification
| author | Sebastien Jodogne <s.jodogne@gmail.com> |
|---|---|
| date | Fri, 11 Jan 2019 10:46:16 +0100 |
| parents | b311cff247ca |
| children | 7047222cfa96 |
| rev | line source |
|---|---|
| 0 | 1 var pendingUploads = []; |
| 2 var currentUpload = 0; | |
| 3 var totalUpload = 0; | |
| 4 | |
| 5 $(document).ready(function() { | |
| 6 // Initialize the jQuery File Upload widget: | |
| 7 $('#fileupload').fileupload({ | |
| 8 //dataType: 'json', | |
| 9 //maxChunkSize: 500, | |
| 10 //sequentialUploads: true, | |
| 11 limitConcurrentUploads: 3, | |
| 12 add: function (e, data) { | |
| 13 pendingUploads.push(data); | |
| 14 } | |
| 15 }) | |
| 16 .bind('fileuploadstop', function(e, data) { | |
| 17 $('#upload-button').removeClass('ui-disabled'); | |
| 18 //$('#upload-abort').addClass('ui-disabled'); | |
| 19 $('#progress .bar').css('width', '100%'); | |
| 20 if ($('#progress .label').text() != 'Failure') | |
| 21 $('#progress .label').text('Done'); | |
| 22 }) | |
| 23 .bind('fileuploadfail', function(e, data) { | |
| 24 $('#progress .bar') | |
| 25 .css('width', '100%') | |
| 26 .css('background-color', 'red'); | |
| 27 $('#progress .label').text('Failure'); | |
| 28 }) | |
| 29 .bind('fileuploaddrop', function (e, data) { | |
|
3104
b311cff247ca
added a log in console to debug issue #1. Can't reproduce the issue since then so let's keep the log!
Alain Mazy <alain@mazy.be>
parents:
3103
diff
changeset
|
30 console.log("dropped " + data.files.length + " files"); |
|
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
|
31 appendFilesToUploadList(data.files); |
| 0 | 32 }) |
| 33 .bind('fileuploadsend', function (e, data) { | |
| 34 // Update the progress bar. Note: for some weird reason, the | |
| 35 // "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
|
36 var progress = parseInt(currentUpload / totalUploads * 100, 10); |
| 0 | 37 currentUpload += 1; |
| 38 $('#progress .label').text('Uploading: ' + progress + '%'); | |
| 39 $('#progress .bar') | |
| 40 .css('width', progress + '%') | |
| 41 .css('background-color', 'green'); | |
| 42 }); | |
| 43 }); | |
| 44 | |
|
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
|
45 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
|
46 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
|
47 $.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
|
48 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
|
49 }); |
|
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
|
50 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
|
51 } |
| 0 | 52 |
|
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
|
53 $('#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
|
54 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
|
55 }) |
| 0 | 56 |
| 57 $('#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
|
58 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
|
59 $("#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
|
60 } |
|
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 |
| 0 | 62 $('#fileupload').fileupload('enable'); |
| 63 }); | |
| 64 | |
| 65 $('#upload').live('pagehide', function() { | |
| 66 $('#fileupload').fileupload('disable'); | |
| 67 }); | |
| 68 | |
| 69 | |
| 70 $('#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
|
71 var pu = pendingUploads; |
| 0 | 72 pendingUploads = []; |
| 73 | |
| 74 $('.pending-file').remove(); | |
| 75 $('#upload-list').listview('refresh'); | |
| 76 $('#progress .bar').css('width', '0%'); | |
| 77 $('#progress .label').text(''); | |
| 78 | |
| 79 currentUpload = 1; | |
| 80 totalUploads = pu.length + 1; | |
| 81 if (pu.length > 0) { | |
| 82 $('#upload-button').addClass('ui-disabled'); | |
| 83 //$('#upload-abort').removeClass('ui-disabled'); | |
| 84 } | |
| 85 | |
|
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
|
86 for (var i = 0; i < pu.length; i++) { |
| 0 | 87 pu[i].submit(); |
| 88 } | |
| 89 }); | |
| 90 | |
| 91 $('#upload-clear').live('click', function() { | |
| 92 pendingUploads = []; | |
| 93 $('.pending-file').remove(); | |
| 94 $('#upload-list').listview('refresh'); | |
| 95 }); | |
| 96 | |
| 97 /*$('#upload-abort').live('click', function() { | |
| 98 $('#fileupload').fileupload().abort(); | |
| 99 });*/ |