in helper/src/components/networkTab.js [375:407]
function PodServiceNetwork({ net, updateFn, invalidArray }) {
return (
<Stack {...columnProps}>
<Label>Kubernetes Networking Configuration</Label>
<Stack.Item styles={{root: {width: '380px'}}} align="start">
<TextField
prefix="Cidr" label="POD Network"
disabled={net.networkPlugin !== 'kubenet' && !net.cniDynamicIpAllocation && !net.networkPluginMode}
onChange={(ev, val) => updateFn("podCidr", val)}
value={net.networkPlugin === 'kubenet' || net.cniDynamicIpAllocation || net.networkPluginMode ? net.podCidr : "Using CNI, POD IPs from subnet"}
maxLength={18}
errorMessage={net.networkPlugin === 'kubenet' || net.cniDynamicIpAllocation || net.networkPluginMode ? getError(invalidArray, 'podCidr') : ''} />
</Stack.Item>
<Stack.Item styles={{root: {width: '380px'}}} align="start">
<TextField
prefix="Cidr" label="Service Network"
onChange={(ev, val) => updateFn("serviceCidr", val)}
value={net.serviceCidr}
errorMessage={getError(invalidArray, 'serviceCidr')} />
<MessageBar messageBarType={MessageBarType.warning}>Address space that isn't in use elsewhere in your network environment <a target="_target" href="https://docs.microsoft.com/en-us/azure/aks/configure-kubenet#create-an-aks-cluster-in-the-virtual-network">docs</a></MessageBar>
</Stack.Item>
<Stack.Item styles={{root: {width: '380px'}}} align="start">
<TextField
prefix="IP" label="DNS Service IP"
onChange={(ev, val) => updateFn("dnsServiceIP", val)}
value={net.dnsServiceIP}
errorMessage={getError(invalidArray, 'dnsServiceIP')} />
<MessageBar messageBarType={MessageBarType.warning}>Ensure its an address within the Service CIDR above <a target="_target" href="https://docs.microsoft.com/en-us/azure/aks/configure-kubenet#create-an-aks-cluster-in-the-virtual-network">docs</a></MessageBar>
</Stack.Item>
</Stack>
)
}