blob: 788a6136c73d2866d56ce18a7db8150f2d60cac1 [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 Millsd01504c2018-05-03 13:01:51 -050084 <button type="button" class="btn-primary inline" ng-click="confirm_settings=true;">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>
Gunnar Millsd01504c2018-05-03 13:01:51 -050092<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': confirm_settings}">
93 <div class="modal__tftp-unreachable" role="document">
94 <div class="screen-reader-offscreen modal-description">Change network settings</div><!-- accessibility only; used for screen readers -->
95 <div class="page-header ">
96 <span class="icon icon__warning inline"><span class="accessible-text" role="alert">Warning</span></span>
97 <h1 class="modal-title h4 inline">Change network settings</h1>
98 </div>
99 <div class="modal__content">
100 <p>Changing network settings may cause the system to become unavailable (e.g. changing the BMC IP address).
101 Proceed with caution and make note of any new settings that may affect connectivity.</p>
102 </div>
103 <div class="modal__button-wrapper">
104 <button class="inline btn-secondary" ng-click="confirm_settings=false;">Cancel</button>
105 <button class="inline btn-primary" ng-click="setNetworkSettings()">Continue</button>
106 </div>
107 </div>
108</section>