| OLD | NEW |
|---|
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html i18n-values="dir:textdirection"> | 2 <html i18n-values="dir:textdirection"> |
| 3 <head> | 3 <head> |
| 4 <title i18n-content="title"></title> | 4 <title i18n-content="title"></title> |
| 5 <link rel="stylesheet" href="chrome://resources/css/button.css"> |
| 6 <link rel="stylesheet" href="chrome://resources/css/select.css"> |
| 5 <link rel="stylesheet" href="oobe.css"> | 7 <link rel="stylesheet" href="oobe.css"> |
| 8 <script src="chrome://resources/js/cr.js"></script> |
| 9 <script src="chrome://resources/js/cr/event_target.js"></script> |
| 10 <script src="chrome://resources/js/local_strings.js"></script> |
| 11 <script src="chrome://resources/js/util.js"></script> |
| 12 <script src="oobe.js"></script> |
| 6 </head> | 13 </head> |
| 7 <body i18n-values=".style.fontFamily:fontfamily;"> | 14 <body i18n-values=".style.fontFamily:fontfamily;"> |
| 15 <div id="oobe" class="connect"> |
| 16 <div id="outer-container"> |
| 17 <div id="header"> |
| 18 <span i18n-content="productName"></span> |
| 19 <div id="header-sections"> |
| 20 <span id="headerConnect" class="header-section" |
| 21 i18n-content="welcomeScreenTitle"></span> |
| 22 <span id="headerEula" class="header-section right" |
| 23 i18n-content="eulaScreenTitle"></span> |
| 24 <span id="headerUpdate" class="header-section right" |
| 25 i18n-content="updateScreenTitle"></span> |
| 26 </div> |
| 27 </div> |
| 28 <hr class="topshadow"> |
| 29 <div id="inner-container"> |
| 30 <div class="step" id="connect"> |
| 31 <!-- TODO(nkostylev): Convert to layout using div elements. --> |
| 32 <table> |
| 33 <tr height='40px'> |
| 34 <td width='200px' i18n-content="languageSelect"></td> |
| 35 <td> |
| 36 <select id='language-select'></select> |
| 37 </td> |
| 38 </tr> |
| 39 <tr height='40px'> |
| 40 <td i18n-content="keyboardSelect"></td> |
| 41 <td> |
| 42 <select id='keyboard-select'></select> |
| 43 </td> |
| 44 </tr> |
| 45 <tr height='40px'> |
| 46 <td i18n-content="networkSelect"></td> |
| 47 <td> |
| 48 <!-- TODO(nkostylev): Embed network control. --> |
| 49 </td> |
| 50 </tr> |
| 51 </table> |
| 52 </div> |
| 53 <div class="step right hidden" id="eula"> |
| 54 <div id="eulas" class="eula-columns one-column"> |
| 55 <div id="cros-eula"> |
| 56 <iframe id="cros-eula-frame" class="eula-frame" |
| 57 src="chrome://about/terms"></iframe> |
| 58 </div> |
| 59 <div id="oem-eula"><iframe id="oem-eula-frame" |
| 60 class="eula-frame"></iframe></div> |
| 61 </div> |
| 62 <p id="logging"> |
| 63 <input type="checkbox"/><span i18n-content="checkboxLogging"></span> |
| 64 <a id="stats-help-link" href="#" i18n-content="learnMore"></a> |
| 65 </p> |
| 66 </div> |
| 67 <div class="step right hidden" id="update"> |
| 68 <div> |
| 69 <p i18n-content="installingUpdate"></p> |
| 70 <progress id="" max="100" value="0"></progress> |
| 71 <p i18n-content="installingUpdateDesc"></p> |
| 72 </div> |
| 73 </div> |
| 74 </div> |
| 75 <hr class="bottomshadow"> |
| 76 <div id="footer"> |
| 77 <div id="progress"> |
| 78 <div id="connect-dot" class="progdot"></div> |
| 79 <div id="eula-dot" class="progdot"></div> |
| 80 <div id="signin-dot" class="progdot"></div> |
| 81 <div id="photo-dot" class="progdot"></div> |
| 82 </div> |
| 83 <div class="button-strip"> |
| 84 <button id="continue-button" i18n-content="continue"></button> |
| 85 <button id="back-button" i18n-content="back"></button> |
| 86 <button id="accept-button" i18n-content="acceptAgreement"></button> |
| 87 </div> |
| 88 </div> |
| 89 </div> |
| 90 </div> |
| 91 <div id="security-info"> |
| 92 <a id="security-link" href="#" i18n-content="tpmSetting"></a> |
| 93 </div> |
| 8 </body> | 94 </body> |
| 9 </html> | 95 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 7058048:
[cros] Layout for OOBE WebUI. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src