Add possibility to filter alias reference list (#2228)

cake-build · Oct 18, 2021 · 6852040 · 6852040
1 parent 996a192
commit 6852040
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 3 deletions.
diff --git 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
@@ -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;
   }
-}
+}