1<loader loading="loading"></loader> 2<div id="configuration-network"> 3 <div class="row column"> 4 <h1>BMC network settings</h1> 5 </div> 6 <form class="net-config__form" role="form" action=""> 7 <section class="row column"> 8 <div class="column small-12 page-header"> 9 <h2 class="inline h4">Common settings</h2> 10 </div> 11 <fieldset> 12 <div class="column small-12 large-3"> 13 <label for="net-config__mac">Hostname</label> 14 <input id="net-config__mac" type="text" ng-model="hostname"/> 15 </div> 16 <div class="column small-12 large-3"> 17 <label for="netinterface-select">Network interface</label> 18 <div id="netinterface-select" class="dropdown__wrapper"> 19 <button type="button" class="dropdown__button" ng-click="networkDevice = !networkDevice">{{selectedInterface}}</button> 20 <ul class="dropdown__list inline" ng-show="networkDevice"> 21 <li ng-repeat="interface_id in network.interface_ids"> 22 <button type="button" ng-click="selectInterface(interface_id);">{{interface_id}}</button> 23 </li> 24 </ul> 25 </div> 26 </div> 27 <div class="column small-12 large-3"> 28 <label for="net-config__host">MAC address</label> 29 <input id="net-config__host" type="text" ng-model="interface.MACAddress"/> 30 </div> 31 <div class="column small-12 large-3"> 32 <label for="net-config__domain">Default Gateway</label> 33 <input id="net-config__domain" type="text" ng-model="defaultgateway"/> 34 </div> 35 </fieldset> 36 </section> 37 <section class="row column"> 38 <div class="column small-12 page-header"> 39 <h2 class="inline h4">IPV4 settings</h2> 40 </div> 41 <fieldset> 42 <div class="row column"> 43 <label class="control-radio" for="dhcp-address">Obtain an IP address automatically using DHCP 44 <input type="radio" name="ip-address" id="dhcp-address" ng-checked="true" ng-model="interface.DHCPEnabled" ng-value="true"> 45 <span class="control__indicator control__indicator-on"></span> 46 </label> 47 </div> 48 <div class="row column"> 49 <label class="control-radio" for="static-ip-address">Assign a static IP address 50 <input type="radio" name="ip-address" id="static-ip-address" ng-model="interface.DHCPEnabled" ng-value="false"/> 51 <span class="control__indicator control__indicator-on"></span> 52 </label> 53 </div> 54 <fieldset class="net-config__static-ip-wrap" ng-repeat="ipv4 in interface.ipv4.values"> 55 <div class="column small-12 large-4"> 56 <label for="net-config__ipv4-address" class="inline">IPV4 address</label> 57 <input id="net-config__ipv4-address" type="text" ng-disabled="interface.DHCPEnabled" ng-model="ipv4.Address"/> 58 </div> 59 <div class="column small-12 large-4"> 60 <label for="net-config__subnet" class="inline">Gateway</label> 61 <input id="net-config__subnet" type="text" ng-disabled="interface.DHCPEnabled" value="" ng-model="ipv4.Gateway"/> 62 </div> 63 <!-- This netmask prefix length max only works with IPV4 --> 64 <div class="column small-12 large-4"> 65 <label for="net-config__default-gateway" class="inline">Netmask Prefix Length</label> 66 <input id="net-config__default-gateway" type="number" min="1" max="32" step="1" ng-disabled="interface.DHCPEnabled" ng-model="ipv4.PrefixLength"/> 67 </div> 68 </fieldset> 69 </fieldset> 70 </section> 71 <section class="row column"> 72 <div class="column small-12 page-header"> 73 <h2 class="inline h4">DNS settings</h2> 74 </div> 75 <fieldset> 76 <!-- Call Nameservers "DNS Servers" on the GUI --> 77 <fieldset class="net-config__static-ip-wrap" ng-repeat="dns in interface.Nameservers track by $index"> 78 <div class="column small-12"> 79 <label for="net-config__prime-dns{{$index+1}}">DNS Server {{$index+1}}</label> 80 <input id="net-config__prime-dns{{$index+1}}" class="network-input column small-6 large-4 inline" type="text" ng-model="dns" ng-blur="interface.Nameservers[$index] = dns" set-focus-on-new-input//> 81 <button class="dns__server-remove inline" ng-click="removeDNSField($index)">Remove</button> 82 </div> 83 </fieldset> 84 <div class="column small-12"> 85 <button type="button" class="btn-primary inline dns_add" ng-click="addDNSField()">Add new DNS server</button> 86 </div> 87 </fieldset> 88 <div class="network-config__submit-wrapper"> 89 <button type="button" class="btn-primary inline" ng-click="confirm_settings=true;">Save settings</button> 90 <button type="button" class="btn-secondary inline" ng-click="refresh()">Cancel</button> 91 </div> 92 <p class="success-msg set_network_success" ng-show="set_network_success" role="alert">Success! Network settings changed!</p> 93 <p class="set_network_error error-msg" ng-show="set_network_error" role="alert">Error setting {{set_network_error}}!</p> 94 </section> 95 </form> 96</div> 97<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': confirm_settings}"> 98 <div class="modal__tftp-unreachable" role="document"> 99 <div class="screen-reader-offscreen modal-description">Change network settings</div><!-- accessibility only; used for screen readers --> 100 <div class="page-header "> 101 <span class="icon icon__warning inline"><span class="accessible-text" role="alert">Warning</span></span> 102 <h1 class="modal-title h4 inline">Change network settings</h1> 103 </div> 104 <div class="modal__content"> 105 <p>Changing network settings may cause the system to become unavailable (e.g. changing the BMC IP address). 106 Proceed with caution and make note of any new settings that may affect connectivity.</p> 107 </div> 108 <div class="modal__button-wrapper"> 109 <button class="inline btn-secondary" ng-click="confirm_settings=false;">Cancel</button> 110 <button class="inline btn-primary" ng-click="setNetworkSettings()">Continue</button> 111 </div> 112 </div> 113</section> 114