Implemented table search functionality

.gitignore

@@ -0,0 +1 @@
+/.quarto/

01_main.ipynb

@@ -9,7 +9,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 43,
+   "execution_count": 55,
    "metadata": {},
    "outputs": [
     {
@@ -28,20 +28,20 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 44,
+   "execution_count": 56,
    "metadata": {},
    "outputs": [],
    "source": [
     "#|export\n",
     "import pandas as pd\n",
-    "from flask import Flask, redirect\n",
+    "from flask import Flask, redirect, request\n",
     "from flask import render_template\n",
     "import json"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 45,
+   "execution_count": 57,
    "metadata": {},
    "outputs": [
     {
@@ -50,7 +50,7 @@
        "'contactdb.json'"
       ]
      },
-     "execution_count": 45,
+     "execution_count": 57,
      "metadata": {},
      "output_type": "execute_result"
     }
@@ -129,7 +129,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 46,
+   "execution_count": 58,
    "metadata": {},
    "outputs": [
     {
@@ -177,7 +177,7 @@
        "  'email': 'hannah.rodriguez@example.com'}]"
       ]
      },
-     "execution_count": 46,
+     "execution_count": 58,
      "metadata": {},
      "output_type": "execute_result"
     }
@@ -189,7 +189,71 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 47,
+   "execution_count": 79,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "<div>\n",
+       "<style scoped>\n",
+       "    .dataframe tbody tr th:only-of-type {\n",
+       "        vertical-align: middle;\n",
+       "    }\n",
+       "\n",
+       "    .dataframe tbody tr th {\n",
+       "        vertical-align: top;\n",
+       "    }\n",
+       "\n",
+       "    .dataframe thead th {\n",
+       "        text-align: right;\n",
+       "    }\n",
+       "</style>\n",
+       "<table border=\"1\" class=\"dataframe\">\n",
+       "  <thead>\n",
+       "    <tr style=\"text-align: right;\">\n",
+       "      <th></th>\n",
+       "      <th>firstname</th>\n",
+       "      <th>lastname</th>\n",
+       "      <th>phone</th>\n",
+       "      <th>email</th>\n",
+       "    </tr>\n",
+       "  </thead>\n",
+       "  <tbody>\n",
+       "    <tr>\n",
+       "      <th>0</th>\n",
+       "      <td>John</td>\n",
+       "      <td>Doe</td>\n",
+       "      <td>555-1234</td>\n",
+       "      <td>john.doe@example.com</td>\n",
+       "    </tr>\n",
+       "  </tbody>\n",
+       "</table>\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "  firstname lastname     phone                 email\n",
+       "0      John      Doe  555-1234  john.doe@example.com"
+      ]
+     },
+     "execution_count": 79,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "q = '1234'\n",
+    "# db[db['firstname'].str.lower().str.contains(q)]\n",
+    "predicate_firstname = db['firstname'].str.lower().str.contains(q.lower())\n",
+    "predicate_lastname = db['lastname'].str.lower().str.contains(q.lower())\n",
+    "predicate_phone = db['phone'].str.lower().str.contains(q.lower())\n",
+    "predicate_email= db['email'].str.lower().str.contains(q.lower())\n",
+    "db[predicate_firstname|predicate_lastname|predicate_phone|predicate_email]"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 80,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -199,7 +263,12 @@
     "        self.db = pd.read_json('contactdb.json')\n",
     "\n",
     "    def search(self, q):\n",
-    "        return self.db[self.db['firstname'].str.lower().str.contains(q)].to_dict('records')\n",
+    "        predicate_firstname = self.db['firstname'].str.lower().str.contains(q.lower())\n",
+    "        predicate_lastname = self.db['lastname'].str.lower().str.contains(q.lower())\n",
+    "        predicate_phone = self.db['phone'].str.lower().str.contains(q.lower())\n",
+    "        predicate_email= self.db['email'].str.lower().str.contains(q.lower())\n",
+    "        filter_df = self.db[predicate_firstname|predicate_lastname|predicate_phone|predicate_email]\n",
+    "        return filter_df.to_dict('records')\n",
     "\n",
     "    def all(self):\n",
     "        return self.db.to_dict('records')"
@@ -207,7 +276,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 48,
+   "execution_count": 81,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -218,7 +287,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 49,
+   "execution_count": 82,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -231,7 +300,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 50,
+   "execution_count": 83,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -239,14 +308,17 @@
     "\n",
     "@app.get(\"/contacts\")\n",
     "def contacts():\n",
-    "    contact_set = Contact().all()\n",
+    "    search = request.args.get(\"q\")\n",
+    "    contact_set = None\n",
+    "    if search is not None: contact_set = Contact().search(search)\n",
+    "    else: contact_set = Contact().all()\n",
     "    # print(contact_set)\n",
     "    return render_template(\"index.html\", contact_set=contact_set)"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 51,
+   "execution_count": 84,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -255,6 +327,20 @@
     "nb_export(\"01_main.ipynb\", lib_path=\".\", name='main')"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  },
   {
    "cell_type": "code",
    "execution_count": null,

_quarto.yml

@@ -1,6 +1,6 @@
 ipynb-filters:
   - nbdev_filter.py
-  
+
 project:
   type: website
 
@@ -21,7 +21,6 @@ website:
       - sidebar:API
       - about.qmd
       
-
   sidebar:
     - id: API
       title: API

_site/01_main.html

@@ -57,7 +57,7 @@ pre > code.sourceCode > span > a:first-child::before { text-decoration: underlin
 </style>
 
 
-<script src="site_libs/quarto-nav/quarto-nav.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script><script src="site_libs/quarto-nav/quarto-nav.js"></script>
 <script src="site_libs/quarto-nav/headroom.min.js"></script>
 <script src="site_libs/clipboard/clipboard.min.js"></script>
 <script src="site_libs/quarto-search/autocomplete.umd.js"></script>
@@ -100,6 +100,9 @@ pre > code.sourceCode > span > a:first-child::before { text-decoration: underlin
     "search-label": "Search"
   }
 }</script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js" integrity="sha512-c3Nl8+7g4LMSTdrm621y7kf9v3SDPnhxLNhcjFJbKECVnmZHTdo+IRO05sNLTH/D3vA6u1X32ehoLC7WFVdheg==" crossorigin="anonymous"></script>
+
+<script type="application/javascript">define('jquery', [],function() {return window.jQuery;})</script>
 
 
 <link rel="stylesheet" href="styles.css">
@@ -195,20 +198,20 @@ pre > code.sourceCode > span > a:first-child::before { text-decoration: underlin
 
 
 <!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->
-<div id="cell-2" class="cell" data-execution_count="43">
+<div id="cell-2" class="cell" data-execution_count="55">
 <div class="sourceCode cell-code" id="cb1"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output cell-output-stdout">
 <pre><code>The autoreload extension is already loaded. To reload it, use:
   %reload_ext autoreload</code></pre>
 </div>
 </div>
-<div id="cell-3" class="cell" data-execution_count="44">
+<div id="cell-3" class="cell" data-execution_count="56">
 <div class="sourceCode cell-code" id="cb3"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="im">import</span> pandas <span class="im">as</span> pd</span>
-<span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> flask <span class="im">import</span> Flask, redirect</span>
+<span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> flask <span class="im">import</span> Flask, redirect, request</span>
 <span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> flask <span class="im">import</span> render_template</span>
 <span id="cb3-4"><a href="#cb3-4" aria-hidden="true" tabindex="-1"></a><span class="im">import</span> json</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 </div>
-<div id="cell-4" class="cell" data-execution_count="45">
+<div id="cell-4" class="cell" data-execution_count="57">
 <div class="sourceCode cell-code" id="cb4"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a>people <span class="op">=</span> [</span>
 <span id="cb4-2"><a href="#cb4-2" aria-hidden="true" tabindex="-1"></a>    {</span>
 <span id="cb4-3"><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a>        <span class="st">"firstname"</span>: <span class="st">"John"</span>,</span>
@@ -278,14 +281,14 @@ pre > code.sourceCode > span > a:first-child::before { text-decoration: underlin
 <span id="cb4-67"><a href="#cb4-67" aria-hidden="true" tabindex="-1"></a>    json.dump(people, json_file, indent<span class="op">=</span><span class="dv">4</span>)</span>
 <span id="cb4-68"><a href="#cb4-68" aria-hidden="true" tabindex="-1"></a></span>
 <span id="cb4-69"><a href="#cb4-69" aria-hidden="true" tabindex="-1"></a>file_path</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
-<div class="cell-output cell-output-display" data-execution_count="45">
+<div class="cell-output cell-output-display" data-execution_count="57">
 <pre><code>'contactdb.json'</code></pre>
 </div>
 </div>
-<div id="cell-5" class="cell" data-execution_count="46">
+<div id="cell-5" class="cell" data-execution_count="58">
 <div class="sourceCode cell-code" id="cb6"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb6-1"><a href="#cb6-1" aria-hidden="true" tabindex="-1"></a>db <span class="op">=</span> pd.read_json(<span class="st">'contactdb.json'</span>)</span>
 <span id="cb6-2"><a href="#cb6-2" aria-hidden="true" tabindex="-1"></a>db.to_dict(<span class="st">'records'</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
-<div class="cell-output cell-output-display" data-execution_count="46">
+<div class="cell-output cell-output-display" data-execution_count="58">
 <pre><code>[{'firstname': 'John',
   'lastname': 'Doe',
   'phone': '555-1234',
@@ -328,35 +331,81 @@ pre > code.sourceCode > span > a:first-child::before { text-decoration: underlin
   'email': 'hannah.rodriguez@example.com'}]</code></pre>
 </div>
 </div>
-<div id="cell-6" class="cell" data-execution_count="47">
-<div class="sourceCode cell-code" id="cb8"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb8-1"><a href="#cb8-1" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Contact(<span class="bu">object</span>):</span>
-<span id="cb8-2"><a href="#cb8-2" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> <span class="fu">__init__</span>(<span class="va">self</span>) <span class="op">-&gt;</span> <span class="va">None</span>:</span>
-<span id="cb8-3"><a href="#cb8-3" aria-hidden="true" tabindex="-1"></a>        <span class="va">self</span>.db <span class="op">=</span> pd.read_json(<span class="st">'contactdb.json'</span>)</span>
-<span id="cb8-4"><a href="#cb8-4" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb8-5"><a href="#cb8-5" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> search(<span class="va">self</span>, q):</span>
-<span id="cb8-6"><a href="#cb8-6" aria-hidden="true" tabindex="-1"></a>        <span class="cf">return</span> <span class="va">self</span>.db[<span class="va">self</span>.db[<span class="st">'firstname'</span>].<span class="bu">str</span>.lower().<span class="bu">str</span>.contains(q)].to_dict(<span class="st">'records'</span>)</span>
-<span id="cb8-7"><a href="#cb8-7" aria-hidden="true" tabindex="-1"></a></span>
-<span id="cb8-8"><a href="#cb8-8" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> <span class="bu">all</span>(<span class="va">self</span>):</span>
-<span id="cb8-9"><a href="#cb8-9" aria-hidden="true" tabindex="-1"></a>        <span class="cf">return</span> <span class="va">self</span>.db.to_dict(<span class="st">'records'</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div id="cell-6" class="cell" data-execution_count="79">
+<div class="sourceCode cell-code" id="cb8"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb8-1"><a href="#cb8-1" aria-hidden="true" tabindex="-1"></a>q <span class="op">=</span> <span class="st">'1234'</span></span>
+<span id="cb8-2"><a href="#cb8-2" aria-hidden="true" tabindex="-1"></a><span class="co"># db[db['firstname'].str.lower().str.contains(q)]</span></span>
+<span id="cb8-3"><a href="#cb8-3" aria-hidden="true" tabindex="-1"></a>predicate_firstname <span class="op">=</span> db[<span class="st">'firstname'</span>].<span class="bu">str</span>.lower().<span class="bu">str</span>.contains(q.lower())</span>
+<span id="cb8-4"><a href="#cb8-4" aria-hidden="true" tabindex="-1"></a>predicate_lastname <span class="op">=</span> db[<span class="st">'lastname'</span>].<span class="bu">str</span>.lower().<span class="bu">str</span>.contains(q.lower())</span>
+<span id="cb8-5"><a href="#cb8-5" aria-hidden="true" tabindex="-1"></a>predicate_phone <span class="op">=</span> db[<span class="st">'phone'</span>].<span class="bu">str</span>.lower().<span class="bu">str</span>.contains(q.lower())</span>
+<span id="cb8-6"><a href="#cb8-6" aria-hidden="true" tabindex="-1"></a>predicate_email<span class="op">=</span> db[<span class="st">'email'</span>].<span class="bu">str</span>.lower().<span class="bu">str</span>.contains(q.lower())</span>
+<span id="cb8-7"><a href="#cb8-7" aria-hidden="true" tabindex="-1"></a>db[predicate_firstname<span class="op">|</span>predicate_lastname<span class="op">|</span>predicate_phone<span class="op">|</span>predicate_email]</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div class="cell-output cell-output-display" data-execution_count="79">
+<div>
+<div>
+
+
+<table class="dataframe table table-sm table-striped small" data-quarto-postprocess="true" data-border="1">
+<thead>
+<tr class="header">
+<th data-quarto-table-cell-role="th"></th>
+<th data-quarto-table-cell-role="th">firstname</th>
+<th data-quarto-table-cell-role="th">lastname</th>
+<th data-quarto-table-cell-role="th">phone</th>
+<th data-quarto-table-cell-role="th">email</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td data-quarto-table-cell-role="th">0</td>
+<td>John</td>
+<td>Doe</td>
+<td>555-1234</td>
+<td>john.doe@example.com</td>
+</tr>
+</tbody>
+</table>
+
+</div>
+</div>
+</div>
+</div>
+<div id="cell-7" class="cell" data-execution_count="80">
+<div class="sourceCode cell-code" id="cb9"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb9-1"><a href="#cb9-1" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Contact(<span class="bu">object</span>):</span>
+<span id="cb9-2"><a href="#cb9-2" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> <span class="fu">__init__</span>(<span class="va">self</span>) <span class="op">-&gt;</span> <span class="va">None</span>:</span>
+<span id="cb9-3"><a href="#cb9-3" aria-hidden="true" tabindex="-1"></a>        <span class="va">self</span>.db <span class="op">=</span> pd.read_json(<span class="st">'contactdb.json'</span>)</span>
+<span id="cb9-4"><a href="#cb9-4" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb9-5"><a href="#cb9-5" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> search(<span class="va">self</span>, q):</span>
+<span id="cb9-6"><a href="#cb9-6" aria-hidden="true" tabindex="-1"></a>        predicate_firstname <span class="op">=</span> <span class="va">self</span>.db[<span class="st">'firstname'</span>].<span class="bu">str</span>.lower().<span class="bu">str</span>.contains(q.lower())</span>
+<span id="cb9-7"><a href="#cb9-7" aria-hidden="true" tabindex="-1"></a>        predicate_lastname <span class="op">=</span> <span class="va">self</span>.db[<span class="st">'lastname'</span>].<span class="bu">str</span>.lower().<span class="bu">str</span>.contains(q.lower())</span>
+<span id="cb9-8"><a href="#cb9-8" aria-hidden="true" tabindex="-1"></a>        predicate_phone <span class="op">=</span> <span class="va">self</span>.db[<span class="st">'phone'</span>].<span class="bu">str</span>.lower().<span class="bu">str</span>.contains(q.lower())</span>
+<span id="cb9-9"><a href="#cb9-9" aria-hidden="true" tabindex="-1"></a>        predicate_email<span class="op">=</span> <span class="va">self</span>.db[<span class="st">'email'</span>].<span class="bu">str</span>.lower().<span class="bu">str</span>.contains(q.lower())</span>
+<span id="cb9-10"><a href="#cb9-10" aria-hidden="true" tabindex="-1"></a>        filter_df <span class="op">=</span> <span class="va">self</span>.db[predicate_firstname<span class="op">|</span>predicate_lastname<span class="op">|</span>predicate_phone<span class="op">|</span>predicate_email]</span>
+<span id="cb9-11"><a href="#cb9-11" aria-hidden="true" tabindex="-1"></a>        <span class="cf">return</span> filter_df.to_dict(<span class="st">'records'</span>)</span>
+<span id="cb9-12"><a href="#cb9-12" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb9-13"><a href="#cb9-13" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> <span class="bu">all</span>(<span class="va">self</span>):</span>
+<span id="cb9-14"><a href="#cb9-14" aria-hidden="true" tabindex="-1"></a>        <span class="cf">return</span> <span class="va">self</span>.db.to_dict(<span class="st">'records'</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 </div>
-<div id="cell-7" class="cell" data-execution_count="48">
-<div class="sourceCode cell-code" id="cb9"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb9-1"><a href="#cb9-1" aria-hidden="true" tabindex="-1"></a>app <span class="op">=</span> Flask(<span class="va">__name__</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div id="cell-8" class="cell" data-execution_count="81">
+<div class="sourceCode cell-code" id="cb10"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb10-1"><a href="#cb10-1" aria-hidden="true" tabindex="-1"></a>app <span class="op">=</span> Flask(<span class="va">__name__</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 </div>
-<div id="cell-8" class="cell" data-execution_count="49">
-<div class="sourceCode cell-code" id="cb10"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb10-1"><a href="#cb10-1" aria-hidden="true" tabindex="-1"></a><span class="at">@app.get</span>(<span class="st">"/"</span>)</span>
-<span id="cb10-2"><a href="#cb10-2" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> index():</span>
-<span id="cb10-3"><a href="#cb10-3" aria-hidden="true" tabindex="-1"></a>    <span class="cf">return</span> redirect(<span class="st">"/contacts"</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div id="cell-9" class="cell" data-execution_count="82">
+<div class="sourceCode cell-code" id="cb11"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb11-1"><a href="#cb11-1" aria-hidden="true" tabindex="-1"></a><span class="at">@app.get</span>(<span class="st">"/"</span>)</span>
+<span id="cb11-2"><a href="#cb11-2" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> index():</span>
+<span id="cb11-3"><a href="#cb11-3" aria-hidden="true" tabindex="-1"></a>    <span class="cf">return</span> redirect(<span class="st">"/contacts"</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 </div>
-<div id="cell-9" class="cell" data-execution_count="50">
-<div class="sourceCode cell-code" id="cb11"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb11-1"><a href="#cb11-1" aria-hidden="true" tabindex="-1"></a><span class="at">@app.get</span>(<span class="st">"/contacts"</span>)</span>
-<span id="cb11-2"><a href="#cb11-2" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> contacts():</span>
-<span id="cb11-3"><a href="#cb11-3" aria-hidden="true" tabindex="-1"></a>    contact_set <span class="op">=</span> Contact().<span class="bu">all</span>()</span>
-<span id="cb11-4"><a href="#cb11-4" aria-hidden="true" tabindex="-1"></a>    <span class="co"># print(contact_set)</span></span>
-<span id="cb11-5"><a href="#cb11-5" aria-hidden="true" tabindex="-1"></a>    <span class="cf">return</span> render_template(<span class="st">"index.html"</span>, contact_set<span class="op">=</span>contact_set)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div id="cell-10" class="cell" data-execution_count="83">
+<div class="sourceCode cell-code" id="cb12"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb12-1"><a href="#cb12-1" aria-hidden="true" tabindex="-1"></a><span class="at">@app.get</span>(<span class="st">"/contacts"</span>)</span>
+<span id="cb12-2"><a href="#cb12-2" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> contacts():</span>
+<span id="cb12-3"><a href="#cb12-3" aria-hidden="true" tabindex="-1"></a>    search <span class="op">=</span> request.args.get(<span class="st">"q"</span>)</span>
+<span id="cb12-4"><a href="#cb12-4" aria-hidden="true" tabindex="-1"></a>    contact_set <span class="op">=</span> <span class="va">None</span></span>
+<span id="cb12-5"><a href="#cb12-5" aria-hidden="true" tabindex="-1"></a>    <span class="cf">if</span> search <span class="kw">is</span> <span class="kw">not</span> <span class="va">None</span>: contact_set <span class="op">=</span> Contact().search(search)</span>
+<span id="cb12-6"><a href="#cb12-6" aria-hidden="true" tabindex="-1"></a>    <span class="cf">else</span>: contact_set <span class="op">=</span> Contact().<span class="bu">all</span>()</span>
+<span id="cb12-7"><a href="#cb12-7" aria-hidden="true" tabindex="-1"></a>    <span class="co"># print(contact_set)</span></span>
+<span id="cb12-8"><a href="#cb12-8" aria-hidden="true" tabindex="-1"></a>    <span class="cf">return</span> render_template(<span class="st">"index.html"</span>, contact_set<span class="op">=</span>contact_set)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 </div>
-<div id="cell-10" class="cell" data-execution_count="51">
-<div class="sourceCode cell-code" id="cb12"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb12-1"><a href="#cb12-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> nbdev.export <span class="im">import</span> nb_export</span>
-<span id="cb12-2"><a href="#cb12-2" aria-hidden="true" tabindex="-1"></a>nb_export(<span class="st">"01_main.ipynb"</span>, lib_path<span class="op">=</span><span class="st">"."</span>, name<span class="op">=</span><span class="st">'main'</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div id="cell-11" class="cell" data-execution_count="84">
+<div class="sourceCode cell-code" id="cb13"><pre class="sourceCode python code-with-copy"><code class="sourceCode python"><span id="cb13-1"><a href="#cb13-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> nbdev.export <span class="im">import</span> nb_export</span>
+<span id="cb13-2"><a href="#cb13-2" aria-hidden="true" tabindex="-1"></a>nb_export(<span class="st">"01_main.ipynb"</span>, lib_path<span class="op">=</span><span class="st">"."</span>, name<span class="op">=</span><span class="st">'main'</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 </div>
 
 

_site/search.json

@@ -4,7 +4,7 @@
     "href": "01_main.html",
     "title": "Main App",
     "section": "",
-    "text": "The autoreload extension is already loaded. To reload it, use:\n  %reload_ext autoreload\n\n\n\nimport pandas as pd\nfrom flask import Flask, redirect\nfrom flask import render_template\nimport json\n\n\npeople = [\n    {\n        \"firstname\": \"John\",\n        \"lastname\": \"Doe\",\n        \"phone\": \"555-1234\",\n        \"email\": \"john.doe@example.com\"\n    },\n    {\n        \"firstname\": \"Jane\",\n        \"lastname\": \"Smith\",\n        \"phone\": \"555-5678\",\n        \"email\": \"jane.smith@example.com\"\n    },\n    {\n        \"firstname\": \"Alice\",\n        \"lastname\": \"Johnson\",\n        \"phone\": \"555-8765\",\n        \"email\": \"alice.johnson@example.com\"\n    },\n    {\n        \"firstname\": \"Bob\",\n        \"lastname\": \"Williams\",\n        \"phone\": \"555-4321\",\n        \"email\": \"bob.williams@example.com\"\n    },\n    {\n        \"firstname\": \"Charlie\",\n        \"lastname\": \"Brown\",\n        \"phone\": \"555-9876\",\n        \"email\": \"charlie.brown@example.com\"\n    },\n    {\n        \"firstname\": \"Diana\",\n        \"lastname\": \"Miller\",\n        \"phone\": \"555-6543\",\n        \"email\": \"diana.miller@example.com\"\n    },\n    {\n        \"firstname\": \"Edward\",\n        \"lastname\": \"Davis\",\n        \"phone\": \"555-3456\",\n        \"email\": \"edward.davis@example.com\"\n    },\n    {\n        \"firstname\": \"Fiona\",\n        \"lastname\": \"Garcia\",\n        \"phone\": \"555-6789\",\n        \"email\": \"fiona.garcia@example.com\"\n    },\n    {\n        \"firstname\": \"George\",\n        \"lastname\": \"Martinez\",\n        \"phone\": \"555-7890\",\n        \"email\": \"george.martinez@example.com\"\n    },\n    {\n        \"firstname\": \"Hannah\",\n        \"lastname\": \"Rodriguez\",\n        \"phone\": \"555-8901\",\n        \"email\": \"hannah.rodriguez@example.com\"\n    }\n]\n\n# Writing the JSON data to a file\nfile_path = 'contactdb.json'\nwith open(file_path, 'w') as json_file:\n    json.dump(people, json_file, indent=4)\n\nfile_path\n\n'contactdb.json'\n\n\n\ndb = pd.read_json('contactdb.json')\ndb.to_dict('records')\n\n[{'firstname': 'John',\n  'lastname': 'Doe',\n  'phone': '555-1234',\n  'email': 'john.doe@example.com'},\n {'firstname': 'Jane',\n  'lastname': 'Smith',\n  'phone': '555-5678',\n  'email': 'jane.smith@example.com'},\n {'firstname': 'Alice',\n  'lastname': 'Johnson',\n  'phone': '555-8765',\n  'email': 'alice.johnson@example.com'},\n {'firstname': 'Bob',\n  'lastname': 'Williams',\n  'phone': '555-4321',\n  'email': 'bob.williams@example.com'},\n {'firstname': 'Charlie',\n  'lastname': 'Brown',\n  'phone': '555-9876',\n  'email': 'charlie.brown@example.com'},\n {'firstname': 'Diana',\n  'lastname': 'Miller',\n  'phone': '555-6543',\n  'email': 'diana.miller@example.com'},\n {'firstname': 'Edward',\n  'lastname': 'Davis',\n  'phone': '555-3456',\n  'email': 'edward.davis@example.com'},\n {'firstname': 'Fiona',\n  'lastname': 'Garcia',\n  'phone': '555-6789',\n  'email': 'fiona.garcia@example.com'},\n {'firstname': 'George',\n  'lastname': 'Martinez',\n  'phone': '555-7890',\n  'email': 'george.martinez@example.com'},\n {'firstname': 'Hannah',\n  'lastname': 'Rodriguez',\n  'phone': '555-8901',\n  'email': 'hannah.rodriguez@example.com'}]\n\n\n\nclass Contact(object):\n    def __init__(self) -> None:\n        self.db = pd.read_json('contactdb.json')\n\n    def search(self, q):\n        return self.db[self.db['firstname'].str.lower().str.contains(q)].to_dict('records')\n\n    def all(self):\n        return self.db.to_dict('records')\n\n\napp = Flask(__name__)\n\n\n@app.get(\"/\")\ndef index():\n    return redirect(\"/contacts\")\n\n\n@app.get(\"/contacts\")\ndef contacts():\n    contact_set = Contact().all()\n    # print(contact_set)\n    return render_template(\"index.html\", contact_set=contact_set)\n\n\nfrom nbdev.export import nb_export\nnb_export(\"01_main.ipynb\", lib_path=\".\", name='main')",
+    "text": "The autoreload extension is already loaded. To reload it, use:\n  %reload_ext autoreload\n\n\n\nimport pandas as pd\nfrom flask import Flask, redirect, request\nfrom flask import render_template\nimport json\n\n\npeople = [\n    {\n        \"firstname\": \"John\",\n        \"lastname\": \"Doe\",\n        \"phone\": \"555-1234\",\n        \"email\": \"john.doe@example.com\"\n    },\n    {\n        \"firstname\": \"Jane\",\n        \"lastname\": \"Smith\",\n        \"phone\": \"555-5678\",\n        \"email\": \"jane.smith@example.com\"\n    },\n    {\n        \"firstname\": \"Alice\",\n        \"lastname\": \"Johnson\",\n        \"phone\": \"555-8765\",\n        \"email\": \"alice.johnson@example.com\"\n    },\n    {\n        \"firstname\": \"Bob\",\n        \"lastname\": \"Williams\",\n        \"phone\": \"555-4321\",\n        \"email\": \"bob.williams@example.com\"\n    },\n    {\n        \"firstname\": \"Charlie\",\n        \"lastname\": \"Brown\",\n        \"phone\": \"555-9876\",\n        \"email\": \"charlie.brown@example.com\"\n    },\n    {\n        \"firstname\": \"Diana\",\n        \"lastname\": \"Miller\",\n        \"phone\": \"555-6543\",\n        \"email\": \"diana.miller@example.com\"\n    },\n    {\n        \"firstname\": \"Edward\",\n        \"lastname\": \"Davis\",\n        \"phone\": \"555-3456\",\n        \"email\": \"edward.davis@example.com\"\n    },\n    {\n        \"firstname\": \"Fiona\",\n        \"lastname\": \"Garcia\",\n        \"phone\": \"555-6789\",\n        \"email\": \"fiona.garcia@example.com\"\n    },\n    {\n        \"firstname\": \"George\",\n        \"lastname\": \"Martinez\",\n        \"phone\": \"555-7890\",\n        \"email\": \"george.martinez@example.com\"\n    },\n    {\n        \"firstname\": \"Hannah\",\n        \"lastname\": \"Rodriguez\",\n        \"phone\": \"555-8901\",\n        \"email\": \"hannah.rodriguez@example.com\"\n    }\n]\n\n# Writing the JSON data to a file\nfile_path = 'contactdb.json'\nwith open(file_path, 'w') as json_file:\n    json.dump(people, json_file, indent=4)\n\nfile_path\n\n'contactdb.json'\n\n\n\ndb = pd.read_json('contactdb.json')\ndb.to_dict('records')\n\n[{'firstname': 'John',\n  'lastname': 'Doe',\n  'phone': '555-1234',\n  'email': 'john.doe@example.com'},\n {'firstname': 'Jane',\n  'lastname': 'Smith',\n  'phone': '555-5678',\n  'email': 'jane.smith@example.com'},\n {'firstname': 'Alice',\n  'lastname': 'Johnson',\n  'phone': '555-8765',\n  'email': 'alice.johnson@example.com'},\n {'firstname': 'Bob',\n  'lastname': 'Williams',\n  'phone': '555-4321',\n  'email': 'bob.williams@example.com'},\n {'firstname': 'Charlie',\n  'lastname': 'Brown',\n  'phone': '555-9876',\n  'email': 'charlie.brown@example.com'},\n {'firstname': 'Diana',\n  'lastname': 'Miller',\n  'phone': '555-6543',\n  'email': 'diana.miller@example.com'},\n {'firstname': 'Edward',\n  'lastname': 'Davis',\n  'phone': '555-3456',\n  'email': 'edward.davis@example.com'},\n {'firstname': 'Fiona',\n  'lastname': 'Garcia',\n  'phone': '555-6789',\n  'email': 'fiona.garcia@example.com'},\n {'firstname': 'George',\n  'lastname': 'Martinez',\n  'phone': '555-7890',\n  'email': 'george.martinez@example.com'},\n {'firstname': 'Hannah',\n  'lastname': 'Rodriguez',\n  'phone': '555-8901',\n  'email': 'hannah.rodriguez@example.com'}]\n\n\n\nq = '1234'\n# db[db['firstname'].str.lower().str.contains(q)]\npredicate_firstname = db['firstname'].str.lower().str.contains(q.lower())\npredicate_lastname = db['lastname'].str.lower().str.contains(q.lower())\npredicate_phone = db['phone'].str.lower().str.contains(q.lower())\npredicate_email= db['email'].str.lower().str.contains(q.lower())\ndb[predicate_firstname|predicate_lastname|predicate_phone|predicate_email]\n\n\n\n\n\n\n\n\n\nfirstname\nlastname\nphone\nemail\n\n\n\n\n0\nJohn\nDoe\n555-1234\njohn.doe@example.com\n\n\n\n\n\n\n\n\n\nclass Contact(object):\n    def __init__(self) -> None:\n        self.db = pd.read_json('contactdb.json')\n\n    def search(self, q):\n        predicate_firstname = self.db['firstname'].str.lower().str.contains(q.lower())\n        predicate_lastname = self.db['lastname'].str.lower().str.contains(q.lower())\n        predicate_phone = self.db['phone'].str.lower().str.contains(q.lower())\n        predicate_email= self.db['email'].str.lower().str.contains(q.lower())\n        filter_df = self.db[predicate_firstname|predicate_lastname|predicate_phone|predicate_email]\n        return filter_df.to_dict('records')\n\n    def all(self):\n        return self.db.to_dict('records')\n\n\napp = Flask(__name__)\n\n\n@app.get(\"/\")\ndef index():\n    return redirect(\"/contacts\")\n\n\n@app.get(\"/contacts\")\ndef contacts():\n    search = request.args.get(\"q\")\n    contact_set = None\n    if search is not None: contact_set = Contact().search(search)\n    else: contact_set = Contact().all()\n    # print(contact_set)\n    return render_template(\"index.html\", contact_set=contact_set)\n\n\nfrom nbdev.export import nb_export\nnb_export(\"01_main.ipynb\", lib_path=\".\", name='main')",
     "crumbs": [
       "Main App"
     ]

main.py

@@ -5,32 +5,40 @@ __all__ = ['app', 'Contact', 'index', 'contacts']
 
 # %% 01_main.ipynb 2
 import pandas as pd
-from flask import Flask, redirect
+from flask import Flask, redirect, request
 from flask import render_template
 import json
 
-# %% 01_main.ipynb 5
+# %% 01_main.ipynb 6
 class Contact(object):
     def __init__(self) -> None:
         self.db = pd.read_json('contactdb.json')
 
     def search(self, q):
-        return self.db[self.db['firstname'].str.lower().str.contains(q)].to_dict('records')
+        predicate_firstname = self.db['firstname'].str.lower().str.contains(q.lower())
+        predicate_lastname = self.db['lastname'].str.lower().str.contains(q.lower())
+        predicate_phone = self.db['phone'].str.lower().str.contains(q.lower())
+        predicate_email= self.db['email'].str.lower().str.contains(q.lower())
+        filter_df = self.db[predicate_firstname|predicate_lastname|predicate_phone|predicate_email]
+        return filter_df.to_dict('records')
 
     def all(self):
         return self.db.to_dict('records')
 
-# %% 01_main.ipynb 6
+# %% 01_main.ipynb 7
 app = Flask(__name__)
 
-# %% 01_main.ipynb 7
+# %% 01_main.ipynb 8
 @app.get("/")
 def index():
     return redirect("/contacts")
 
-# %% 01_main.ipynb 8
+# %% 01_main.ipynb 9
 @app.get("/contacts")
 def contacts():
-    contact_set = Contact().all()
+    search = request.args.get("q")
+    contact_set = None
+    if search is not None: contact_set = Contact().search(search)
+    else: contact_set = Contact().all()
     # print(contact_set)
     return render_template("index.html", contact_set=contact_set)