From 01bc12e920ac2d6bdc0a707a552dd93aab989be8 Mon Sep 17 00:00:00 2001
From: ZoeLeBlanc <zoe.leblanc@vanderbilt.edu>
Date: Sat, 21 Mar 2020 17:48:30 -0400
Subject: [PATCH 1/2] maybe solved searching??

---
 _includes/lesson-index.html    |  2 ++
 _includes/lesson_describe.html |  1 +
 css/style.css                  | 19 +++++++++++++++++++
 js/lessonfilter.js             |  8 +++++++-
 4 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/_includes/lesson-index.html b/_includes/lesson-index.html
index dc94f87d79..540cfaeee2 100644
--- a/_includes/lesson-index.html
+++ b/_includes/lesson-index.html
@@ -24,6 +24,7 @@
 <!--
 this div ('lesson-list', referenced in lessonfilter.js) needs to contain the sort button/elements AND the actual list for the sort buttons to work
 -->
+<input id="search" type="text" placeholder="Search lessons...">
 <div id="lesson-list">
 
 <!--
@@ -40,6 +41,7 @@
 
   <input id="date-sort-text" type="hidden" label="{{site.data.snippets.date[page.lang]}}">
   <input id="difficulty-sort-text" type="hidden" label="{{site.data.snippets.difficulty[page.lang]}}">
+  
 
   <h2 class="results-title">{{ site.data.snippets.filtering-results[page.lang] }}: <span id="results-value">{{ site.data.snippets.all-lessons[page.lang] }} </span> <span id="current-sort" class="sort-desc">{{site.data.snippets.date[page.lang]}}</span></h2>
 
diff --git a/_includes/lesson_describe.html b/_includes/lesson_describe.html
index 504e43dfd6..6ac75586ba 100755
--- a/_includes/lesson_describe.html
+++ b/_includes/lesson_describe.html
@@ -32,5 +32,6 @@ <h3 class="above-title">{{ include.authors }}</h3>
   <span class="topics">{{ lesson.topics | join: ' '}}</span>
   <span class="date">{% if lesson.translation_date %}{{ lesson.translation_date }}{% else %}{{ lesson.date }}{% endif %}</span>
   <span class="difficulty">{{ lesson.difficulty }}</span>
+  <span id="{{lesson.title}}-content" class="content" style="display: none;">{{ lesson.content | markdownify | strip_html }}</span>
 
 </div>
diff --git a/css/style.css b/css/style.css
index 65fd67b1e9..cdc2d02cea 100644
--- a/css/style.css
+++ b/css/style.css
@@ -315,6 +315,25 @@ Lessons Index
     background-color:#ededed;
   }
 
+  /*****************
+    SEARCH
+  *****************/
+
+  #search {
+    width:99.5%;
+    clear:both;
+    margin-bottom:1rem;
+    background-color:#fefefe;
+    color:#666;
+    border:1px solid #999;
+    font: .9rem/1.1rem 'Open Sans',
+    sans-serif;
+    padding: .4rem .6rem;
+    border-radius: 3px;
+    display:inline-block;
+    text-transform:uppercase;
+    text-decoration: none;
+  }
 
   /*****************
     SORT BUTTONS
diff --git a/js/lessonfilter.js b/js/lessonfilter.js
index 39ff067365..30c8b5a813 100644
--- a/js/lessonfilter.js
+++ b/js/lessonfilter.js
@@ -60,13 +60,19 @@ function wireButtons() {
   console.log(uri.toString());
 
   var options = {
-    valueNames: [ 'date', 'title', 'difficulty', 'activity', 'topics' ]
+    valueNames: [ 'date', 'title', 'difficulty', 'activity', 'topics','abstract', 'content' ]
   };
 
   var featureList = new List('lesson-list', options);
   // We need a stateObj for adjusting the URIs on button clicks, but the value is moot for now; could be useful for future functionality.
   var stateObj = { foo: "bar" };
 
+
+  $('#search').on('keyup', function () {
+    var searchString = $(this).val();
+    featureList.search(searchString, ['content', 'abstract', 'title']);
+  });
+
   // When a filter button is clicked
   $('.filter').children().click(function() {
       // Set clicked button as current

From bb3db4860bce245bd0b401db5b2e8e56867d41fc Mon Sep 17 00:00:00 2001
From: ZoeLeBlanc <zoe.leblanc@vanderbilt.edu>
Date: Sun, 22 Mar 2020 10:22:21 -0400
Subject: [PATCH 2/2] Added comments for search

---
 js/lessonfilter.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/js/lessonfilter.js b/js/lessonfilter.js
index 30c8b5a813..82e7f6380b 100644
--- a/js/lessonfilter.js
+++ b/js/lessonfilter.js
@@ -67,10 +67,11 @@ function wireButtons() {
   // We need a stateObj for adjusting the URIs on button clicks, but the value is moot for now; could be useful for future functionality.
   var stateObj = { foo: "bar" };
 
-
+  // Filter lessons on search
   $('#search').on('keyup', function () {
     var searchString = $(this).val();
-    featureList.search(searchString, ['content', 'abstract', 'title']);
+    featureList.search(searchString, ['content']);
+    // featureList.fuzzySearch(searchString, ['content']); // List.js has a fuzzy search method but I get fewer results with it than the regular search method. We could create are own fuzzy search function here and then use List.js filtering instead of search.
   });
 
   // When a filter button is clicked