From e891e03ccbd16a8c24a86ed9cefd09b178aa168a Mon Sep 17 00:00:00 2001
From: Zurawel <jlz18002@ad.uconn.edu>
Date: Mon, 17 Sep 2018 15:07:08 -0400
Subject: [PATCH] Updates to content-az.php and js/cs.js. Added a search field
 that filters the list in the A-Z index.

---
 content-az.php |  4 +++-
 js/cs.js       | 36 +++++++++++++++++++++++++++++++++++-
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/content-az.php b/content-az.php
index 5e3da37..34bc305 100644
--- a/content-az.php
+++ b/content-az.php
@@ -69,7 +69,9 @@ $pattern = '#[A-Za-z|~`!@\#$%^&*()_+=|\\}\][{\'/;\-":?>.<]#';
 				}
 			}
 			echo '</nav>';
-			
+			?>
+			<input id="azFilterInput" type="text" class="form-control" aria-label=“search site a-z” placeholder="Type here to filter this list" />
+			<?php
 			// Generate AZ List
 			//if( !preg_match($pattern, $exclude, $matches) ){
 				$letters = array();
diff --git a/js/cs.js b/js/cs.js
index 46a482c..37d2fce 100644
--- a/js/cs.js
+++ b/js/cs.js
@@ -269,7 +269,41 @@ function squareImg(img){
 	
 };
 
+/*
+	Filter Functionality for the A-Z Index
+	
+	The function will hide any text that does not match the filter input and remove letters
+	if there are no matches for that letter.
+*/
+	var filterEvent = null;
+	
+	$("#azFilterInput").keyup(function(){
+		azFilter();
+	});
+	
+	function azFilter(){
+		var filterInput = $("#azFilterInput").val();
+		
+		// Show everything that could have been hidden
+		$(".az-letter:hidden, .az-letter-list li:hidden").each(function(){
+			$(this).show();
+		});
+		
+		if(filterInput !== ""){
+			// Select any az-letter-page class where the text does not match the regular expression
+			$("a.az-letter-page").filter( function(i){ return $(this).html().match(new RegExp(filterInput, "i")) === null }).each(function(){
+				$(this).parent("li").hide();
+				var numberOfVisibleListItems = $(this).parents(".az-letter-list").children("li:visible").length;
+				
+				// If there are no visible list items for a letter than we will hide the whole div
+				if(numberOfVisibleListItems === 0){
+					$(this).parents(".az-letter").hide();
+				}
+			});
+		}
+	}
 
+/* ========================================= */
 
 $(document).ready(function(){
 	stickyFoot();
@@ -301,4 +335,4 @@ $(document).ready(function() {
     $('#uc-header .container').fadeIn('slow'); 
 });
 
-})
\ No newline at end of file
+});
\ No newline at end of file