VPC*

Description

</div>
                </div>

<div class="control-group" ng-if="newProtoVN.mode == 'FM_MANAGED'">
                    <label for="internetAccessMode" class="control-label">Internet Access Mode*</label>
                    <div class="controls">
                        <select id="internetAccessMode" dku-bs-select ng-options="x[0] as x[1] for x in [['NO', 'No internet access'], ['EGRESS_ONLY', 'Egress only internet'], ['YES', 'Create an internet gateway']]" ng-model="newProtoVN.internetAccessMode"/>
                    </div>
                </div>

<div ng-if="newProtoVN.mode == 'EXISTING_MULTITENANT_PUBLIC_IP' && appConfig.cloud == 'AWS'">
                    <div class="control-group">
                        <label for="awsVpcId" class="control-label">VPC Id*</label>
                        <div class="controls">
                            <input id="awsVpcId" type="text" ng-model="newProtoVN.awsVpcId" required/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="awsSubnetId" class="control-label">Subnet Id*</label>
                        <div class="controls">
                            <input id="awsSubnetId" type="text" ng-model="newProtoVN.awsSubnetId" required/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="awsSecondSubnetId" class="control-label">Second subnet Id</label>
                        <div class="controls">
                            <input id="awsSecondSubnetId" type="text" ng-model="newProtoVN.awsSecondSubnetId"/>
                            <span class="help-inline">Required when provisioning a load balancer on this virtual network.</span>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="awsAutoCreateSecurityGroups" class="control-label">Auto-create security groups</label>
                        <div class="controls">
                            <input id="awsAutoCreateSecurityGroups" type="checkbox" ng-model="newProtoVN.awsAutoCreateSecurityGroups"/>
                        </div>
                    </div>
                </div>

<div ng-if="newProtoVN.mode == 'EXISTING_MULTITENANT_PUBLIC_IP' && appConfig.cloud == 'AZURE'">
                    <div class="control-group">
                        <label for="azureVnId" class="control-label">Virtual Network Id*</label>
                        <div class="controls">
                            <input id="azureVnId" type="text" ng-model="newProtoVN.azureVnId" required/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="azureSubnetId" class="control-label">Subnet Name*</label>
                        <div class="controls">
                            <input id="azureSubnetId" type="text" ng-model="newProtoVN.azureSubnetId" required/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="azureSecondSubnetId" class="control-label">Second subnet Name</label>
                        <div class="controls">
                            <input id="azureSecondSubnetId" type="text" ng-model="newProtoVN.azureSecondSubnetId"/>
                            <span class="help-inline">Required when provisioning a load balancer on this virtual network.</span>
                        </div>
                    </div>
                </div>

<div ng-if="newProtoVN.mode == 'EXISTING_MULTITENANT_PUBLIC_IP'">
                    <div class="control-group">
                        <label for="allowIngressSSH" class="control-label">Allow SSH from Fleet Manager</label>
                        <div class="controls">
                            <div>
                                <input id="allowIngressSSH" type="checkbox" ng-model="newProtoVN.allowIngressSSH"/>
                                <span class="help-inline">For Dataiku Support.</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

<div class="form dkuform-horizontal" ng-if="appConfig.tenancy == 'MONOTENANT'">
                <div class="control-group">
                    <label for="label" class="control-label">Label*</label>
                    <div class="controls">
                        <input id="label" type="text" ng-model="newProtoVN.label" placeholder="Enter virtual network label" required auto-focus="true"/>
                    </div>
                </div>
                <div class="control-group">
                    <label for="description" class="control-label">Description</label>
                    <div class="controls">
                        <textarea id="description" type="text" ng-model="newProtoVN.description" />
                    </div>
                </div>

<div>
                    <h4>Account</h4>

<div class="control-group mtop20">
                        <label for="accountId" class="control-label">Account</label>
                        <div class="controls">
                            <select id="accountId" class="form-control" dku-bs-select ng-options="account.id as account.label for account in creationData.accounts" ng-model="newProtoVN.accountId" ng-change="accountChanged()"/>
                            <span class="help-inline">if nothing selected, the account will be the same as FM</span>
                        </div>
                    </div>
                </div>
                <h4>Network</h4>

<div class="control-group">
                        <label for="awsRegion" class="control-label">Region</label>
                        <div class="controls">
                            <input id="awsRegion" type="text" ng-model="newProtoVN.awsRegion" />
                            <span class="help-inline">Leave blank to use default FM region</span>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="awsVpcId" class="control-label">VPC Id*</label>
                        <div class="controls">
                            <input id="awsVpcId" type="text" ng-model="newProtoVN.awsVpcId" required/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="awsSubnetId" class="control-label">Primary subnet Id*</label>
                        <div class="controls">
                            <input id="awsSubnetId" type="text" ng-model="newProtoVN.awsSubnetId" required/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="awsSecondSubnetId" class="control-label">Second subnet Id</label>
                        <div class="controls">
                            <input id="awsSecondSubnetId" type="text" ng-model="newProtoVN.awsSecondSubnetId"/>
                            <span class="help-inline">Required when provisioning a load balancer on this virtual network. Primary and secondary subnets need to be in different availability zones</span>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="awsAutoCreateSecurityGroups" class="control-label">Auto-create security groups</label>
                        <div class="controls">
                            <label class="dku-toggle" style="margin-left: 0">
                                <input id="awsAutoCreateSecurityGroups" type="checkbox" ng-model="newProtoVN.awsAutoCreateSecurityGroups">
                                <span/>
                            </label>
                        </div>
                    </div>
                    <div class="control-group" ng-if="!newProtoVN.awsAutoCreateSecurityGroups">
                        <label class="control-label">Security groups Ids
                            <i class="icon-question-sign mleft8" dku-help-popover="'/app/virtual-networks/help-security-groups.html'"></i></label>
                        <div class="controls">
                            <div class="mbot8" ng-repeat="ignored in newProtoVN.awsSecurityGroups track by $index">
                                <input type="text" ng-model="newProtoVN.awsSecurityGroups[$index]">
                                <a class="security-group_trash-icon" ng-click="removeAwsSecurityGroup($index)"> <i class="icon-trash"/></a>
                            </div>
                            <div class="awsSecurityGroups_buttons" style="position: relative" ng-show="newProtoVN.awsSecurityGroups.length < 5">
                                <button type="button" class="btn btn--secondary" ng-click="addAwsSecurityGroup()"><i plus-icon/> Add security group</button>
                            </div>
                        </div>
                    </div>
                </div>

<div class="control-group">
                        <label for="azureVnId" class="control-label">Virtual Network Id*</label>
                        <div class="controls">
                            <input id="azureVnId" type="text" ng-model="newProtoVN.azureVnId" required/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="azureSubnetId" class="control-label">Subnet Name*</label>
                        <div class="controls">
                            <input id="azureSubnetId" type="text" ng-model="newProtoVN.azureSubnetId" required/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="azureSecondSubnetId" class="control-label">Second subnet Name</label>
                        <div class="controls">
                            <input id="azureSecondSubnetId" type="text" ng-model="newProtoVN.azureSecondSubnetId"/>
                            <span class="help-inline">Required when provisioning a load balancer on this virtual network.</span>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="azureAutoUpdateSecurityGroups" class="control-label">Update security groups</label>
                        <div class="controls">
                            <input id="azureAutoUpdateSecurityGroups" type="checkbox" ng-model="newProtoVN.azureAutoUpdateSecurityGroups"/>
                            <span class="help-inline">Configures the Network Security Group to allow communication between Fleet Manager and its DSS instances and let you choose the Internet Access Mode.</span>
                        </div>
                    </div>
                    <div class="control-group" ng-if="newProtoVN.azureAutoUpdateSecurityGroups">
                        <label for="internetAccessMode" class="control-label">Internet Access Mode</label>
                        <div class="controls">
                            <select id="internetAccessMode" dku-bs-select ng-options="x[0] as x[1] for x in [['NO', 'No internet access'], ['EGRESS_ONLY', 'Egress only internet'], ['YES', 'Create an internet gateway']]" ng-model="newProtoVN.internetAccessMode"/>
                        </div>
                        <div class="controls alert alert-warning mtop8" ng-if="newProtoVN.internetAccessMode === 'NO' || newProtoVN.internetAccessMode === 'EGRESS_ONLY'">
                            If you apply this rule on Fleet Manager's virtual network, it won't be accessible from the internet.
                        </div>
                    </div>
                </div>

<div class="control-group">
                        <label for="gcpProjectId" class="control-label">Project*</label>
                        <div class="controls">
                            <input id="gcpProjectId" type="text" ng-model="newProtoVN.gcpProjectId" required/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="gcpNetwork" class="control-label">Network*</label>
                        <div class="controls">
                            <input id="gcpNetwork" type="text" ng-model="newProtoVN.gcpNetwork" required/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="gcpSubnetwork" class="control-label">Subnetwork*</label>
                        <div class="controls">
                            <input id="gcpSubnetwork" type="text" ng-model="newProtoVN.gcpSubnetwork" required/>
                        </div>
                    </div>
                </div>

<div>
                    <div class="control-group">
                        <label for="autoCreatePeerings" class="control-label">Auto-create peerings if needed</label>
                        <div class="controls">
                            <label class="dku-toggle" style="margin-left: 0">
                                <input id="autoCreatePeerings" type="checkbox" ng-model="newProtoVN.autoCreatePeerings">
                                <span/>
                            </label>
                        </div>
                    </div>
                    <div class="control-group" ng-if="!newProtoVN.autoCreatePeerings">
                        <label for="fmVisibleURL" class="control-label">FM URL</label>
                        <div class="controls">
                            <input id="fmVisibleURL" type="text" ng-model="newProtoVN.fmVisibleURL">
                            <span class="help-inline">Define the FM URL accessible from the DSS instances</span>
                        </div>
                    </div>
                </div>

<div class="control-group">
                    <label class="control-label" ng-if="appConfig.cloud === 'AWS'">AWS tags</label>
                    <label class="control-label" ng-if="appConfig.cloud === 'AZURE'">Azure tags</label>
                    <label class="control-label" ng-if="appConfig.cloud === 'GCP'">GCP labels</label>
                    <div class="controls">
                        <editable-list label="Cloud tags" ng-model="newProtoVN.cloudTags" sortable="false" add-label="Add {{appConfig.cloud === 'GCP'?'Label':'Tag'}}" disable-remove="true" >
                            <input ng-if="it.$readOnly === true" type="text" class="editable-list__input" ng-model="it.key" placeholder="Value" readonly/>
                            <editable-list-input ng-if="!it.$readOnly" type="text" ng-model="it.key" placeholder="Key" required="true" unique="true"/>
                            <div class="editable-list__noflex editable-list__icon">
                                <i class="editable-list__arrow-icon dku-icon-arrow-right-long-16"></i>
                            </div>
                            <input ng-if="it.$readOnly === true" type="text" class="editable-list__input" ng-model="it.value" placeholder="Value" readonly/>
                            <input ng-if="!it.$readOnly" type="text" class="editable-list__input" ng-model="it.value" placeholder="Value"  maxlength="255"/>
                            <button type="button" class="btn btn--text btn--danger btn--icon btn--dku-icon editable-list__delete" ng-disabled="it.$readOnly" tabindex="-1" ng-click="remove($index)"><i class="dku-icon-trash-16"></i></button>
                        </editable-list>
                        <span class="help-inline" ng-if="appConfig.cloud === 'AWS'">
                            Will be added to cloud resources created as part of this virtual network. Resources not managed by FM such as the provided VPC and subnet(s) will not be tagged.
                        </span>
                        <span class="help-inline" ng-if="appConfig.cloud === 'AZURE'">
                            Will be added to cloud resources created as part of this virtual network. Resources not managed by FM such as the provided virtual network and subnet(s) will not be tagged.
                        </span>
                        <span class="help-inline" ng-if="appConfig.cloud === 'GCP'">
                            Will be added to cloud resources created as part of this virtual network. Resources not managed by FM such as the provided network and subnetwork(s) will not be labeled.
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

New virtual network