91 lines
2.8 KiB
JavaScript
91 lines
2.8 KiB
JavaScript
/**
|
|
* DO NOT EDIT THIS FILE.
|
|
* See the following change record for more information,
|
|
* https://www.drupal.org/node/2815083
|
|
* @preserve
|
|
**/
|
|
|
|
(function ($, Drupal) {
|
|
Drupal.theme.progressBar = function (id) {
|
|
return '<div id="' + id + '" class="progress" aria-live="polite">' + '<div class="progress__label"> </div>' + '<div class="progress__track"><div class="progress__bar"></div></div>' + '<div class="progress__percentage"></div>' + '<div class="progress__description"> </div>' + '</div>';
|
|
};
|
|
|
|
Drupal.ProgressBar = function (id, updateCallback, method, errorCallback) {
|
|
this.id = id;
|
|
this.method = method || 'GET';
|
|
this.updateCallback = updateCallback;
|
|
this.errorCallback = errorCallback;
|
|
|
|
this.element = $(Drupal.theme('progressBar', id));
|
|
};
|
|
|
|
$.extend(Drupal.ProgressBar.prototype, {
|
|
setProgress: function setProgress(percentage, message, label) {
|
|
if (percentage >= 0 && percentage <= 100) {
|
|
$(this.element).find('div.progress__bar').css('width', percentage + '%');
|
|
$(this.element).find('div.progress__percentage').html(percentage + '%');
|
|
}
|
|
$('div.progress__description', this.element).html(message);
|
|
$('div.progress__label', this.element).html(label);
|
|
if (this.updateCallback) {
|
|
this.updateCallback(percentage, message, this);
|
|
}
|
|
},
|
|
startMonitoring: function startMonitoring(uri, delay) {
|
|
this.delay = delay;
|
|
this.uri = uri;
|
|
this.sendPing();
|
|
},
|
|
stopMonitoring: function stopMonitoring() {
|
|
clearTimeout(this.timer);
|
|
|
|
this.uri = null;
|
|
},
|
|
sendPing: function sendPing() {
|
|
if (this.timer) {
|
|
clearTimeout(this.timer);
|
|
}
|
|
if (this.uri) {
|
|
var pb = this;
|
|
|
|
var uri = this.uri;
|
|
if (uri.indexOf('?') === -1) {
|
|
uri += '?';
|
|
} else {
|
|
uri += '&';
|
|
}
|
|
uri += '_format=json';
|
|
$.ajax({
|
|
type: this.method,
|
|
url: uri,
|
|
data: '',
|
|
dataType: 'json',
|
|
success: function success(progress) {
|
|
if (progress.status === 0) {
|
|
pb.displayError(progress.data);
|
|
return;
|
|
}
|
|
|
|
pb.setProgress(progress.percentage, progress.message, progress.label);
|
|
|
|
pb.timer = setTimeout(function () {
|
|
pb.sendPing();
|
|
}, pb.delay);
|
|
},
|
|
error: function error(xmlhttp) {
|
|
var e = new Drupal.AjaxError(xmlhttp, pb.uri);
|
|
pb.displayError('<pre>' + e.message + '</pre>');
|
|
}
|
|
});
|
|
}
|
|
},
|
|
displayError: function displayError(string) {
|
|
var error = $('<div class="messages messages--error"></div>').html(string);
|
|
$(this.element).before(error).hide();
|
|
|
|
if (this.errorCallback) {
|
|
this.errorCallback(this);
|
|
}
|
|
}
|
|
});
|
|
})(jQuery, Drupal); |