Michael Davis | d163341 | 2017-09-19 11:48:50 -0500 | [diff] [blame] | 1 | <section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': network_settings_confirm}"> |
| 2 | <div class="modal__network-settings" role="document"> |
| 3 | <div class="screen-reader-offscreen modal-description">Confirm network settings</div><!-- accessibility only; used for screen readers --> |
| 4 | <div class="page-header "> |
| 5 | <h1 class="modal-title h4"><span class="icon icon__info"><svg xmlns="http://www.w3.org/2000/svg" |
| 6 | viewBox="0 0 32 32"><path |
| 7 | d="M18 14h-6v2h1v6h-2v2h8v-2h-2z"/><circle cx="16" cy="10" r="2"/><path |
| 8 | d="M16 2C8.269 2 2 8.269 2 16s6.269 14 14 14 14-6.269 14-14S23.731 2 16 2zm0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12z"/></svg></span> |
| 9 | Confirm network settings |
| 10 | </h1> |
| 11 | </div> |
| 12 | <div class="modal__content"> |
| 13 | <div class="row"> |
| 14 | <p class="content-label large-4 column">Network interface</p> |
| 15 | <p class="inline courier-bold column large-6 end">eth0</p> |
| 16 | </div> |
| 17 | <div class="row"> |
| 18 | <p class="content-label large-4 column">Hostname</p> |
| 19 | <p class="inline courier-bold column large-6 end">Whitherspoon 45</p> |
| 20 | </div> |
| 21 | <div class="row"> |
| 22 | <p class="content-label large-4 column">Domain name</p> |
| 23 | <p class="inline courier-bold column large-6 end">ibm.com</p> |
| 24 | </div> |
| 25 | <div class="row"> |
| 26 | <p class="content-label large-4 column">IPV4 address</p> |
| 27 | <p class="inline courier-bold column large-6 end">DHCP controlled</p> |
| 28 | </div> |
| 29 | <div class="row"> |
| 30 | <p class="content-label large-4 column">Subnet mask</p> |
| 31 | <p class="inline courier-bold column large-6 end">DHCP controlled</p> |
| 32 | </div> |
| 33 | <div class="row"> |
| 34 | <p class="content-label large-4 column">Default Gateway</p> |
| 35 | <p class="inline courier-bold column large-6 end">DHCP controlled</p> |
| 36 | </div> |
| 37 | <div class="row"> |
| 38 | <p class="content-label large-4 column">Primary DNS server</p> |
| 39 | <p class="inline courier-bold column large-6 end">8.8.8.8</p> |
| 40 | </div> |
| 41 | <div class="row"> |
| 42 | <p class="content-label large-4 column">Secondary DNS server</p> |
| 43 | <p class="inline courier-bold column large-6 end">8.8.1.1</p> |
| 44 | </div> |
| 45 | <div class="row"> |
| 46 | <p class="content-label large-4 column">Tertiary DNS server</p> |
| 47 | <p class="inline courier-bold column large-6 end">128.12.143.19</p> |
| 48 | </div> |
| 49 | </div> |
| 50 | <div class="modal__button-wrapper"> |
| 51 | <button class="inline btn-secondary" ng-click="network_settings_confirm=false;">Cancel</button> |
| 52 | <button class="inline btn-primary" ng-click="">Save settings</button> |
| 53 | </div> |
| 54 | </div> |
| 55 | </section> |
| 56 | <div class="modal-overlay" tabindex="-1" ng-class="{'active': network_settings_confirm}"></div> |