From a9fdf2153d0c5c32c9ef475bd97a41ff7d38ad86 Mon Sep 17 00:00:00 2001
From: Meisenburger13 <melissa.eisenburger@gmail.com>
Date: Thu, 31 Aug 2023 22:19:52 -0400
Subject: [PATCH] prevent empty search

---
 templates/includes/header.html |  3 ++-
 templates/index.html           | 13 +++++++++++--
 templates/results.html         |  8 ++++++++
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/templates/includes/header.html b/templates/includes/header.html
index 79984b3..3993f6e 100644
--- a/templates/includes/header.html
+++ b/templates/includes/header.html
@@ -10,7 +10,7 @@
             <div>
                 <div class="d-inline-block">
                     {% if search_term %}
-                    <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" action="/results" method="GET">
+                    <form name="searchbox" class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" action="/results" method="GET" onsubmit="return emptySearch()">
                         <!-- <input type="search" class="form-control" placeholder="Search..." aria-label="Search"> -->
                         <div>
                             <div class="searchbox">
@@ -21,6 +21,7 @@
                                 <input class="form-control" aria-label="Search for Article, Researcher"
                                     autocomplete="off" inputmode="search" placeholder="Search for Article, Researcher"
                                     type="search" name="txtSearchTerm" value="{{search_term}}" />
+                                <div class="text-secondary" id="emptySearch" style="padding-left: 50px;"></div>
                             </div>
                         </div>
                     </form>
diff --git a/templates/index.html b/templates/index.html
index b23e0ea..699ab96 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -12,7 +12,7 @@
     <div id='mainContent' class="container">
 
         <div class="bsearch">
-            <form action="/results" method="GET">
+            <form name="searchbox" action="/results" method="GET" onsubmit="return emptySearch()">
                 <div class="">
                     <h2 class="text-center text-dark fs-1 fw-bold mb-4">Welcome to NFDI4DS Gateway</h2>
                     <div class="row mb-4">
@@ -32,9 +32,10 @@ <h4 class="text-secondary">The vision of NFDI4DS is to support all
                         </svg>
                         <input aria-label="Search for Articles and Researchers" autocomplete="off" inputmode="search"
                             placeholder="Search" type="search" name="txtSearchTerm" />
+                        <div class="text-secondary" id="emptySearch" style="padding-left: 50px;"></div>
                     </div>
                     <!--sample search terms-->
-                    <div class="d-flex justify-content-center mt-2">
+                    <div class="d-flex justify-content-center mt-4">
                         <span class="m-2">Search Tips:</span>
                         <a href="/results?txtSearchTerm=Ricardo+Usbeck" class="btn btn-success btn-sm m-2"
                             role="button">Ricardo Usbeck</a>
@@ -236,6 +237,14 @@ <h2 class="text-center text-dark fs-1 fw-bold mt-5 mb-2">Partners</h2>
 
 <script>
 
+    function emptySearch() {
+        var search = document.forms["searchbox"]["txtSearchTerm"].value;
+        if (search == "" || search == null || !/\S/.test(search)) {
+            document.getElementById("emptySearch").innerHTML = "\u2B11" + "Please enter a search term";
+            return false;
+        }
+    }
+
 </script>
 
 {% endblock javascripts %}
\ No newline at end of file
diff --git a/templates/results.html b/templates/results.html
index fe4d295..3257faf 100644
--- a/templates/results.html
+++ b/templates/results.html
@@ -205,6 +205,14 @@
 
     });
 
+    function emptySearch() {
+        var search = document.forms["searchbox"]["txtSearchTerm"].value;
+        if (search == "" || search == null || !/\S/.test(search)) {
+            document.getElementById("emptySearch").innerHTML = "\u2B11" + "Please enter a search term";
+            return false;
+        }
+    }
+