diff --git a/data/demo.mv.db b/data/demo.mv.db index 58a471a1a46f01613223ede85826889a448b65b6..f3831a855cd30eccd93151d4e4273a5c67b3f682 100644 Binary files a/data/demo.mv.db and b/data/demo.mv.db differ diff --git a/src/main/resources/templates/upload.html b/src/main/resources/templates/upload.html index 42973c2f259dad8b41c3f8cb327f3375418ba56a..c263d6d2f0b93fb1402a6328d77c29337544e52a 100644 --- a/src/main/resources/templates/upload.html +++ b/src/main/resources/templates/upload.html @@ -37,7 +37,7 @@ </style> </head> <body> - +<!-- navbar --> <nav class="navbar navbar-expand-lg navbar-light bg-light static-top"> <div class="container"> <a class="navbar-brand" href="/upload">Article Processor</a> @@ -64,7 +64,7 @@ </div> </nav> - +<!-- header --> <header class="masthead"> <div class="container position-relative"> <div class="row justify-content-center"> @@ -88,6 +88,9 @@ </div> </div> </header> + + +<!--PDF window --> <div class="container text-center mt-4"> <embed id="pdf-preview" style="display: none; width: 100%; height: 600px; border: 1px solid #ddd;"></embed> <div id="upload-button-wrapper" style="display: none;" class="text-center mt-3"> @@ -95,7 +98,13 @@ </div> <div id="processing-message" class="mt-3 text-primary" style="display: none; font-weight: bold;"> Processing PDF<span id="dots"></span> +</div> + +<!-- alert message --> +<div id="alert-container" class="container mt-4" style="display: none;"> + <div id="alert-box" class="alert" role="alert"> </div> +</div> @@ -223,11 +232,30 @@ errorMessage = xhr.responseText; } - alert(errorMessage); // zobrazà chybu + //alert(errorMessage); // zobrazà chybu + showAlert(errorMessage, 'danger'); } }); }); + function showAlert(message, type) { + const alertContainer = document.getElementById('alert-container'); + const alertBox = document.getElementById('alert-box'); + + alertBox.className = 'alert alert-' + type; // type (danger, success, warning) + alertBox.innerHTML = message; + + alertContainer.style.display = 'block'; + + // Automatické skrytie + /* + setTimeout(() => { + alertContainer.style.display = 'none'; + }, 10000); + + */ + } + </script>