From 685204070d4b4dee4ee0cfd9a3b86e2b034cccff Mon Sep 17 00:00:00 2001
From: Pascal Berger <pascal.berger@gmail.com>
Date: Tue, 19 Oct 2021 00:10:40 +0200
Subject: [PATCH] Add possibility to filter alias reference list (#2228)

---
 input/_DslSidebar.cshtml       |  8 ++++++--
 input/assets/css/override.less | 14 +++++++++++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/input/_DslSidebar.cshtml b/input/_DslSidebar.cshtml
index bf25c639259..2817dd47664 100644
--- a/input/_DslSidebar.cshtml
+++ b/input/_DslSidebar.cshtml
@@ -38,12 +38,15 @@
     <hr>
 
     <div id="aliasCategories">
+        <i id="aliasCategorySearchIcon" class="fa fa-filter"></i>
+        <input id="aliasCategorySearch" type="text" class="search" aria-label="Enter categories to which should be filtered" placeholder="Filter categories..." autocomplete="off" value>
+
         <ul class="list sidebar-menu" style="display:none;">
             @foreach(Tuple<string, IDocument> category in categories)
             {
                 string selectedClass = category.Item1 == Model.String(Keys.GroupKey) ? "selected" : null;
                 bool containsBuiltInAliases = category.Item2.Bool("ContainsBuiltInAliases");
-                <li class="@selectedClass" data-builtin="@containsBuiltInAliases"><a href="@Context.GetLink(category.Item2)">@category.Item1</a></li>
+                <li class="@selectedClass" data-name="@category.Item1" data-builtin="@containsBuiltInAliases"><a href="@Context.GetLink(category.Item2)">@category.Item1</a></li>
             }
         </ul>
     </div>
@@ -80,7 +83,8 @@
     // Initialize list.js
     var options = {
       valueNames: [
-        { data: ['builtin'] }
+          { data: ['name'] },
+          { data: ['builtin'] }
       ]
     };
     var categoryList = new List('aliasCategories', options);
diff --git a/input/assets/css/override.less b/input/assets/css/override.less
index 62bb90a4692..5eb7694c075 100644
--- a/input/assets/css/override.less
+++ b/input/assets/css/override.less
@@ -127,6 +127,18 @@ ul.share-buttons img{
   height: 34px;
 }
 
+#aliasCategorySearch {
+  width: 100%;
+  margin-bottom: 15px;
+  padding-left: 20px;
+}
+
+#aliasCategorySearchIcon {
+  position:absolute;
+  top: 92px;
+  left: 5px;
+}
+
 // Extension list
 
 #search {
@@ -252,4 +264,4 @@ ul.share-buttons img{
   .main-sidebar .sidebar {
       margin-top: 30px;
   }
-}
\ No newline at end of file
+}