Gecko [ www.jdcpatala.org ]

Name	Size	Permission
font	[ DIR ]	drwxr-xr-x
img	[ DIR ]	drwxr-xr-x
js	[ DIR ]	drwxr-xr-x
scripts	[ DIR ]	drwxr-xr-x
AutoExpandingTextArea-BXFyAEiG...	151 B	-rw-r--r--
BaseLayout-CiF2D8RH.js	280 B	-rw-r--r--
BulkDeleteButton-B-fvVwh0.js	1.08 KB	-rw-r--r--
CancelOperationBtn-BW2TAzI_.js	1.08 KB	-rw-r--r--
CertificateAdd-BGVwf-VB.js	2.84 KB	-rw-r--r--
CertificateGenerate-bNGS6BFl.j...	9.87 KB	-rw-r--r--
ClusterGroupForm-BiXmM-NU.js	3.25 KB	-rw-r--r--
ClusterList-CZFDB46f.js	5.17 KB	-rw-r--r--
ClusterMemberSelector-B2lzDpCI...	3.71 KB	-rw-r--r--
ClusterSpecificInput-BdiLVA9B....	1.97 KB	-rw-r--r--
ClusterSpecificSelect-DrKUzNev...	2.2 KB	-rw-r--r--
ConfigFieldDescription-BnRkdbo...	335 B	-rw-r--r--
CreateClusterGroup-C6s3qbZf.js	463 B	-rw-r--r--
CreateInstance-BXX4Xa4W.js	27.97 KB	-rw-r--r--
CreateInstanceFromImageBtn-BiE...	527 B	-rw-r--r--
CreateNetwork-BQw2A27w.js	2.88 KB	-rw-r--r--
CreateNetworkForward-BgZF8duA....	1.71 KB	-rw-r--r--
CreateProfile-CCJYKSCK.js	4.04 KB	-rw-r--r--
CreateProject-DTBqJzUb.js	2.83 KB	-rw-r--r--
CreateStoragePool-CuOutvs3.js	2.46 KB	-rw-r--r--
CreateStorageVolume-B0HvyGnH.j...	2.47 KB	-rw-r--r--
CustomIsoList-CQVv4whx.js	5.48 KB	-rw-r--r--
DeleteStoragePoolBtn-BeXLuEnA....	1.62 KB	-rw-r--r--
DeleteStorageVolumeBtn-DIIVYGa...	1.88 KB	-rw-r--r--
DiskSizeSelector-IT5APek6.js	1010 B	-rw-r--r--
EditClusterGroup-DiNIL0Lx.js	761 B	-rw-r--r--
EditNetworkForward-DtcWepYC.js	1.99 KB	-rw-r--r--
ExpandableList-EDeaeb6c.js	323 B	-rw-r--r--
FormEditButton-Cs2eW7Js.js	278 B	-rw-r--r--
FormFooterLayout-B3kcadYt.js	738 B	-rw-r--r--
FormLink-BaU-zsbe.js	879 B	-rw-r--r--
FormMenuItem-ChXfQsFA.js	2.23 MB	-rw-r--r--
FormMenuItem-DyX1CsEw.css	66.66 KB	-rw-r--r--
GroupOrIdentityChangesTable-DQ...	5.11 KB	-rw-r--r--
GroupSelectionActions-Dq47oQd-...	3.18 KB	-rw-r--r--
HelpLink-4LTOsqZO.js	294 B	-rw-r--r--
ImageList-yKBGTFZU.js	11.7 KB	-rw-r--r--
InstanceDetail-BV9hr65t.js	481.49 KB	-rw-r--r--
InstanceDetail-Beg8tuEN.css	3.88 KB	-rw-r--r--
InstanceLinkChip-DfVC8U01.js	4.24 KB	-rw-r--r--
InstanceList-CTEYE5e7.js	24.67 KB	-rw-r--r--
ItemName-DSOx0T0r.js	185 B	-rw-r--r--
Login-CsUYa7ns.js	1.41 KB	-rw-r--r--
Meter-BsdJ73XW.js	487 B	-rw-r--r--
NetworkDetail-RgSS_6Vw.js	12.8 KB	-rw-r--r--
NetworkForwardForm-C18aehvo.js	6.49 KB	-rw-r--r--
NetworkList-B4gWmGGm.js	6.32 KB	-rw-r--r--
NetworkListTable-Ba2LzF-J.js	3.31 KB	-rw-r--r--
NotificationRow-CotZPNAQ.js	157 B	-rw-r--r--
OperationList-D4--05cO.js	3.35 KB	-rw-r--r--
PageHeader-CExPjRLH.js	549 B	-rw-r--r--
PermissionGroups-CkGxgQmn.js	30.89 KB	-rw-r--r--
PermissionIdentities-DDmb7V-C....	12.93 KB	-rw-r--r--
PermissionIdpGroups-yggiVbcG.j...	13.38 KB	-rw-r--r--
ProfileDetail-CQHhNWwW.js	10.94 KB	-rw-r--r--
ProfileDetailsForm-C-rMcUGO.js	2.45 KB	-rw-r--r--
ProfileInstances-DeravO8Q.js	1.46 KB	-rw-r--r--
ProfileList-C7yC3g6E.js	7.11 KB	-rw-r--r--
ProgressBar-CQ2HKUqQ.js	170 B	-rw-r--r--
ProjectConfiguration-rKP8dZtz....	9.04 KB	-rw-r--r--
ProjectForm-GhClr0iv.js	15.12 KB	-rw-r--r--
ProtectedRoute-DYKGChU3.js	214 B	-rw-r--r--
ProxyDeviceForm-B5UDgi1V.js	38.9 KB	-rw-r--r--
RenameHeader-fmgiouA6.js	13.29 KB	-rw-r--r--
ResourceIcon-DZQOrBLA.js	532 B	-rw-r--r--
ResourceLabel-PzB_6v5p.js	317 B	-rw-r--r--
ResourceLink-CS7mH0C3.js	302 B	-rw-r--r--
ScrollableContainer-MJpEXCww.j...	646 B	-rw-r--r--
ScrollableTable-DWT33Lms.js	561 B	-rw-r--r--
SelectableMainTable-C8l8QdDe.j...	2.21 KB	-rw-r--r--
SelectedTableNotification-2DZb...	974 B	-rw-r--r--
Settings-BYi8qROs.js	9.75 KB	-rw-r--r--
SidePanel-DNeaRMst.js	2.84 KB	-rw-r--r--
SnapshotForm-DF9sGEzn.js	1.49 KB	-rw-r--r--
StoragePoolDetail-DT58PBIr.js	6.45 KB	-rw-r--r--
StoragePoolForm-Z62B6Fuh.js	17.07 KB	-rw-r--r--
StoragePoolSelectTable-CXuxJSN...	1.61 KB	-rw-r--r--
StoragePoolSelector-DEvMjaMu.j...	1.48 KB	-rw-r--r--
StoragePoolSize-DyBNKBKy.js	467 B	-rw-r--r--
StoragePools-DK0Gkjq9.js	3.99 KB	-rw-r--r--
StorageUsedBy-sdKGRlgM.js	2.12 KB	-rw-r--r--
StorageVolumeDetail-fQzbPWNW.j...	24.87 KB	-rw-r--r--
StorageVolumeForm-ZPfwK39D.js	8.42 KB	-rw-r--r--
StorageVolumes-DPotlIN6.js	7.26 KB	-rw-r--r--
StorageVolumesFilter-B7pR3OeF....	1.01 KB	-rw-r--r--
TabLinks-BIG_Rdvk.js	360 B	-rw-r--r--
UploadCustomIso-DG12FhN0.js	2.83 KB	-rw-r--r--
UsedByItem-VHA3kVFG.js	945 B	-rw-r--r--
VolumeAddSnapshotBtn-8Qz9xFE-....	4.87 KB	-rw-r--r--
WarningList-DZNTQSpg.js	1.99 KB	-rw-r--r--
YamlNotification-BnmI52ws.js	634 B	-rw-r--r--
YamlSwitch-BXLuxWUh.js	40.62 KB	-rw-r--r--
certificate-kcThcTS9.js	279.99 KB	-rw-r--r--
clusterGroups-BWQNdGSD.js	3.63 KB	-rw-r--r--
images-Du2fhDUO.js	1.22 KB	-rw-r--r--
index-BeIaaTgz.css	661.94 KB	-rw-r--r--
index-BkTFFYvy.js	690.52 KB	-rw-r--r--
index-DW_MHI2K.js	34.19 KB	-rw-r--r--
index.esm-auJ3G_FM.js	38.36 KB	-rw-r--r--
instanceDelete-Bn3xn_NE.js	12.2 KB	-rw-r--r--
instanceOptions-BuFjjn-P.js	1.19 KB	-rw-r--r--
network-forwards-B-h1Yzp9.js	856 B	-rw-r--r--
operations-DIvBacJG.js	757 B	-rw-r--r--
projects-CvA2zMPN.js	789 B	-rw-r--r--
scroll-DPmbgfny.js	26.97 KB	-rw-r--r--
searchAndFilter-DtC_P-vv.js	361 B	-rw-r--r--
snapshots-CEDJtMaf.js	670 B	-rw-r--r--
storage-volumes-tfXkh9eB.js	2.46 KB	-rw-r--r--
useGroups-CCX3qCzO.js	2.91 KB	-rw-r--r--
useImages-LgCYWVgs.js	1.64 KB	-rw-r--r--
useNetworks-D3nHf8AE.js	3.63 KB	-rw-r--r--
useSmallScreen-BvsjT919.js	169 B	-rw-r--r--
useSortTableData-BoXaK1oA.js	393 B	-rw-r--r--
useVolumes-BvpfNVaA.js	1.27 KB	-rw-r--r--

Code Editor : NetworkForwardForm-C18aehvo.js

import{j as s,d as r,a2 as j,a3 as m,r as b,B as P,H as v}from"./index-BkTFFYvy.js";import{c as x,d as I,a as n}from"./index.esm-auJ3G_FM.js";import{N as F}from"./NotificationRow-CotZPNAQ.js";import{S as N,f as A}from"./FormFooterLayout-B3kcadYt.js";const f=({formik:e,network:l})=>s.jsxs("table",{className:"u-no-margin--bottom forward-ports",children:[s.jsx("thead",{children:s.jsxs("tr",{children:[s.jsx("th",{className:"listen-port",children:s.jsx(r.Label,{required:!0,forId:"ports.0.listenPort",className:"u-no-margin--bottom",children:"Listen port"})}),s.jsx("th",{className:"protocol",children:s.jsx(r.Label,{required:!0,forId:"ports.0.protocol",className:"u-no-margin--bottom",children:"Protocol"})}),s.jsx("th",{className:"target-address",children:s.jsx(r.Label,{required:!0,forId:"ports.0.targetAddress",className:"u-no-margin--bottom",children:"Target address"})}),s.jsx("th",{className:"target-port",children:s.jsx(r.Label,{forId:"ports.0.targetPort",className:"u-no-margin--bottom",children:"Target port"})}),s.jsx("th",{className:"u-off-screen",children:"Actions"})]})}),s.jsx("tbody",{children:e.values.ports.map((t,a)=>{var p,o,i,c,u,h,g;const d=(p=e.errors.ports)==null?void 0:p[a];return s.jsxs("tr",{children:[s.jsx("td",{className:"listen-port",children:s.jsx(r.Input,{...e.getFieldProps(`ports.${a}.listenPort`),id:`ports.${a}.listenPort`,type:"text","aria-label":`Port ${a} listen port`,placeholder:"Port number(s)",help:a===e.values.ports.length-1&&s.jsx(s.Fragment,{children:"e.g. 80,90-99."}),error:(i=(o=e.touched.ports)==null?void 0:o[a])!=null&&i.listenPort?d==null?void 0:d.listenPort:void 0})}),s.jsx("td",{className:"protocol",children:s.jsx(r.Select,{...e.getFieldProps(`ports.${a}.protocol`),id:`ports.${a}.protocol`,options:[{label:"TCP",value:"tcp"},{label:"UDP",value:"udp"}],"aria-label":`Port ${a} protocol`})}),s.jsx("td",{className:"target-address",children:s.jsx(r.Input,{...e.getFieldProps(`ports.${a}.targetAddress`),id:`ports.${a}.targetAddress`,type:"text","aria-label":`Port ${a} target address`,placeholder:"Enter IP address",help:a===e.values.ports.length-1&&s.jsxs(s.Fragment,{children:["Must be from the network ",s.jsx("b",{children:l==null?void 0:l.name}),"."]}),error:(u=(c=e.touched.ports)==null?void 0:c[a])!=null&&u.targetAddress?d==null?void 0:d.targetAddress:void 0})}),s.jsx("td",{className:"target-port",children:s.jsx(r.Input,{...e.getFieldProps(`ports.${a}.targetPort`),id:`ports.${a}.targetPort`,type:"text","aria-label":`Port ${a} target port`,placeholder:"Port number(s)",help:a===e.values.ports.length-1&&"Same as listen port if empty",error:(g=(h=e.touched.ports)==null?void 0:h[a])!=null&&g.targetPort?d==null?void 0:d.targetPort:void 0})}),s.jsx("td",{children:s.jsx(r.Button,{onClick:async()=>e.setFieldValue("ports",[...e.values.ports.slice(0,a),...e.values.ports.slice(a+1)]),hasIcon:!0,className:"u-no-margin--bottom",type:"button","aria-label":`Delete port ${a}`,children:s.jsx(r.Icon,{name:"delete"})})})]},a)})})]}),S=e=>({listen_address:e.listenAddress,description:e.description,config:{target_address:e.defaultTargetAddress},ports:e.ports.map(l=>{var t,a,d;return{listen_port:(t=l.listenPort)==null?void 0:t.toString(),protocol:l.protocol,target_address:(a=l.targetAddress)==null?void 0:a.toString(),target_port:(d=l.targetPort)==null?void 0:d.toString()}})}),C=x().shape({listenAddress:n().test("valid-ip","Invalid IP address",m).required("Listen address is required"),ports:I().of(x().shape({listenPort:n().test("valid-port","Invalid port number",j).required("Listen port required"),protocol:n().required("Protocol is required"),targetAddress:n().test("valid-ip","Invalid IP address",m).required("Target address is required"),targetPort:n().nullable().test("valid-port","Invalid port number",j)}))}),R=({formik:e,isEdit:l,network:t})=>{var c;const a=r.useNotify(),d=()=>{v("form-contents","p-bottom-controls")};b.useEffect(d,[(c=a.notification)==null?void 0:c.message]),P("resize",d);const p=()=>{e.setFieldValue("ports",[...e.values.ports,{protocol:"tcp"}]);const u=`ports.${e.values.ports.length}.listenPort`;A(u)},o=(t==null?void 0:t.type)==="ovn",i=!o||!["0.0.0.0","::"].includes(e.values.listenAddress);return s.jsx(r.Form,{className:"form network-forwards-form",onSubmit:e.handleSubmit,children:s.jsx(r.Row,{className:"form-contents",children:s.jsx(r.Col,{size:12,children:s.jsxs(N,{children:[s.jsx(r.Input,{type:"submit",hidden:!0,value:"Hidden input"}),s.jsxs(r.Row,{className:"p-form__group p-form-validation",children:[s.jsx(F,{}),s.jsxs(r.Notification,{severity:"information",title:"Network information",titleElement:"h2",children:["Name: ",t==null?void 0:t.name,s.jsx("br",{}),(t==null?void 0:t.config["ipv4.address"])&&s.jsxs(s.Fragment,{children:["IPv4: ",t==null?void 0:t.config["ipv4.address"],s.jsx("br",{})]}),(t==null?void 0:t.config["ipv6.address"])&&s.jsxs(s.Fragment,{children:["IPv6: ",t==null?void 0:t.config["ipv6.address"]]})]})]}),s.jsxs(r.Row,{children:[s.jsx(r.Col,{size:4,children:s.jsx(r.Label,{forId:"listenAddress",children:"Listen address"})}),s.jsxs(r.Col,{size:8,children:[o&&!l&&s.jsxs(s.Fragment,{children:[(t==null?void 0:t.config["ipv4.address"])!=="none"&&s.jsx(r.RadioInput,{label:"Auto-assign IPv4 address",checked:e.values.listenAddress==="0.0.0.0",onChange:()=>{e.setFieldValue("listenAddress","0.0.0.0")}}),(t==null?void 0:t.config["ipv6.address"])!=="none"&&s.jsx(r.RadioInput,{label:"Auto-assign IPv6 address",checked:e.values.listenAddress==="::",onChange:()=>{e.setFieldValue("listenAddress","::")}}),s.jsx(r.RadioInput,{label:"Manually enter address",checked:i,onChange:()=>{e.setFieldValue("listenAddress","")}})]}),s.jsx(r.Input,{...e.getFieldProps("listenAddress"),id:"listenAddress",type:"text",placeholder:"Enter IP address",autoFocus:!0,required:!0,disabled:l||!i,help:"Any address routed to LXD.",error:e.touched.listenAddress?e.errors.listenAddress:void 0})]})]}),s.jsx(r.Input,{...e.getFieldProps("defaultTargetAddress"),id:"defaultTargetAddress",type:"text",label:"Default target address",help:s.jsxs(s.Fragment,{children:["Fallback target for traffic that does not match a port specified below.",s.jsx("br",{}),"Must be from the network ",s.jsx("b",{children:t==null?void 0:t.name}),"."]}),placeholder:"Enter IP address",stacked:!0}),s.jsx(r.Input,{...e.getFieldProps("description"),id:"description",type:"text",label:"Description",placeholder:"Enter description",stacked:!0}),e.values.ports.length>0&&s.jsx(f,{formik:e,network:t}),s.jsxs(r.Button,{hasIcon:!0,onClick:p,type:"button",children:[s.jsx(r.Icon,{name:"plus"}),s.jsx("span",{children:"Add port"})]})]})})})})};export{C as N,R as a,S as t};

${this.title}

Code Editor : NetworkForwardForm-C18aehvo.js