update UI

This commit is contained in:
doubaniux 2021-09-01 12:17:38 +02:00
parent 7d2c96609c
commit eac10cbaaa
2 changed files with 9 additions and 9 deletions

View file

@ -147,11 +147,9 @@ $(document).ready( function() {
let formData = new FormData(form[0]);
// disable submit button for a while
// disable submit button
btn.prop('disabled', true);
setTimeout(() => {
btn.prop('disabled', false);
}, 2000);
// show progress bar & hide last status
$(".import-panel__progress").show();
$(".import-panel__last-task").hide();
@ -171,17 +169,14 @@ $(document).ready( function() {
processData: false,
enctype: form.attr("enctype"),
success: function (response) {
// console.log("here");
// console.log(response);
// long polling
poll();
},
error: function (response) {
// console.log("there")
// console.log(response)
},
complete: function (response) {
// console.log("somewhere")
// console.log(response)
},
});
@ -217,12 +212,13 @@ $(document).ready( function() {
percent.text('100%');
progress.attr("max", 1);
progress.attr("value", 1);
$("#uploadBtn").prop('disabled', false);
// update last task summary
$("#lastTaskTotalItems").text(data.total_items);
$("#lastTaskSuccessItems").text(data.success_items);
$("#lastTaskStatus").text(data.status);
// display failed urls
if (failed_urls.length > 0) {
if (data.failed_urls.length > 0) {
$(".import-panel__fail-urls").show();
data.failed_urls.forEach((v, i) => {
console.log(v)

View file

@ -594,7 +594,11 @@
<div class="import-panel__file-input">
<input type="file" name="file" id="excelFile" required accept=".xlsx">
</div>
<input type="submit" class="import-panel__button" value="{% trans '导入' %}" id="uploadBtn">
<input type="submit" class="import-panel__button" value="{% trans '导入' %}" id="uploadBtn"
{% if not latest_task is None and not latest_task.is_finished %}
disabled
{% endif %}
>
</form>
<div class="import-panel__progress"
{% if latest_task.is_finished or latest_task is None %}