diff --git a/citesphere/src/main/webapp/WEB-INF/views/auth/group/item.html b/citesphere/src/main/webapp/WEB-INF/views/auth/group/item.html index e55bf9880..f81061544 100644 --- a/citesphere/src/main/webapp/WEB-INF/views/auth/group/item.html +++ b/citesphere/src/main/webapp/WEB-INF/views/auth/group/item.html @@ -99,6 +99,7 @@ for (var i = 0; i < uploadFiles.length; i++) { formData.append("files", uploadFiles[i]); } + showLoader(); $.ajax({ type: "POST", @@ -110,7 +111,10 @@ data: formData, success: function(data) { document.getElementById('uploadFileInput').value = ''; - $("#uploadFileModal").modal('hide'); + setTimeout(function(){ + $("#uploadFileModal").modal('hide'); + location.reload(); + }, 2000); } }); @@ -284,6 +288,31 @@ }); } + function showLoader() { + const loader = document.createElement('div'); + loader.classList.add('loader'); + loader.style.border = '6px solid #f3f3f3'; + loader.style.borderTop = '6px solid #3498db'; + loader.style.borderRadius = '50%'; + loader.style.width = '30px'; + loader.style.height = '30px'; + loader.style.animation = 'spin 2s linear infinite'; + loader.style.display = 'inline-block'; + loader.style.float = 'left'; + + const message = document.createElement('p'); + message.classList.add('message'); + message.textContent = 'upload started...'; + message.style.display = 'inline-block'; + message.style.margin = '10px 0px 10px 0px'; + message.style.paddingLeft = '15px'; + message.style.float = 'left'; + + const uploadFileFooter = document.getElementById('uploadFileFooter'); + uploadFileFooter.prepend(message); + uploadFileFooter.prepend(loader); + } + @@ -640,11 +669,11 @@