77 lines
2.7 KiB
JavaScript
77 lines
2.7 KiB
JavaScript
(function() {
|
|
this.ImporterStatus = (function() {
|
|
function ImporterStatus(jobs_url, import_url) {
|
|
this.jobs_url = jobs_url;
|
|
this.import_url = import_url;
|
|
this.initStatusPage();
|
|
this.setAutoUpdate();
|
|
}
|
|
|
|
ImporterStatus.prototype.initStatusPage = function() {
|
|
$('.js-add-to-import').off('click').on('click', (function(_this) {
|
|
return function(e) {
|
|
var $btn, $namespace_input, $target_field, $tr, id, new_namespace;
|
|
$btn = $(e.currentTarget);
|
|
$tr = $btn.closest('tr');
|
|
$target_field = $tr.find('.import-target');
|
|
$namespace_input = $target_field.find('input');
|
|
id = $tr.attr('id').replace('repo_', '');
|
|
new_namespace = null;
|
|
if ($namespace_input.length > 0) {
|
|
new_namespace = $namespace_input.prop('value');
|
|
$target_field.empty().append(new_namespace + "/" + ($target_field.data('project_name')));
|
|
}
|
|
$btn.disable().addClass('is-loading');
|
|
return $.post(_this.import_url, {
|
|
repo_id: id,
|
|
new_namespace: new_namespace
|
|
}, {
|
|
dataType: 'script'
|
|
});
|
|
};
|
|
})(this));
|
|
return $('.js-import-all').off('click').on('click', function(e) {
|
|
var $btn;
|
|
$btn = $(this);
|
|
$btn.disable().addClass('is-loading');
|
|
return $('.js-add-to-import').each(function() {
|
|
return $(this).trigger('click');
|
|
});
|
|
});
|
|
};
|
|
|
|
ImporterStatus.prototype.setAutoUpdate = function() {
|
|
return setInterval(((function(_this) {
|
|
return function() {
|
|
return $.get(_this.jobs_url, function(data) {
|
|
return $.each(data, function(i, job) {
|
|
var job_item, status_field;
|
|
job_item = $("#project_" + job.id);
|
|
status_field = job_item.find(".job-status");
|
|
if (job.import_status === 'finished') {
|
|
job_item.removeClass("active").addClass("success");
|
|
return status_field.html('<span><i class="fa fa-check"></i> done</span>');
|
|
} else if (job.import_status === 'started') {
|
|
return status_field.html("<i class='fa fa-spinner fa-spin'></i> started");
|
|
} else {
|
|
return status_field.html(job.import_status);
|
|
}
|
|
});
|
|
});
|
|
};
|
|
})(this)), 4000);
|
|
};
|
|
|
|
return ImporterStatus;
|
|
|
|
})();
|
|
|
|
$(function() {
|
|
if ($('.js-importer-status').length) {
|
|
var jobsImportPath = $('.js-importer-status').data('jobs-import-path');
|
|
var importPath = $('.js-importer-status').data('import-path');
|
|
|
|
new ImporterStatus(jobsImportPath, importPath);
|
|
}
|
|
});
|
|
}).call(this);
|