| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html"> |
| <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
| <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html"> |
| <link rel="import" href="../os_a11y_page/os_a11y_page.html"> |
| <link rel="import" href="../os_people_page/os_people_page.html"> |
| <link rel="import" href="../os_search_page/os_search_page.html"> |
| <link rel="import" href="../personalization_page/personalization_page.html"> |
| <link rel="import" href="../../change_password_page/change_password_page.html"> |
| <link rel="import" href="../../controls/settings_idle_load.html"> |
| <link rel="import" href="../../settings_page/main_page_behavior.html"> |
| <link rel="import" href="../../settings_page/settings_section.html"> |
| <link rel="import" href="../../settings_page_css.html"> |
| <link rel="import" href="../../app_management_page/app_management_page.html"> |
| <link rel="import" href="../../android_apps_page/android_apps_browser_proxy.html"> |
| <link rel="import" href="../../android_apps_page/android_apps_page.html"> |
| <link rel="import" href="../../bluetooth_page/bluetooth_page.html"> |
| <link rel="import" href="../../crostini_page/crostini_page.html"> |
| <link rel="import" href="../../plugin_vm_page/plugin_vm_page.html"> |
| <link rel="import" href="../../kiosk_next_shell_page/kiosk_next_shell_page.html"> |
| <link rel="import" href="../../device_page/device_page.html"> |
| <link rel="import" href="../../internet_page/internet_page.html"> |
| <link rel="import" href="../../multidevice_page/multidevice_page.html"> |
| |
| <dom-module id="os-settings-page"> |
| <template> |
| <style include="settings-page-styles cr-hidden-style"> |
| :host([is-subpage-animating]) { |
| /* Prevent an unwanted horizontal scrollbar when transitioning back from |
| * a sub-page. */ |
| overflow: hidden; |
| } |
| |
| #advancedToggle { |
| @apply --cr-actionable; |
| align-items: center; |
| display: flex; |
| margin-bottom: 3px; |
| margin-top: 12px; /* Part of a 48px spacer (33px + 12px + 3px). */ |
| min-height: 32px; |
| padding: 0 12px; |
| text-transform: none; |
| } |
| |
| #secondaryUserBanner { |
| @apply --cr-card-elevation; |
| align-items: center; |
| background-color: white; |
| border-radius: 2px; |
| display: flex; |
| margin: 21px 0; |
| } |
| |
| #secondaryUserIcon { |
| /* TODO(stevenjb): Replace this with the correct variable or color once |
| * established by UX, see crbug.com/687749. */ |
| background-color : rgb(210, 210, 212); |
| background-image: url(chrome://theme/IDR_SECONDARY_USER_SETTINGS); |
| background-position: center; |
| background-repeat: no-repeat; |
| height: 55px; |
| margin: 18px; |
| width: 58px; |
| } |
| |
| #toggleContainer { |
| align-items: center; |
| display: flex; |
| font: inherit; |
| justify-content: center; |
| margin-bottom: 0; |
| margin-top: 0; |
| } |
| |
| #toggleSpacer { |
| padding-top: 33px; /* Part of a 48px spacer (33px + 12px + 3px). */ |
| } |
| |
| iron-icon { |
| margin-inline-start: 16px; |
| } |
| </style> |
| <template is="dom-if" if="[[showBasicPage_( |
| currentRoute_, inSearchMode, hasExpandedSection_)]]"> |
| <div id="basicPage"> |
| <div id="secondaryUserBanner" hidden="[[!showSecondaryUserBanner_]]"> |
| <div id="secondaryUserIcon"></div> |
| <div class="flex">$i18n{secondaryUserBannerText}</div> |
| </div> |
| <template is="dom-if" if="[[showPage_(pageVisibility.internet)]]" |
| restamp> |
| <settings-section page-title="$i18n{internetPageTitle}" |
| section="internet"> |
| <settings-internet-page prefs="{{prefs}}"> |
| </settings-internet-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.bluetooth)]]" |
| restamp> |
| <settings-section page-title="$i18n{bluetoothPageTitle}" |
| section="bluetooth"> |
| <settings-bluetooth-page prefs="{{prefs}}"> |
| </settings-bluetooth-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.multidevice)]]" |
| restamp> |
| <settings-section page-title="$i18n{multidevicePageTitle}" |
| section="multidevice"> |
| <settings-multidevice-page prefs="{{prefs}}"> |
| </settings-multidevice-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showChangePassword]]" restamp> |
| <settings-section section="changePassword"> |
| <settings-change-password-page></settings-change-password-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.people)]]" restamp> |
| <settings-section page-title="$i18n{peoplePageTitle}" |
| section="people"> |
| <os-settings-people-page prefs="{{prefs}}" |
| page-visibility="[[pageVisibility]]"> |
| </os-settings-people-page> |
| </settings-section> |
| </template> |
| <!-- TODO(hsuregan): Change from appearance to personalization once |
| pageVisibility is forked for OS Settings.--> |
| <template is="dom-if" if="[[showPage_(pageVisibility.appearance)]]" |
| restamp> |
| <settings-section page-title="$i18n{personalizationPageTitle}" |
| section="personalization"> |
| <settings-personalization-page |
| page-visibility="[[pageVisibility.appearance]]"> |
| </settings-personalization-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.device)]]" restamp> |
| <settings-section page-title="$i18n{devicePageTitle}" |
| section="device"> |
| <settings-device-page prefs="{{prefs}}" |
| show-crostini="[[showCrostini]]"> |
| </settings-device-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.search)]]" restamp> |
| <settings-section page-title="$i18n{osSearchPageTitle}" |
| section="search"> |
| <os-settings-search-page prefs="{{prefs}}"> |
| </os-settings-search-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showApps]]" restamp> |
| <settings-section page-title="$i18n{appsPageTitle}" section="apps"> |
| <settings-app-management-page> |
| </settings-app-management-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[shouldCreateAndroidAppsSection_( |
| showAndroidApps, pageVisibility)]]" restamp> |
| <settings-section page-title="$i18n{androidAppsPageTitle}" |
| section="androidApps" hidden$="[[!shouldShowAndroidAppsSection_( |
| androidAppsInfo)]]"> |
| <settings-android-apps-page prefs="{{prefs}}" |
| android-apps-info="[[androidAppsInfo]]" |
| have-play-store-app="[[havePlayStoreApp]]"> |
| </settings-android-apps-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showKioskNextShell]]" restamp> |
| <settings-section |
| page-title="$i18n{kioskNextShellPageTitle}" |
| section="kiosk-next-shell"> |
| <settings-kiosk-next-shell-page prefs="{{prefs}}"> |
| </settings-kiosk-next-shell-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showCrostini]]" restamp> |
| <settings-section page-title="$i18n{crostiniPageTitle}" |
| section="crostini"> |
| <settings-crostini-page prefs="{{prefs}}" |
| allow-crostini="[[allowCrostini_]]"> |
| </settings-crostini-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPluginVm]]" restamp> |
| <settings-section page-title="$i18n{pluginVmPageTitle}" |
| section="pluginVm"> |
| <settings-plugin-vm-page prefs="{{prefs}}"> |
| </settings-plugin-vm-page> |
| </settings-section> |
| </template> |
| </div> |
| </template> |
| |
| <template is="dom-if" if="[[showAdvancedSettings_(pageVisibility.advancedSettings)]]"> |
| <template is="dom-if" if="[[showAdvancedToggle_( |
| inSearchMode, hasExpandedSection_)]]"> |
| <div id="toggleSpacer"></div> |
| <h2 id="toggleContainer"> |
| <paper-button id="advancedToggle" on-click="advancedToggleClicked_" |
| aria-expanded$="[[boolToString_(advancedToggleExpanded)]]"> |
| <span>$i18n{advancedPageTitle}</span> |
| <iron-icon icon="[[getArrowIcon_(advancedToggleExpanded)]]"> |
| </iron-icon> |
| </paper-button> |
| </h2> |
| </template> |
| |
| <settings-idle-load id="advancedPageTemplate" |
| url="chromeos/lazy_load.html"> |
| <template> |
| <div id="advancedPage" hidden$="[[!showAdvancedPage_( |
| currentRoute_, inSearchMode, hasExpandedSection_, |
| advancedToggleExpanded)]]"> |
| <template is="dom-if" if="[[showPage_(pageVisibility.dateTime)]]" |
| restamp> |
| <settings-section page-title="$i18n{dateTimePageTitle}" |
| section="dateTime"> |
| <settings-date-time-page prefs="{{prefs}}" |
| page-visibility="[[pageVisibility.dateTime]]"> |
| </settings-date-time-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.privacy)]]" |
| restamp> |
| <settings-section page-title="$i18n{privacyPageTitle}" |
| section="privacy"> |
| <os-settings-privacy-page prefs="{{prefs}}"> |
| </os-settings-privacy-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.languages)]]" |
| restamp> |
| <settings-section page-title="$i18n{languagesPageTitle}" |
| section="languages"> |
| <settings-languages-page prefs="{{prefs}}"> |
| </settings-languages-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.downloads)]]" |
| restamp> |
| <settings-section page-title="$i18n{downloadsPageTitle}" |
| section="downloads"> |
| <os-settings-downloads-page prefs="{{prefs}}" |
| page-visibility="[[pageVisibility.downloads]]"> |
| </os-settings-downloads-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.printing)]]" |
| restamp> |
| <settings-section page-title="$i18n{printingPageTitle}" |
| section="printing"> |
| <settings-printing-page prefs="{{prefs}}"> |
| </settings-printing-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.a11y)]]" |
| restamp> |
| <settings-section page-title="$i18n{a11yPageTitle}" |
| section="a11y"> |
| <os-settings-a11y-page prefs="{{prefs}}"> |
| </os-settings-a11y-page> |
| </settings-section> |
| </template> |
| <template is="dom-if" if="[[showPage_(pageVisibility.reset)]]" |
| restamp> |
| <settings-section page-title="$i18n{resetPageTitle}" |
| section="reset"> |
| <os-settings-reset-page></os-settings-reset-page> |
| </settings-section> |
| </template> |
| </div> |
| </template> |
| </settings-idle-load> |
| </template> |
| </template> |
| <script src="os_settings_page.js"></script> |
| </dom-module> |