Update templates/index.html

templates/index.html

@@ -4,7 +4,12 @@
     <meta charset="utf-8">
     <title>SEPredictor</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N" crossorigin="anonymous">
+      function displayImage() {
+        document.getElementById("myImage").src = "loading.gif";
+        document.getElementById("myImage").style.display = "block";
+      }
+    </script>
     <style>
       body {
         background-color: #EEEEEE;
@@ -48,6 +53,7 @@
         <textarea type="text" id="query" name="query" class="form-control" rows="10"></textarea>
       </div>
       <input type="submit" value="Search similar patents" class="btn btn-primary mb-3">
+      <img src="" id="myImage" style="display:none;">
     </form>