diff options
| -rw-r--r-- | src/css/fms.css | 16 | ||||
| -rw-r--r-- | src/js/models/report.js | 17 |
2 files changed, 32 insertions, 1 deletions
diff --git a/src/css/fms.css b/src/css/fms.css index d5b7477..637ca82 100644 --- a/src/css/fms.css +++ b/src/css/fms.css @@ -171,6 +171,22 @@ background: url('images/ajax-loader.gif'); } + .ui-loader h1 { + position: absolute; + top: 50%; + margin: 40px 10px 0px 10px; + } + + .ui-loader #progress { + display: none; + position: absolute; + top: 50%; + left: 10%; + margin-top: 80px; + background-color: white; + height: 10px; + } + .ui-header .ui-title, .ui-footer .ui-title { diff --git a/src/js/models/report.js b/src/js/models/report.js index 9ffb9c1..82f6572 100644 --- a/src/js/models/report.js +++ b/src/js/models/report.js @@ -126,7 +126,22 @@ fileOptions.chunkedMode = false; var ft = new FileTransfer(); - $.mobile.loading('show'); + ft.onprogress = function(evt) { + if (evt.lengthComputable) { + var pcnt = (evt.loaded/evt.total) * 80; + pcnt = pcnt + '%'; + $('.ui-loader #progress').css('display', 'block'); + $('.ui-loader #progress').css('width', pcnt); + if ( pcnt == '80%' ) { + $('.ui-loader #progress').css('background-color', 'green' ); + } + } + }; + $.mobile.loading('show', { + text: 'loading images takes a while, please be patient', + textVisible: true, + html: '<span class="ui-icon ui-icon-loading"></span><h1>loading images takes a while, please be patient</h1><span id="progress"></span>' + }); ft.upload(fileURI, CONFIG.FMS_URL + "report/new/mobile", fileUploadSuccess, fileUploadFail, fileOptions); } else { $.ajax( { |