1<div id="configuration-network"> 2 <div class="row column"> 3 <h1>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="row column"> 12 <label for="netinterface-select" class="inline">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="row column"> 26 <label for="net-config__mac" class="inline">MAC address</label> 27 <input id="net-config__mac" type="text" class="inline"/> 28 </div> 29 <div class="row column"> 30 <label for="net-config__host" class="inline">Hostname</label> 31 <input id="net-config__host" type="text" class="inline"/> 32 </div> 33 <div class="row column"> 34 <label for="net-config__domain" class="inline">Domain name</label> 35 <input id="net-config__domain" type="text" class="inline"/> 36 </div> 37 </fieldset> 38 </section> 39 <section class="row column"> 40 <div class="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="row column"> 58 <label for="net-config__ipv4-address" class="inline">IPV4 address</label> 59 <input id="net-config__ipv4-address" type="text" class="inline" ng-disabled="dhcp" value="178.45.23.122"/> 60 </div> 61 <div class="row column"> 62 <label for="net-config__subnet" class="inline">Subnet mask</label> 63 <input id="net-config__subnet" type="text" class="inline" ng-disabled="dhcp" value="255.255.0.0"/> 64 </div> 65 <div class="row column"> 66 <label for="net-config__default-gateway" class="inline">Default gateway</label> 67 <input id="net-config__default-gateway" type="text" class="inline" ng-disabled="dhcp" value="178.45.1.1"/> 68 </div> 69 <div class="row column"> 70 <label for="net-config__prime-dns" class="inline">Primary DNS server</label> 71 <input id="net-config__prime-dns" type="text" class="inline"/> 72 </div> 73 <div class="row column"> 74 <label for="net-config__secondary-dns" class="inline">Secondary DNS server</label> 75 <input id="net-config__secondary-dns" type="text" class="inline"/> 76 </div> 77 <div class="row column"> 78 <label for="net-config__tertiary-dns" class="inline">Tertiary DNS server</label> 79 <input id="net-config__tertiary-dns" type="text" class="inline"/> 80 </div> 81 </fieldset> 82 </fieldset> 83 <div class="network-config__submit-wrapper float-right"> 84 <button class="btn-primary inline">Save settings</button> 85 <button class="btn-secondary inline">Cancel</button> 86 </div> 87 </section> 88 </form> 89</div>