blob: 343ec4e9ea92d91a18b4d7f886561a2206c65f87 [file] [log] [blame]
Iftekharul Islamcd789502017-04-19 14:37:55 -05001<div id="configuration-network">
Michael Davisa960c8c2017-05-01 10:30:38 -05002 <div class="row column">
Michael Davis51946552017-05-01 10:30:38 -05003 <h1>BMC network settings</h1>
Michael Davisa960c8c2017-05-01 10:30:38 -05004 </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>
Michael Davis51946552017-05-01 10:30:38 -050011 <div class="column small-12 large-3">
Iftekharul Islam2a489552017-11-02 13:23:08 -050012 <label for="net-config__mac">Hostname</label>
13 <input id="net-config__mac" type="text" readonly value="{{hostname}}"/>
14 </div>
15 <div class="column small-12 large-3">
Michael Davis51946552017-05-01 10:30:38 -050016 <label for="netinterface-select">Network interface</label>
Michael Davisa960c8c2017-05-01 10:30:38 -050017 <div id="netinterface-select" class="dropdown__wrapper">
Iftekharul Islam2a489552017-11-02 13:23:08 -050018 <button type="button" class="dropdown__button" ng-click="networkDevice = !networkDevice">{{selectedInterface}}</button>
Michael Davisa960c8c2017-05-01 10:30:38 -050019 <ul class="dropdown__list inline" ng-show="networkDevice">
Iftekharul Islam2a489552017-11-02 13:23:08 -050020 <li ng-repeat="interface_id in network.interface_ids">
21 <button type="button" ng-click="selectInterface(interface_id);">{{interface_id}}</button>
Michael Davisa960c8c2017-05-01 10:30:38 -050022 </li>
23 </ul>
24 </div>
25 </div>
Michael Davis51946552017-05-01 10:30:38 -050026 <div class="column small-12 large-3">
Iftekharul Islam2a489552017-11-02 13:23:08 -050027 <label for="net-config__host">MAC address</label>
28 <input id="net-config__host" type="text" ng-model="interface.MACAddress"/>
Michael Davisa960c8c2017-05-01 10:30:38 -050029 </div>
Michael Davis51946552017-05-01 10:30:38 -050030 <div class="column small-12 large-3">
31 <label for="net-config__domain">Domain name</label>
Iftekharul Islam2a489552017-11-02 13:23:08 -050032 <input id="net-config__domain" type="text" ng-model="interface.DomainName"/>
Michael Davisa960c8c2017-05-01 10:30:38 -050033 </div>
34 </fieldset>
35 </section>
36 <section class="row column">
Michael Davis51946552017-05-01 10:30:38 -050037 <div class="column small-12 page-header">
Michael Davisa960c8c2017-05-01 10:30:38 -050038 <h2 class="inline h4">IPV4 settings</h2>
39 </div>
40 <fieldset>
41 <div class="row column">
42 <label class="control-radio" for="dhcp-address">Obtain an IP address automatically using DHCP
Iftekharul Islam2a489552017-11-02 13:23:08 -050043 <input type="radio" name="ip-address" id="dhcp-address" ng-checked="true" ng-model="interface.DHCPEnabled" ng-value="true">
Michael Davisa960c8c2017-05-01 10:30:38 -050044 <span class="control__indicator control__indicator-on"></span>
45 </label>
46 </div>
47 <div class="row column">
48 <label class="control-radio" for="static-ip-address">Assign a static IP address
Iftekharul Islam2a489552017-11-02 13:23:08 -050049 <input type="radio" name="ip-address" id="static-ip-address" ng-model="interface.DHCPEnabled" ng-value="false"/>
Michael Davisa960c8c2017-05-01 10:30:38 -050050 <span class="control__indicator control__indicator-on"></span>
51 </label>
52 </div>
Iftekharul Islam2a489552017-11-02 13:23:08 -050053 <fieldset class="net-config__static-ip-wrap" ng-repeat="ipv4 in interface.ipv4.values">
Michael Davis51946552017-05-01 10:30:38 -050054 <div class="column small-12 large-4">
Michael Davisa960c8c2017-05-01 10:30:38 -050055 <label for="net-config__ipv4-address" class="inline">IPV4 address</label>
Iftekharul Islam2a489552017-11-02 13:23:08 -050056 <input id="net-config__ipv4-address" type="text" ng-disabled="interface.DHCPEnabled" ng-model="ipv4.Address"/>
Michael Davisa960c8c2017-05-01 10:30:38 -050057 </div>
Michael Davis51946552017-05-01 10:30:38 -050058 <div class="column small-12 large-4">
Iftekharul Islam2a489552017-11-02 13:23:08 -050059 <label for="net-config__subnet" class="inline">Gateway</label>
60 <input id="net-config__subnet" type="text" ng-disabled="interface.DHCPEnabled" value="" ng-model="ipv4.Gateway"/>
Michael Davisa960c8c2017-05-01 10:30:38 -050061 </div>
Michael Davis51946552017-05-01 10:30:38 -050062 <div class="column small-12 large-4">
Iftekharul Islam2a489552017-11-02 13:23:08 -050063 <label for="net-config__default-gateway" class="inline">Origin</label>
64 <input id="net-config__default-gateway" type="text" ng-disabled="interface.DHCPEnabled" ng-model="ipv4.Origin"/>
Michael Davisa960c8c2017-05-01 10:30:38 -050065 </div>
66 </fieldset>
67 </fieldset>
Michael Davis51946552017-05-01 10:30:38 -050068 </section>
69 <section class="row column">
70 <div class="column small-12 page-header">
71 <h2 class="inline h4">DNS settings</h2>
72 </div>
73 <fieldset>
74 <div class="column small-12 large-4">
Iftekharul Islam2a489552017-11-02 13:23:08 -050075 <ul>
76 <li ng-repeat="dns in interface.Nameservers track by $index">
77 <label for="net-config__prime-dns">DNS Server {{$index+1}}</label>{{dns}}
78 <br/>
79 </li>
80 </ul>
Michael Davis51946552017-05-01 10:30:38 -050081 </div>
82 </fieldset>
83 <div class="network-config__submit-wrapper">
Gunnar Mills7ddc7272018-04-12 16:12:03 -050084 <button type="button" class="btn-primary inline" ng-click="setNetworkSettings()">Save settings</button>
Gunnar Mills9a0094d2018-05-02 21:50:56 -050085 <button type="button" class="btn-secondary inline" ng-click="refresh()">Cancel</button>
Michael Davisa960c8c2017-05-01 10:30:38 -050086 </div>
Gunnar Mills7ddc7272018-04-12 16:12:03 -050087 <p class="success-msg set_network_success" ng-show="set_network_success" role="alert">Success! Network settings changed!</p>
88 <p class="set_network_error error-msg" ng-show="set_network_error" role="alert">Error setting {{set_network_error}}!</p>
Michael Davisa960c8c2017-05-01 10:30:38 -050089 </section>
90 </form>
Gunnar Mills7ddc7272018-04-12 16:12:03 -050091</div>