From 4304a165581c6e8b736b46ce6f820231253623a7 Mon Sep 17 00:00:00 2001
From: Bruce Schubert <bruce@emxsys.com>
Date: Wed, 19 Aug 2020 17:41:08 -0700
Subject: [PATCH 1/2] Adding support for searching the caller names - Work in
 progress

---
 src/userinterface/templates/base.html | 25 +++++++++++++++++++++++--
 src/userinterface/webapp.py           | 14 +++++++++-----
 2 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/src/userinterface/templates/base.html b/src/userinterface/templates/base.html
index 9c4dbeb..b04be32 100644
--- a/src/userinterface/templates/base.html
+++ b/src/userinterface/templates/base.html
@@ -53,8 +53,17 @@
           </li>
         </ul>
         <form class="form-inline my-2 my-lg-0" action="/calls" method="get">
-          <input class="form-control mr-sm-2" type="search" name="search" placeholder="Phone number" aria-label="Search">
-          <button class="btn btn-success my-2 my-sm-0" name="submit" type="submit">Search</button>
+          <input class="form-control mr-sm-2" type="search" name="search" id="input-search" placeholder="Phone number" aria-label="Search">
+          <div class="btn-group">
+            <button type="submit" class="btn btn-success my-2 my-sm-0" id="btn-search" name="submit" value="phone">Search</button>
+            <button type="button" class="btn btn-success my-2 my-sm-0 dropdown-toggle dropdown-toggle-split" data-toggle="dropdown">
+              <span class="caret"></span>
+            </button>
+            <div class="dropdown-menu">
+              <a class="dropdown-item" id="menu-phone" href="#">Search Phone</a>
+              <a class="dropdown-item" id="menu-name" href="#">Search Name</a>
+            </div>
+          </div>
         </form>
       </div>
     </div>
@@ -82,6 +91,18 @@
 {% block js %}{% endblock %}
 
   <script>
+    // Set the search type
+    $('#menu-name').on('click', function() {
+      $('#btn-search').val('name')
+      $('#input-search').attr('placeholder',"Enter Text")
+    })
+    $('#menu-phone').on('click', function() {
+      $('#btn-search').val('phone')
+      $('#input-search').attr('placeholder',"Phone Number")
+    })
+
+
+
     // Highlight the nav-item in the navbar with the matching "active_nav_item" id
     $(document).ready( function () {
       {% if active_nav_item %}
diff --git a/src/userinterface/webapp.py b/src/userinterface/webapp.py
index ea4e04d..bbd171f 100644
--- a/src/userinterface/webapp.py
+++ b/src/userinterface/webapp.py
@@ -268,16 +268,20 @@ def calls():
     # Get GET request args, if available
     number = request.args.get('number')
     search_text = request.args.get('search')
+    search_type = request.args.get('submit')
 
     # Get search criteria, if applicable
     search_criteria = ""
     if search_text:
-        num_list = re.findall('[0-9]+', search_text)
-        number = "".join(num_list)  # override GET arg if we're searching
-        search_criteria = "WHERE Number='{}'".format(number)
+        if search_type == "phone":
+            num_list = re.findall('[0-9]+', search_text)
+            number = "".join(num_list)  # override GET arg if we're searching
+            search_criteria = "WHERE Number='{}'".format(number)
+        else:
+            search_criteria = "WHERE Caller LIKE '%{}%'".format(search_text)
 
     # Get values used for pagination of the call log
-    sql = "SELECT COUNT(*) FROM CallLog {}".format(search_criteria)
+    sql = "SELECT COUNT(*), Number, Name Caller FROM CallLog {}".format(search_criteria)
     g.cur.execute(sql)
     total = g.cur.fetchone()[0]
     page, per_page, offset = get_page_args(
@@ -291,7 +295,7 @@ def calls():
             WHEN b.PhoneNo is not null then b.Name
             WHEN c.PhoneNo is not null then c.Name
             ELSE a.Name
-        END Name,
+        END Caller,
         a.Number Number,
         a.Date,
         a.Time,

From df3d8397e0752752f85cafad1b54e7665b7b8948 Mon Sep 17 00:00:00 2001
From: Bruce Schubert <bruce@emxsys.com>
Date: Thu, 20 Aug 2020 08:44:16 -0700
Subject: [PATCH 2/2] Added a header to the search menu

---
 src/userinterface/templates/base.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/userinterface/templates/base.html b/src/userinterface/templates/base.html
index b04be32..dd9e58c 100644
--- a/src/userinterface/templates/base.html
+++ b/src/userinterface/templates/base.html
@@ -60,8 +60,9 @@
               <span class="caret"></span>
             </button>
             <div class="dropdown-menu">
-              <a class="dropdown-item" id="menu-phone" href="#">Search Phone</a>
-              <a class="dropdown-item" id="menu-name" href="#">Search Name</a>
+              <div class="dropdown-header">SEARCH TYPE</div>
+              <a class="dropdown-item" id="menu-phone" href="#">Phone Search</a>
+              <a class="dropdown-item" id="menu-name" href="#">Name Search</a>
             </div>
           </div>
         </form>