1<div id="configuration-network"> 2 <div class="row column"> 3 <h1>BMC network settings</h1> 4 </div> 5 <form class="net-config__form" role="form" action=""> 6 <section class="row column"> 7 <div class="column small-12 page-header"> 8 <h2 class="inline h4">Common settings</h2> 9 </div> 10 <fieldset> 11 <div class="column small-12 large-3"> 12 <label for="netinterface-select">Network interface</label> 13 <div id="netinterface-select" class="dropdown__wrapper"> 14 <button class="dropdown__button" ng-click="networkDevice = ! networkDevice">eth0</button> 15 <ul class="dropdown__list inline" ng-show="networkDevice"> 16 <li> 17 <button ng-click="networkDevice=false;">eth0</button> 18 </li> 19 <li> 20 <button ng-click="networkDevice=false;">eth1</button> 21 </li> 22 </ul> 23 </div> 24 </div> 25 <div class="column small-12 large-3"> 26 <label for="net-config__mac">MAC address</label> 27 <input id="net-config__mac" type="text" readonly class=""/> 28 </div> 29 <div class="column small-12 large-3"> 30 <label for="net-config__host">Hostname</label> 31 <input id="net-config__host" type="text" class=""/> 32 </div> 33 <div class="column small-12 large-3"> 34 <label for="net-config__domain">Domain name</label> 35 <input id="net-config__domain" type="text" class=""/> 36 </div> 37 </fieldset> 38 </section> 39 <section class="row column"> 40 <div class="column small-12 page-header"> 41 <h2 class="inline h4">IPV4 settings</h2> 42 </div> 43 <fieldset> 44 <div class="row column"> 45 <label class="control-radio" for="dhcp-address">Obtain an IP address automatically using DHCP 46 <input type="radio" name="ip-address" id="dhcp-address" ng-checked="true" ng-model="dhcp" ng-value="true" ng-init="dhcp=true"/> 47 <span class="control__indicator control__indicator-on"></span> 48 </label> 49 </div> 50 <div class="row column"> 51 <label class="control-radio" for="static-ip-address">Assign a static IP address 52 <input type="radio" name="ip-address" id="static-ip-address" ng-model="dhcp" ng-value="false"/> 53 <span class="control__indicator control__indicator-on"></span> 54 </label> 55 </div> 56 <fieldset class="net-config__static-ip-wrap"> 57 <div class="column small-12 large-4"> 58 <label for="net-config__ipv4-address" class="inline">IPV4 address</label> 59 <input id="net-config__ipv4-address" type="text" ng-disabled="dhcp" value=""/> 60 </div> 61 <div class="column small-12 large-4"> 62 <label for="net-config__subnet" class="inline">Subnet mask</label> 63 <input id="net-config__subnet" type="text" ng-disabled="dhcp" value=""/> 64 </div> 65 <div class="column small-12 large-4"> 66 <label for="net-config__default-gateway" class="inline">Default gateway</label> 67 <input id="net-config__default-gateway" type="text" ng-disabled="dhcp" value=""/> 68 </div> 69 </fieldset> 70 </fieldset> 71 </section> 72 <section class="row column"> 73 <div class="column small-12 page-header"> 74 <h2 class="inline h4">DNS settings</h2> 75 </div> 76 <fieldset> 77 <div class="column small-12 large-4"> 78 <label for="net-config__prime-dns">Primary DNS server</label> 79 <input id="net-config__prime-dns" type="text"/> 80 </div> 81 <div class="column small-12 large-4"> 82 <label for="net-config__secondary-dns">Secondary DNS server</label> 83 <input id="net-config__secondary-dns" type="text"/> 84 </div> 85 <div class="column small-12 large-4"> 86 <label for="net-config__tertiary-dns">Tertiary DNS server</label> 87 <input id="net-config__tertiary-dns" type="text"/> 88 </div> 89 </fieldset> 90 <div class="network-config__submit-wrapper"> 91 <button class="btn-primary inline">Save settings</button> 92 <button class="btn-secondary inline">Cancel</button> 93 </div> 94 </section> 95 </form> 96</div>