Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

prevent accidentally leaving the page when uploading file

Browse source
This commit is contained in:
Dane Everitt 2017-01-19 22:22:11 -05:00
parent 83c776fc82
commit 6149400ced
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
public/themes/pterodactyl/js/frontend/files/upload.js
View file

@ -18,11 +18,18 @@
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
// SOFTWARE. // SOFTWARE.
(function initUploader() { (function initUploader() {
var uploadInProgress = false;
var notifyUploadSocketError = false; var notifyUploadSocketError = false;
uploadSocket = io(Pterodactyl.node.scheme + '://' + Pterodactyl.node.fqdn + ':' + Pterodactyl.node.daemonListen + '/upload/' + Pterodactyl.server.uuid, { uploadSocket = io(Pterodactyl.node.scheme + '://' + Pterodactyl.node.fqdn + ':' + Pterodactyl.node.daemonListen + '/upload/' + Pterodactyl.server.uuid, {
'query': 'token=' + Pterodactyl.server.daemonSecret, 'query': 'token=' + Pterodactyl.server.daemonSecret,
}); });
window.onbeforeunload = function () {
if (uploadInProgress) {
return "An upload is in progress. Navigating away will abort this upload, are you sure you want to continue?";
}
}
uploadSocket.io.on('connect_error', function (err) { uploadSocket.io.on('connect_error', function (err) {
if(typeof notifyUploadSocketError !== 'object') { if(typeof notifyUploadSocketError !== 'object') {
notifyUploadSocketError = $.notify({ notifyUploadSocketError = $.notify({
@ -77,6 +84,7 @@
}); });
siofu.addEventListener('start', function (event) { siofu.addEventListener('start', function (event) {
uploadInProgress = true;
event.file.meta.path = $('#headerTableRow').attr('data-currentdir'); event.file.meta.path = $('#headerTableRow').attr('data-currentdir');
event.file.meta.identifier = Math.random().toString(36).slice(2); event.file.meta.identifier = Math.random().toString(36).slice(2);
@ -85,7 +93,7 @@
<td>' + event.file.name + '</td> \ <td>' + event.file.name + '</td> \
<td colspan=2">&nbsp;</td> \ <td colspan=2">&nbsp;</td> \
</tr><tr> \ </tr><tr> \
<td colspan="4" class="has-progress"> \ <td colspan="5" class="has-progress"> \
<div class="progress progress-table-bottom active"> \ <div class="progress progress-table-bottom active"> \
<div class="progress-bar progress-bar-info prog-bar-' + event.file.meta.identifier +'" style="width: 0%"></div> \ <div class="progress-bar progress-bar-info prog-bar-' + event.file.meta.identifier +'" style="width: 0%"></div> \
</div> \ </div> \
@ -104,7 +112,8 @@
}); });
// Do something when a file is uploaded: // Do something when a file is uploaded:
siofu.addEventListener('complete', function(event){ siofu.addEventListener('complete', function(event) {
uploadInProgress = false;
if (!event.success) { if (!event.success) {
$('.prog-bar-' + event.file.meta.identifier).css('width', '100%').removeClass('progress-bar-info').addClass('progress-bar-danger'); $('.prog-bar-' + event.file.meta.identifier).css('width', '100%').removeClass('progress-bar-info').addClass('progress-bar-danger');
$.notify({ $.notify({
@ -116,7 +125,8 @@
} }
}); });
siofu.addEventListener('error', function(event){ siofu.addEventListener('error', function(event) {
uploadInProgress = false;
console.error(event); console.error(event);
$('.prog-bar-' + event.file.meta.identifier).css('width', '100%').removeClass('progress-bar-info').addClass('progress-bar-danger'); $('.prog-bar-' + event.file.meta.identifier).css('width', '100%').removeClass('progress-bar-info').addClass('progress-bar-danger');
$.notify({ $.notify({