View difference between Paste ID: FbwSjjsM and yZZ0izmX

-{%- comment -%}
+
-   Last Update: 1-6-22
+
-   Summary: Adds search functionality to the PageListAsBlocks lava template
+
-{%- endcomment -%}
+    var $panel = $('.search-target .panel-body'),
         $noMatches = $('<div class="no-matches alert alert-info">No matches found</div>');
 
     $noMatches.hide();
     $panel.prepend($noMatches);
-    // Prevent async page submission triggered by enter key which breaks script, preventing submission after keyup does not work
+
-    $('#pageSearch').on('keydown', function(e)
+    $('#pageSearch')
-    {
+        // prevent the enter key from submitting the form
         .on('keydown', function(e)
-        if (e.keyCode == 13)
+
             if (e.keyCode == 13)
-            e.preventDefault();
+            {
-            return false;
+                e.preventDefault();
-        }
+                return false;
-    });
+            }
         })
-    // Filter page links when Search box is updated, value of text is not updated until after keyup
+        // Filter page links when Search box is updated
-    $('#pageSearch').on('keyup', function(e)
+        .on('keyup', function(e)
-    {
+
-        var value = $(this).val().toLowerCase();
+            var value = $(this).val().toLowerCase();
-        $('.panel-body ul li').filter(function()
+                $matched = $('.panel-body > ul > li').filter(function()
                 {
-            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
+                    var $setting = $(this),
                         isShown = $setting.is(':visible'),
-    });
+                        isMatch = $setting.text().toLowerCase().indexOf(value) > -1;
 
                     $setting.toggleClass('match', isMatch);
 
                     if (isMatch && !isShown) $setting.stop(true,false).show(400);
                     else if (!isMatch && isShown) $setting.stop(true,false).hide(400);
-{%- endstylesheet -%}
+
                     return isMatch;
                 }),
                 matchCount = $matched.length;
 
             $noMatches.toggle(matchCount == 0);
         });
 });
-{%- include '~~/Assets/Lava/PageListAsBlocks.lava' -%}
+
 
 {%- stylesheet -%}
     #pageSearch { margin-bottom:15px; }
 {% endstylesheet %}
 
 <div class="form-inline">
     <div class="form-group">
         <input id="pageSearch" type="text" class="form-control input-sm" placeholder="Search&hellip;">
     </div>
 </div>
 
 <div class="search-target">
 {%- include '~~/Assets/Lava/PageListAsBlocks.lava' -%}
 </div>