Can define network filters

virtweb_frontend/src/widgets/vms/VMDetails.tsx

@@ -15,6 +15,7 @@ import { VMScreenshot } from "./VMScreenshot";
 import { ResAutostartInput } from "../forms/ResAutostartInput";
 import { VMNetworksList } from "../forms/VMNetworksList";
 import { NetworkApi, NetworkInfo } from "../../api/NetworksApi";
+import { NWFilterApi, NWFilter } from "../../api/NWFilterApi";
 
 interface DetailsProps {
   vm: VMInfo;
@@ -29,11 +30,15 @@ export function VMDetails(p: DetailsProps): React.ReactElement {
     number[] | any
   >();
   const [networksList, setNetworksList] = React.useState<NetworkInfo[] | any>();
+  const [networkFiltersList, setNetworkFiltersList] = React.useState<
+    NWFilter[] | any
+  >();
 
   const load = async () => {
     setIsoList(await IsoFilesApi.GetList());
     setVCPUCombinations(await ServerApi.NumberVCPUs());
     setNetworksList(await NetworkApi.GetList());
+    setNetworkFiltersList(await NWFilterApi.GetList());
   };
 
   return (
@@ -46,6 +51,7 @@ export function VMDetails(p: DetailsProps): React.ReactElement {
           isoList={isoList}
           vcpuCombinations={vcpuCombinations}
           networksList={networksList}
+          networkFiltersList={networkFiltersList}
           {...p}
         />
       )}
@@ -58,6 +64,7 @@ function VMDetailsInner(
     isoList: IsoFile[];
     vcpuCombinations: number[];
     networksList: NetworkInfo[];
+    networkFiltersList: NWFilter[];
   }
 ): React.ReactElement {
   return (