| Michael Davis | 5a752b2 | 2017-03-09 09:41:08 -0600 | [diff] [blame^] | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8"> |
| 5 | <title>openBMC</title> |
| 6 | <link rel="icon" href="favicon.ico?v=2"/> |
| 7 | <link rel="stylesheet" href="css/main.css"> |
| 8 | <script src="js/vendor/vendor.min.js"></script> |
| 9 | </head> |
| 10 | <body> |
| 11 | |
| 12 | <!-- Header & Navigation includes --> |
| 13 | <div id="header__wrapper"></div> |
| 14 | <div id="navigation"></div> |
| 15 | |
| 16 | <!-- Power Operations Content --> |
| 17 | <main id="uid-switch" class="content__container" role="main"> |
| 18 | <div class="row column"> |
| 19 | <h1>Unit ID Indicator</h1> |
| 20 | </div> |
| 21 | |
| 22 | <div class="row column"> |
| 23 | <h2 class="h4">Unit ID control</h2> |
| 24 | </div> |
| 25 | |
| 26 | <div class="row column"> |
| 27 | <div class="btm-border-grey"> |
| 28 | <div class="switch inline"> |
| 29 | <input id="toggle__round" class="toggle-switch toggle-switch__round-flat" type="checkbox" tabindex="0"> |
| 30 | <label for="toggle__round"></label> |
| 31 | </div> |
| 32 | <div class="uid-switch__label inline"> |
| 33 | <p>Unit ID indicator is <span class="uid-switch__status">off</span></p> |
| 34 | <p>Control unit indicator to identify server unit.</p> |
| 35 | </div> |
| 36 | </div> |
| 37 | </div> |
| 38 | </main> |
| 39 | |
| 40 | </body> |
| 41 | <script src="js/app.min.js"></script> |
| 42 | |
| 43 | <!-- FOR DEMO ONLY __ DO NOT COPY BELOW --> |
| 44 | <script> |
| 45 | $('.toggle-switch').on('click', function(){ |
| 46 | console.log($(this).parents('.row')); |
| 47 | $(this).parents('.row').find('.uid-switch__status').html('on'); |
| 48 | }); |
| 49 | </script> |
| 50 | </html> |