Fix webui

webui/src/app/pipes/backend.filter.pipe.ts

@@ -0,0 +1,17 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'backendFilter',
+  pure: false
+})
+export class BackendFilterPipe implements PipeTransform {
+  transform(items: any[], filter: string): any {
+    if (!items || !filter) {
+      return items;
+    }
+
+    const keyword = filter.toLowerCase();
+    return items.filter(d => d.id.toLowerCase().includes(keyword)
+      || d.servers.some(r => r.url.toLowerCase().includes(keyword)));
+  }
+}

webui/src/app/pipes/frontend.filter.pipe.ts

@@ -0,0 +1,18 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'frontendFilter',
+  pure: false
+})
+export class FrontendFilterPipe implements PipeTransform {
+  transform(items: any[], filter: string): any {
+    if (!items || !filter) {
+      return items;
+    }
+
+    const keyword = filter.toLowerCase();
+    return items.filter(d => d.id.toLowerCase().includes(keyword)
+      || d.backend.toLowerCase().includes(keyword)
+      || d.routes.some(r => r.rule.toLowerCase().includes(keyword)));
+  }
+}

webui/src/app/pipes/keys.pipe.ts

@@ -1,6 +1,6 @@
-import { PipeTransform, Pipe } from '@angular/core';
+import { Pipe, PipeTransform } from '@angular/core';
 
-@Pipe({ name: 'keys' })
+@Pipe({name: 'keys'})
 export class KeysPipe implements PipeTransform {
   transform(value, args: string[]): any {
     return Object.keys(value);