Added global progressbar for all uploads
This commit is contained in:
parent
38072e1900
commit
b1a33110fc
|
@ -30,6 +30,7 @@
|
||||||
.file_upload_filename { position: relative; z-index:100; padding-left: 0.8em; padding-right: 0.8em; cursor:pointer; border-top-left-radius:0; border-bottom-left-radius:0; }
|
.file_upload_filename { position: relative; z-index:100; padding-left: 0.8em; padding-right: 0.8em; cursor:pointer; border-top-left-radius:0; border-bottom-left-radius:0; }
|
||||||
.file_upload_filename img { position: absolute; top: 0.4em; left: 0.4em; }
|
.file_upload_filename img { position: absolute; top: 0.4em; left: 0.4em; }
|
||||||
|
|
||||||
|
#uploadprogressbar { position:absolute; right:14.5em; display:inline-block; width:10em; height:1.5em; top:.4em; }
|
||||||
|
|
||||||
.file_upload_form, .file_upload_wrapper, .file_upload_start, .file_upload_filename, #file_upload_submit { cursor:pointer; }
|
.file_upload_form, .file_upload_wrapper, .file_upload_start, .file_upload_filename, #file_upload_submit { cursor:pointer; }
|
||||||
|
|
||||||
|
|
|
@ -223,7 +223,19 @@ $(document).ready(function() {
|
||||||
// TODO: cancel upload & display error notification
|
// TODO: cancel upload & display error notification
|
||||||
},
|
},
|
||||||
progress: function(e, data) {
|
progress: function(e, data) {
|
||||||
// TODO: show nice progress bar
|
// TODO: show nice progress bar in file row
|
||||||
|
},
|
||||||
|
progressall: function(e, data) {
|
||||||
|
var progress = (data.loaded/data.total)*100;
|
||||||
|
$('#uploadprogressbar').progressbar('value',progress);
|
||||||
|
},
|
||||||
|
start: function(e, data) {
|
||||||
|
$('#uploadprogressbar').progressbar({value:0});
|
||||||
|
$('#uploadprogressbar').fadeIn();
|
||||||
|
},
|
||||||
|
stop: function(e, data) {
|
||||||
|
$('#uploadprogressbar').progressbar('value',100);
|
||||||
|
$('#uploadprogressbar').fadeOut();
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
});
|
});
|
||||||
|
|
|
@ -21,6 +21,7 @@
|
||||||
<iframe name="file_upload_target_1" class='file_upload_target' src=""></iframe>
|
<iframe name="file_upload_target_1" class='file_upload_target' src=""></iframe>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="uploadprogressbar"></div>
|
||||||
</div>
|
</div>
|
||||||
<div id="file_action_panel"></div>
|
<div id="file_action_panel"></div>
|
||||||
<?php else:?>
|
<?php else:?>
|
||||||
|
|
Loading…
Reference in New Issue