| Index: chrome/browser/resources/options.html
|
| ===================================================================
|
| --- chrome/browser/resources/options.html (revision 51735)
|
| +++ chrome/browser/resources/options.html (working copy)
|
| @@ -19,6 +19,9 @@
|
| <if expr="pp_ifdef('chromeos')">
|
| <script src="options/chromeos_system_options.js"></script>
|
| </if>
|
| +<script src="options/advanced_options.js"></script>
|
| +<script src="options/browser_options.js"></script>
|
| +<script src="options/personal_options.js"></script>
|
| <script>
|
|
|
| ///////////////////////////////////////////////////////////////////////////////
|
| @@ -28,16 +31,24 @@
|
| */
|
| function load() {
|
| localStrings = new LocalStrings();
|
| - OptionsPage.register(SystemOptions.getInstance());
|
| - var labsOptions = new OptionsPage('labs',
|
| - templateData.labsPage,
|
| - 'labsPage');
|
| - OptionsPage.register(labsOptions);
|
|
|
| + const isChromeOS = /CrOS/.test(navigator.platform);
|
| + if (isChromeOS) {
|
| + OptionsPage.register(SystemOptions.getInstance());
|
| + }
|
| + OptionsPage.register(BrowserOptions.getInstance());
|
| + OptionsPage.register(PersonalOptions.getInstance());
|
| + OptionsPage.register(AdvancedOptions.getInstance());
|
| +
|
| Preferences.getInstance().initialize();
|
| - OptionsPage.showPageByName(SystemOptions.getInstance().name);
|
| + if (isChromeOS) {
|
| + OptionsPage.showPageByName(SystemOptions.getInstance().name);
|
| + } else {
|
| + OptionsPage.showPageByName(BrowserOptions.getInstance().name);
|
| + }
|
| }
|
|
|
| +document.addEventListener('DOMContentLoaded', load);
|
|
|
| window.onpopstate = function(e) {
|
| OptionsPage.setState(e.state);
|
| @@ -45,81 +56,17 @@
|
|
|
| </script>
|
| <link rel="stylesheet" href="dom_ui.css">
|
| -<!-- TODO(zelidrag) just a temp style placeholder until redesign -->
|
| -<style>
|
| -#main-content {
|
| - display: -webkit-box;
|
| -}
|
| -
|
| -#navbar-container {
|
| - border: 1px solid black;
|
| - background-color: #dfdfdf;
|
| - cursor: pointer;
|
| - font-weight: bold;
|
| - height: 400px;
|
| - padding: 10px;
|
| - position: relative;
|
| - width: 200px;
|
| -}
|
| -
|
| -.navbar-item, .navbar-item2 {
|
| - margin: 5px;
|
| - padding: 5px;
|
| -}
|
| -
|
| -.navbar-item-selected {
|
| - background-color: #FFFFFF;
|
| -}
|
| -
|
| -.navbar-item-normal {
|
| - background-color: #dfdfdf;
|
| -}
|
| -
|
| -#mainview {
|
| - -webkit-box-align: stretch;
|
| - border: 1px solid black;
|
| - height: 400px;
|
| - width: 600px;
|
| - padding: 10px;
|
| - position: relative;
|
| -}
|
| -
|
| -.section {
|
| - margin-top: 10px;
|
| -}
|
| -
|
| -.option {
|
| - margin-top: 5px;
|
| -}
|
| -
|
| -.section-title {
|
| - font-weight: bold;
|
| -}
|
| -
|
| -.option-control-table {
|
| - margin-top: 5px;
|
| - -webkit-padding-start: 10px;
|
| -}
|
| -
|
| -.hidden {
|
| - display: none;
|
| -}
|
| -
|
| -.touch-slider {
|
| - -webkit-appearance: slider-horizontal;
|
| -}
|
| -
|
| +<link rel="stylesheet" href="options/options_page.css">
|
| </style>
|
| </head>
|
| -<body onload="load();"
|
| - i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
|
| +<body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
|
| <div class="header">
|
| </div>
|
| <div id="main-content">
|
| <div id="navbar-container">
|
| <ul id="navbar">
|
| </ul>
|
| - <hr/>
|
| + <hr>
|
| <ul class="hidden">
|
| </ul>
|
| </div>
|
| @@ -127,7 +74,9 @@
|
| <if expr="pp_ifdef('chromeos')">
|
| <include src="options/chromeos_system_options.html">
|
| </if>
|
| - <!-- include file="options/chromeos_labs.html" -->
|
| + <include src="options/browser_options.html">
|
| + <include src="options/personal_options.html">
|
| + <include src="options/advanced_options.html">
|
| </div>
|
| </div>
|
| <script>
|
| @@ -135,7 +84,7 @@
|
| cr.ui.decorate('input[pref][type=checkbox]', PrefCheckbox);
|
| cr.ui.decorate('input[pref][type=range]', PrefRange);
|
| cr.ui.decorate('select[pref]', PrefSelect);
|
| -<!-- TODO(zelidrag) add other elements here when we implement them -->
|
| +// TODO(zelidrag) add other elements here when we implement them
|
| </script>
|
| </body>
|
| </html>
|
|
|