add search text box for the pods table

Author: freddycoder

.gitignore

@@ -363,4 +363,6 @@ certs/
 
 coverage.cobertura.xml
 
-AzureDevOpsTeamMembersVelocity_*.log
+AzureDevOpsTeamMembersVelocity_*.log
+
+.vscode/

AzureDevOpsTeamMembersVelocity/Pages/KubernetesDashboard.razor

@@ -106,11 +106,29 @@
 <hr />
 
 <div class="row">
-    <button class="btn btn-primary"
-            type="button"
-            @onclick='() => Collapsing("collapsePods")'>
-        Pods
-    </button>
+    <div class="col-1">
+        <button class="btn btn-primary"
+                type="button"
+                @onclick='() => Collapsing("collapsePods")'>
+            Pods
+        </button>
+    </div>
+    <div class="col-11 @Settings.PodsCollapseClass">
+        <div class="input-group mb-3">
+            <input id="search-pods"
+                type="text"
+                class="form-control"
+                placeholder="Search pods"
+                @bind="SearchPods" />
+            <div class="input-group-append">
+                <button class="btn btn-outline-secondary"
+                        type="button"
+                        @onclick="() => ClearSearchPods()">
+                    Clear
+                </button>
+            </div>
+        </div>
+    </div>
 </div>
 
 <div class="@Settings.PodsCollapseClass" id="collapsePods">
@@ -127,7 +145,7 @@
             </tr>
         </thead>
         <tbody>
-            @foreach (var pod in Pods.Values)
+            @foreach (var pod in Pods.Values.Where(p => SearchPods == "" || p.Name()?.Contains(SearchPods, StringComparison.InvariantCulture) == true))
             {
                 var podNamespace = pod.Namespace();
                 var podName = pod.Name();

AzureDevOpsTeamMembersVelocity/Pages/KubernetesDashboard.razor.cs

@@ -621,5 +621,27 @@ public void Collapsing(string collapseId)
 
             UserPreference.SetAsync(Settings);
         }
+
+        /// <summary>
+        /// Property use to filter the pods table
+        /// </summary>
+        public string SearchPods {get;set;} = string.Empty;
+
+        /// <summary>
+        /// Set the search pods property to empty string
+        /// </summary>
+        public void ClearSearchPods()
+        {
+            SearchPods = string.Empty;
+        }
+
+        /// <summary>
+        /// Append when user type in the search pods input
+        /// </summary>
+        public Task OnSearchPods(ChangeEventArgs args)
+        {
+            SearchPods = args.Value?.ToString() ?? string.Empty;
+            return Task.CompletedTask;
+        }
     }
 }