| <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
| <link rel="import" href="chrome://resources/html/polymer.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html"> |
| <link rel="import" href="/appearance_page/appearance_browser_proxy.html"> |
| <link rel="import" href="/controls/controlled_radio_button.html"> |
| <link rel="import" href="/controls/settings_dropdown_menu.html"> |
| <link rel="import" href="/controls/settings_input.html"> |
| <link rel="import" href="/controls/settings_radio_group.html"> |
| <link rel="import" href="/icons.html"> |
| <link rel="import" href="/route.html"> |
| <link rel="import" href="/settings_page/settings_animated_pages.html"> |
| <link rel="import" href="/settings_page/settings_subpage.html"> |
| <link rel="import" href="/settings_shared_css.html"> |
| <link rel="import" href="appearance_fonts_page.html"> |
| |
| <dom-module id="settings-appearance-page"> |
| <link rel="import" type="css" href="chrome://resources/css/widgets.css"> |
| <template> |
| <style include="settings-shared"> |
| .settings-box iron-icon { |
| -webkit-margin-end: var(--iron-icon-spacing); |
| } |
| </style> |
| <settings-animated-pages id="pages" section="appearance"> |
| <neon-animatable route-path="default"> |
| <if expr="chromeos"> |
| <div class="settings-box first two-line" id="wallpaperButton" |
| on-tap="openWallpaperManager_" actionable |
| hidden="[[!pageVisibility.setWallpaper]]"> |
| <iron-icon icon="settings:wallpaper"></iron-icon> |
| <div class="start"> |
| <div>$i18n{setWallpaper}</div> |
| <div class="secondary">$i18n{openWallpaperApp}</div> |
| </div> |
| </div> |
| <div class="settings-box two-line" |
| hidden="[[!pageVisibility.setTheme]]"> |
| </if> |
| <if expr="not chromeos"> |
| <div class="settings-box two-line first" |
| hidden="[[!pageVisibility.setTheme]]"> |
| </if> |
| <div class="layout horizontal center flex" |
| on-tap="openThemesGallery_" actionable> |
| <iron-icon icon="settings:palette"></iron-icon> |
| <div> |
| <div>$i18n{getThemes}</div> |
| <div class="secondary">[[themeSublabel_]]</div> |
| </div> |
| </div> |
| <template is="dom-if" if="[[allowResetTheme_]]"> |
| <div class="secondary-action"> |
| <paper-button id="resetTheme" on-tap="resetTheme_" |
| class="secondary-button"> |
| $i18n{resetToDefaultTheme} |
| </paper-button> |
| </div> |
| </template> |
| </div> |
| <div class="settings-box" |
| hidden="[[!pageVisibility.homeButton]]"> |
| <settings-checkbox class="start" label="$i18n{showHomeButton}" |
| sub-label="[[getShowHomeSubLabel_(prefs.homepage_is_newtabpage.value, prefs.homepage.value)]]" |
| pref="{{prefs.browser.show_home_button}}"> |
| </settings-checkbox> |
| </div> |
| <template is="dom-if" if="[[prefs.browser.show_home_button.value]]"> |
| <div class="list-frame" |
| hidden="[[!pageVisibility.homeButton]]"> |
| <settings-radio-group pref="{{prefs.homepage_is_newtabpage}}"> |
| <controlled-radio-button class="list-item" name="true" |
| pref="[[prefs.homepage_is_newtabpage]]"> |
| $i18n{homePageNtp} |
| </controlled-radio-button> |
| <controlled-radio-button class="list-item" name="false" |
| pref="[[prefs.homepage_is_newtabpage]]"> |
| $i18n{other} |
| <!-- TODO(dbeam): this can show double indicators when both |
| homepage and whether to use the NTP as the homepage are |
| managed. --> |
| <settings-input pref="{{prefs.homepage}}" |
| label="$i18n{exampleDotCom}" |
| stop-keyboard-event-propagation> |
| </settings-input> |
| </controlled-radio-button> |
| </settings-radio-group> |
| </div> |
| </template> |
| <div class="settings-box" |
| hidden="[[!pageVisibility.bookmarksBar]]"> |
| <settings-checkbox class="start" label="$i18n{showBookmarksBar}" |
| pref="{{prefs.bookmark_bar.show_on_all_tabs}}"> |
| </settings-checkbox> |
| </div> |
| <div class$="settings-box [[getFirst_( |
| pageVisibility.bookmarksBar)]]"> |
| <if expr="is_linux and not chromeos"> |
| <settings-checkbox class="start" label="$i18n{showWindowDecorations}" |
| pref="{{prefs.browser.custom_chrome_frame}}" inverted> |
| </settings-checkbox> |
| </div> |
| <div class="settings-box"> |
| </if> |
| <div class="start">$i18n{fontSize}</div> |
| <settings-dropdown-menu id="defaultFontSize" |
| pref="{{prefs.webkit.webprefs.default_font_size}}" |
| menu-options="[[fontSizeOptions_]]"> |
| </settings-dropdown-menu> |
| </div> |
| <div id="customize-fonts-subpage-trigger" |
| class="settings-box two-line single-column" |
| on-tap="onCustomizeFontsTap_" actionable> |
| <div>$i18n{customizeFonts}</div> |
| <div class="secondary">$i18n{chooseFonts}</div> |
| </div> |
| <div class="settings-box" |
| hidden="[[!pageVisibility.pageZoom]]"> |
| <div class="start">$i18n{pageZoom}</div> |
| <settings-dropdown-menu id="pageZoom" pref="{{defaultZoomLevel_}}" |
| menu-options="[[pageZoomOptions_]]"> |
| </settings-dropdown-menu> |
| </div> |
| </neon-animatable> |
| <template is="dom-if" route-path="/fonts"> |
| <settings-subpage |
| associated-control="[[$$('#customize-fonts-subpage-trigger')]]" |
| page-title="$i18n{customizeFonts}"> |
| <settings-appearance-fonts-page prefs="{{prefs}}"> |
| </settings-appearance-fonts-page> |
| </settings-subpage> |
| </template> |
| </settings-animated-pages> |
| </template> |
| <script src="appearance_page.js"></script> |
| </dom-module> |