diff options
Diffstat (limited to 'chromium/chrome/browser/resources/settings/people_page/sync_page.js')
| -rw-r--r-- | chromium/chrome/browser/resources/settings/people_page/sync_page.js | 710 |
1 files changed, 0 insertions, 710 deletions
diff --git a/chromium/chrome/browser/resources/settings/people_page/sync_page.js b/chromium/chrome/browser/resources/settings/people_page/sync_page.js deleted file mode 100644 index e65b7efd44b..00000000000 --- a/chromium/chrome/browser/resources/settings/people_page/sync_page.js +++ /dev/null @@ -1,710 +0,0 @@ -// Copyright 2015 The Chromium Authors. All rights reserved. -// Use of this source code is governed by a BSD-style license that can be -// found in the LICENSE file. - -(function() { - -/** - * Names of the radio buttons which allow the user to choose their encryption - * mechanism. - * @enum {string} - */ -const RadioButtonNames = { - ENCRYPT_WITH_GOOGLE: 'encrypt-with-google', - ENCRYPT_WITH_PASSPHRASE: 'encrypt-with-passphrase', -}; - -/** - * @fileoverview - * 'settings-sync-page' is the settings page containing sync settings. - */ -Polymer({ - is: 'settings-sync-page', - - behaviors: [ - WebUIListenerBehavior, - settings.RouteObserverBehavior, - ], - - properties: { - /** - * Preferences state. - */ - prefs: { - type: Object, - notify: true, - }, - - /** @private */ - pages_: { - type: Object, - value: settings.PageStatus, - readOnly: true, - }, - - /** - * The current page status. Defaults to |CONFIGURE| such that the searching - * algorithm can search useful content when the page is not visible to the - * user. - * @private {?settings.PageStatus} - */ - pageStatus_: { - type: String, - value: settings.PageStatus.CONFIGURE, - }, - - /** - * Dictionary defining page visibility. - * @type {!PrivacyPageVisibility} - */ - pageVisibility: Object, - - /** - * The current sync preferences, supplied by SyncBrowserProxy. - * @type {settings.SyncPrefs|undefined} - */ - syncPrefs: { - type: Object, - }, - - /** @type {settings.SyncStatus} */ - syncStatus: { - type: Object, - }, - - /** - * Whether the "create passphrase" inputs should be shown. These inputs - * give the user the opportunity to use a custom passphrase instead of - * authenticating with their Google credentials. - * @private - */ - creatingNewPassphrase_: { - type: Boolean, - value: false, - }, - - /** - * The passphrase input field value. - * @private - */ - passphrase_: { - type: String, - value: '', - }, - - /** - * The passphrase confirmation input field value. - * @private - */ - confirmation_: { - type: String, - value: '', - }, - - /** - * The existing passphrase input field value. - * @private - */ - existingPassphrase_: { - type: String, - value: '', - }, - - /** @private */ - signedIn_: { - type: Boolean, - value: true, - computed: 'computeSignedIn_(syncStatus.signedIn)', - }, - - /** @private */ - syncDisabledByAdmin_: { - type: Boolean, - value: false, - computed: 'computeSyncDisabledByAdmin_(syncStatus.managed)', - }, - - /** @private */ - syncSectionDisabled_: { - type: Boolean, - value: false, - computed: 'computeSyncSectionDisabled_(' + - 'unifiedConsentEnabled, syncStatus.signedIn, syncStatus.disabled, ' + - 'syncStatus.hasError, syncStatus.statusAction)', - }, - - // <if expr="not chromeos"> - diceEnabled: Boolean, - // </if> - - unifiedConsentEnabled: { - type: Boolean, - observer: 'initializeDidAbort_', - }, - - /** @private */ - showSetupCancelDialog_: { - type: Boolean, - value: false, - }, - - disableEncryptionOptions_: { - type: Boolean, - computed: 'computeDisableEncryptionOptions_(' + - 'syncPrefs, syncStatus)', - }, - }, - - /** @private {?settings.SyncBrowserProxy} */ - browserProxy_: null, - - /** - * If unified consent is enabled, the beforeunload callback is used to - * show the 'Leave site' dialog. This makes sure that the user has the chance - * to go back and confirm the sync opt-in before leaving. - * - * If unified consent is disabled, the beforeunload callback is used - * to confirm the sync setup before leaving the opt-in flow. - * - * This property is non-null if the user is currently navigated on the sync - * settings route. - * - * @private {?Function} - */ - beforeunloadCallback_: null, - - /** - * If unified consent is enabled, the unload callback is used to cancel the - * sync setup when the user hits the browser back button after arriving on the - * page. - * Note: Cases like closing the tab or reloading don't need to be handled, - * because they are already caught in |PeopleHandler::~PeopleHandler| - * from the C++ code. - * - * @private {?Function} - */ - unloadCallback_: null, - - /** - * Whether the initial layout for collapsible sections has been computed. It - * is computed only once, the first time the sync status is updated. - * @private {boolean} - */ - collapsibleSectionsInitialized_: false, - - /** - * Whether the user decided to abort sync. When unified consent is enabled, - * this is initialized to true. - * @private {boolean} - */ - didAbort_: false, - - /** - * Whether the user confirmed the cancellation of sync. - * @private {boolean} - */ - setupCancelConfirmed_: false, - - /** @override */ - created: function() { - this.browserProxy_ = settings.SyncBrowserProxyImpl.getInstance(); - }, - - /** @override */ - attached: function() { - this.addWebUIListener( - 'page-status-changed', this.handlePageStatusChanged_.bind(this)); - this.addWebUIListener( - 'sync-prefs-changed', this.handleSyncPrefsChanged_.bind(this)); - - if (settings.getCurrentRoute() == settings.routes.SYNC) { - this.onNavigateToPage_(); - } - }, - - /** @override */ - detached: function() { - if (settings.routes.SYNC.contains(settings.getCurrentRoute())) { - this.onNavigateAwayFromPage_(); - } - - if (this.beforeunloadCallback_) { - window.removeEventListener('beforeunload', this.beforeunloadCallback_); - this.beforeunloadCallback_ = null; - } - if (this.unloadCallback_) { - window.removeEventListener('unload', this.unloadCallback_); - this.unloadCallback_ = null; - } - }, - - /** - * @return {boolean} - * @private - */ - computeSignedIn_: function() { - return !!this.syncStatus.signedIn; - }, - - /** - * @return {boolean} - * @private - */ - computeSyncSectionDisabled_: function() { - return !!this.unifiedConsentEnabled && this.syncStatus !== undefined && - (!this.syncStatus.signedIn || !!this.syncStatus.disabled || - (!!this.syncStatus.hasError && - this.syncStatus.statusAction !== - settings.StatusAction.ENTER_PASSPHRASE)); - }, - - /** - * @return {boolean} - * @private - */ - computeSyncDisabledByAdmin_: function() { - return this.syncStatus != undefined && !!this.syncStatus.managed; - }, - - /** @private */ - onSetupCancelDialogBack_: function() { - this.$$('#setupCancelDialog').cancel(); - chrome.metricsPrivate.recordUserAction( - 'Signin_Signin_CancelCancelAdvancedSyncSettings'); - }, - - /** @private */ - onSetupCancelDialogConfirm_: function() { - this.setupCancelConfirmed_ = true; - this.$$('#setupCancelDialog').close(); - settings.navigateTo(settings.routes.BASIC); - chrome.metricsPrivate.recordUserAction( - 'Signin_Signin_ConfirmCancelAdvancedSyncSettings'); - }, - - /** @private */ - onSetupCancelDialogClose_: function() { - this.showSetupCancelDialog_ = false; - }, - - /** @protected */ - currentRouteChanged: function() { - if (settings.getCurrentRoute() == settings.routes.SYNC) { - this.onNavigateToPage_(); - return; - } - - if (settings.routes.SYNC.contains(settings.getCurrentRoute())) { - return; - } - - const searchParams = settings.getQueryParameters().get('search'); - if (searchParams) { - // User navigated away via searching. Cancel sync without showing - // confirmation dialog. - this.onNavigateAwayFromPage_(); - return; - } - - const userActionCancelsSetup = this.syncStatus && - this.syncStatus.firstSetupInProgress && this.didAbort_; - if (this.unifiedConsentEnabled && userActionCancelsSetup && - !this.setupCancelConfirmed_) { - chrome.metricsPrivate.recordUserAction( - 'Signin_Signin_BackOnAdvancedSyncSettings'); - // Show the 'Cancel sync?' dialog. - // Yield so that other |currentRouteChanged| observers are called, - // before triggering another navigation (and another round of observers - // firing). Triggering navigation from within an observer leads to some - // undefined behavior and runtime errors. - requestAnimationFrame(() => { - settings.navigateTo(settings.routes.SYNC); - this.showSetupCancelDialog_ = true; - // Flush to make sure that the setup cancel dialog is attached. - Polymer.dom.flush(); - this.$$('#setupCancelDialog').showModal(); - }); - return; - } - - // Reset variable. - this.setupCancelConfirmed_ = false; - - this.onNavigateAwayFromPage_(); - }, - - /** - * @param {!settings.PageStatus} expectedPageStatus - * @return {boolean} - * @private - */ - isStatus_: function(expectedPageStatus) { - return expectedPageStatus == this.pageStatus_; - }, - - /** @private */ - onNavigateToPage_: function() { - assert(settings.getCurrentRoute() == settings.routes.SYNC); - - if (this.beforeunloadCallback_) { - return; - } - - this.collapsibleSectionsInitialized_ = false; - - // Display loading page until the settings have been retrieved. - this.pageStatus_ = settings.PageStatus.SPINNER; - - this.browserProxy_.didNavigateToSyncPage(); - - if (this.unifiedConsentEnabled) { - this.beforeunloadCallback_ = event => { - // When the user tries to leave the sync setup, show the 'Leave site' - // dialog. - if (this.unifiedConsentEnabled && this.syncStatus && - this.syncStatus.firstSetupInProgress) { - event.preventDefault(); - event.returnValue = ''; - - chrome.metricsPrivate.recordUserAction( - 'Signin_Signin_AbortAdvancedSyncSettings'); - } - }; - window.addEventListener('beforeunload', this.beforeunloadCallback_); - - this.unloadCallback_ = this.onNavigateAwayFromPage_.bind(this); - window.addEventListener('unload', this.unloadCallback_); - } else { - this.beforeunloadCallback_ = this.onNavigateAwayFromPage_.bind(this); - window.addEventListener('beforeunload', this.beforeunloadCallback_); - } - }, - - /** @private */ - onNavigateAwayFromPage_: function() { - if (!this.beforeunloadCallback_) { - return; - } - - // Reset the status to CONFIGURE such that the searching algorithm can - // search useful content when the page is not visible to the user. - this.pageStatus_ = settings.PageStatus.CONFIGURE; - - this.browserProxy_.didNavigateAwayFromSyncPage(this.didAbort_); - this.initializeDidAbort_(); - - window.removeEventListener('beforeunload', this.beforeunloadCallback_); - this.beforeunloadCallback_ = null; - - if (this.unloadCallback_) { - window.removeEventListener('unload', this.unloadCallback_); - this.unloadCallback_ = null; - } - }, - - /** - * Handler for when the sync preferences are updated. - * @private - */ - handleSyncPrefsChanged_: function(syncPrefs) { - this.syncPrefs = syncPrefs; - this.pageStatus_ = settings.PageStatus.CONFIGURE; - - // Hide the new passphrase box if (a) full data encryption is enabled, - // (b) encrypting all data is not allowed (so far, only applies to - // supervised accounts), or (c) the user is a supervised account. - if (this.syncPrefs.encryptAllData || - !this.syncPrefs.encryptAllDataAllowed || - (this.syncStatus && this.syncStatus.supervisedUser)) { - this.creatingNewPassphrase_ = false; - } - }, - - /** @private */ - onActivityControlsTap_: function() { - this.browserProxy_.openActivityControlsUrl(); - }, - - /** - * @param {string} passphrase The passphrase input field value - * @param {string} confirmation The passphrase confirmation input field value. - * @return {boolean} Whether the passphrase save button should be enabled. - * @private - */ - isSaveNewPassphraseEnabled_: function(passphrase, confirmation) { - return passphrase !== '' && confirmation !== ''; - }, - - /** - * Sends the newly created custom sync passphrase to the browser. - * @private - * @param {!Event} e - */ - onSaveNewPassphraseTap_: function(e) { - assert(this.creatingNewPassphrase_); - - // Ignore events on irrelevant elements or with irrelevant keys. - if (e.target.tagName != 'CR-BUTTON' && e.target.tagName != 'CR-INPUT') { - return; - } - if (e.type == 'keypress' && e.key != 'Enter') { - return; - } - - // If a new password has been entered but it is invalid, do not send the - // sync state to the API. - if (!this.validateCreatedPassphrases_()) { - return; - } - - this.syncPrefs.encryptAllData = true; - this.syncPrefs.setNewPassphrase = true; - this.syncPrefs.passphrase = this.passphrase_; - - this.browserProxy_.setSyncEncryption(this.syncPrefs) - .then(this.handlePageStatusChanged_.bind(this)); - }, - - /** - * Sends the user-entered existing password to re-enable sync. - * @private - * @param {!Event} e - */ - onSubmitExistingPassphraseTap_: function(e) { - if (e.type == 'keypress' && e.key != 'Enter') { - return; - } - - assert(!this.creatingNewPassphrase_); - - this.syncPrefs.setNewPassphrase = false; - - this.syncPrefs.passphrase = this.existingPassphrase_; - this.existingPassphrase_ = ''; - - this.browserProxy_.setSyncEncryption(this.syncPrefs) - .then(this.handlePageStatusChanged_.bind(this)); - }, - - /** - * Called when the page status updates. - * @param {!settings.PageStatus} pageStatus - * @private - */ - handlePageStatusChanged_: function(pageStatus) { - switch (pageStatus) { - case settings.PageStatus.SPINNER: - case settings.PageStatus.TIMEOUT: - case settings.PageStatus.CONFIGURE: - this.pageStatus_ = pageStatus; - return; - case settings.PageStatus.DONE: - if (settings.getCurrentRoute() == settings.routes.SYNC) { - settings.navigateTo(settings.routes.PEOPLE); - } - return; - case settings.PageStatus.PASSPHRASE_FAILED: - if (this.pageStatus_ == this.pages_.CONFIGURE && this.syncPrefs && - this.syncPrefs.passphraseRequired) { - const passphraseInput = /** @type {!CrInputElement} */ ( - this.$$('#existingPassphraseInput')); - passphraseInput.invalid = true; - passphraseInput.focusInput(); - } - return; - } - - assertNotReached(); - }, - - /** - * Called when the encryption - * @param {!Event} event - * @private - */ - onEncryptionRadioSelectionChanged_: function(event) { - this.creatingNewPassphrase_ = - event.detail.value == RadioButtonNames.ENCRYPT_WITH_PASSPHRASE; - }, - - /** - * Computed binding returning the selected encryption radio button. - * @private - */ - selectedEncryptionRadio_: function() { - return this.syncPrefs.encryptAllData || this.creatingNewPassphrase_ ? - RadioButtonNames.ENCRYPT_WITH_PASSPHRASE : - RadioButtonNames.ENCRYPT_WITH_GOOGLE; - }, - - /** - * Checks the supplied passphrases to ensure that they are not empty and that - * they match each other. Additionally, displays error UI if they are invalid. - * @return {boolean} Whether the check was successful (i.e., that the - * passphrases were valid). - * @private - */ - validateCreatedPassphrases_: function() { - const emptyPassphrase = !this.passphrase_; - const mismatchedPassphrase = this.passphrase_ != this.confirmation_; - - this.$$('#passphraseInput').invalid = emptyPassphrase; - this.$$('#passphraseConfirmationInput').invalid = - !emptyPassphrase && mismatchedPassphrase; - - return !emptyPassphrase && !mismatchedPassphrase; - }, - - /** - * @param {!Event} event - * @private - */ - onLearnMoreTap_: function(event) { - if (event.target.tagName == 'A') { - // Stop the propagation of events, so that clicking on links inside - // checkboxes or radio buttons won't change the value. - event.stopPropagation(); - } - }, - - /** - * When unified-consent enabled, the non-toggle items on the bottom of sync - * section should be wrapped with 'list-frame' in order to be indented - * correctly. - * @return {string} - * @private - */ - getListFrameClass_: function() { - return this.unifiedConsentEnabled ? 'list-frame' : ''; - }, - - /** - * When unified-consent enabled, the non-toggle items on the bottom of sync - * section will be wrapped with 'list-frame', and should have the 'list-item' - * instead of 'settings-box' in order to be indented correctly. - * @return {string} - * @private - */ - getListItemClass_: function() { - return this.unifiedConsentEnabled ? 'list-item' : 'settings-box'; - }, - - /** - * When there is a sync passphrase, some items have an additional line for the - * passphrase reset hint, making them three lines rather than two. - * @return {string} - * @private - */ - getPassphraseHintLines_: function() { - return this.syncPrefs.encryptAllData ? 'three-line' : 'two-line'; - }, - - // <if expr="not chromeos"> - /** - * @return {boolean} - * @private - */ - shouldShowSyncAccountControl_: function() { - return !!this.unifiedConsentEnabled && this.syncStatus !== undefined && - !!this.syncStatus.syncSystemEnabled && !!this.syncStatus.signinAllowed; - }, - // </if> - - /** - * @return {boolean} - * @private - */ - shouldShowExistingPassphraseBelowAccount_: function() { - return !!this.unifiedConsentEnabled && this.syncPrefs !== undefined && - !!this.syncPrefs.passphraseRequired; - }, - - /** - * @return {boolean} - * @private - */ - shouldShowExistingPassphraseInSyncSection_: function() { - return !this.unifiedConsentEnabled && this.syncPrefs !== undefined && - !!this.syncPrefs.passphraseRequired; - }, - - /** - * Whether we should disable the radio buttons that allow choosing the - * encryption options for Sync. - * We disable the buttons if: - * (a) full data encryption is enabled, or, - * (b) full data encryption is not allowed (so far, only applies to - * supervised accounts), or, - * (c) the user is a supervised account. - * @return {boolean} - * @private - */ - computeDisableEncryptionOptions_: function() { - return !!( - (this.syncPrefs && - (this.syncPrefs.encryptAllData || - !this.syncPrefs.encryptAllDataAllowed)) || - (this.syncStatus && this.syncStatus.supervisedUser)); - }, - - /** @private */ - onSyncAdvancedTap_: function() { - settings.navigateTo(settings.routes.SYNC_ADVANCED); - }, - - /** - * @return {boolean} - * @private - */ - shouldShowDriveSuggest_: function() { - return loadTimeData.getBoolean('driveSuggestAvailable') && - !this.unifiedConsentEnabled; - }, - - /** - * Used when unified consent is disabled. - * @private - */ - onSyncSetupCancel_: function() { - this.didAbort_ = true; - settings.navigateTo(settings.routes.BASIC); - }, - - /** @private */ - initializeDidAbort_: function() { - this.didAbort_ = !!this.unifiedConsentEnabled; - }, - - /** - * @param {!CustomEvent<boolean>} e The event passed from - * settings-sync-account-control. - * @private - */ - onSyncSetupDone_: function(e) { - if (e.detail) { - this.didAbort_ = false; - chrome.metricsPrivate.recordUserAction( - 'Signin_Signin_ConfirmAdvancedSyncSettings'); - } else { - this.setupCancelConfirmed_ = true; - chrome.metricsPrivate.recordUserAction( - 'Signin_Signin_CancelAdvancedSyncSettings'); - } - settings.navigateTo(settings.routes.BASIC); - }, - - /** - * Focuses the passphrase input element if it is available and the page is - * visible. - * @private - */ - focusPassphraseInput_: function() { - const passphraseInput = - /** @type {!CrInputElement} */ (this.$$('#existingPassphraseInput')); - if (passphraseInput && settings.getCurrentRoute() == settings.routes.SYNC) { - passphraseInput.focus(); - } - }, -}); - -})(); |