Sync: Add encryption customization radio.

chrome/browser/resources/options/sync_setup_overlay.js

 // Copyright (c) 2011 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.
 
 cr.define('options', function() {
   const OptionsPage = options.OptionsPage;
 
   // Variable to track if a captcha challenge was issued. If this gets set to
   // true, it stays that way until we are told about successful login from
   // the browser.  This means subsequent errors (like invalid password) are
@@ skipping 45 matching lines @@
       var self = this;
       $('gaia-login-form').onsubmit = function() {
         self.sendCredentialsAndClose_();
         return false;
       };
       $('choose-data-types-form').onsubmit = function() {
         self.sendConfiguration_();
         return false;
       };
       $('google-option').onchange = $('explicit-option').onchange = function() {
-        self.onRadioChange_();
+        self.onPassphraseRadioChanged_();
       };
       $('choose-datatypes-cancel').onclick = $('sync-setup-cancel').onclick =
           $('confirm-everything-cancel').onclick = function() {
         self.closeOverlay_();
       };
       $('customize-link').onclick = function() {
         self.showCustomizePage_(true);
       };
       $('confirm-everything-ok').onclick = function() {
         self.sendConfiguration_();
@@ skipping 39 matching lines @@
       $('passphrase-cancel').disabled = true;
       $('cancel-no-button').focus();
     },
 
     sendPassphraseAndClose_: function() {
       var f = $('passphrase-form');
       var result = JSON.stringify({"passphrase": f.passphrase.value});
       chrome.send("Passphrase", [result]);
     },
 
-    getRadioCheckedValue_: function() {
+    getEncryptionRadioCheckedValue_: function() {
+      var f = $('choose-data-types-form');
+      for (var i = 0; i < f.encrypt.length; ++i) {
+        if (f.encrypt[i].checked) {
+          return f.encrypt[i].value;
+        }
+      }
+
+      return undefined;
+    },
+
+    getPassphraseRadioCheckedValue_: function() {
       var f = $('choose-data-types-form');
       for (var i = 0; i < f.option.length; ++i) {
         if (f.option[i].checked) {
           return f.option[i].value;
         }
       }
 
       return undefined;
     },
 
-    onRadioChange_: function() {
-      var visible = this.getRadioCheckedValue_() == "explicit";
+    disableEncryptionRadioGroup_: function() {
+      var f = $('choose-data-types-form');
+      for (var i = 0; i < f.encrypt.length; ++i)
+        f.encrypt[i].disabled = true;
+    },
+
+    onPassphraseRadioChanged_: function() {
+      var visible = this.getPassphraseRadioCheckedValue_() == "explicit";
       $('sync-custom-passphrase').hidden = !visible;
     },
 
     checkAllDataTypeCheckboxes_: function() {
       var checkboxes = document.getElementsByName("dataTypeCheckbox");
       for (var i = 0; i < checkboxes.length; i++) {
         // Only check the visible ones (since there's no way to uncheck
         // the invisible ones).
         if (checkboxes[i].parentElement.className == "sync-item-show") {
           checkboxes[i].checked = true;
@@ skipping 40 matching lines @@
       return atLeastOneEnabled && !atLeastOneChecked;
     },
 
     checkPassphraseMatch_: function() {
       var emptyError = $('empty-error');
       var mismatchError = $('mismatch-error');
       emptyError.style.display = "none";
       mismatchError.style.display = "none";
 
       var f = $('choose-data-types-form');
-      if (this.getRadioCheckedValue_() != "explicit" || f.option[0].disabled)
+      if (this.getPassphraseRadioCheckedValue_() != "explicit" ||
+          f.option[0].disabled)
         return true;
 
       var customPassphrase = $('custom-passphrase');
       if (customPassphrase.value.length == 0) {
         emptyError.style.display = "block";
         return false;
       }
 
       var confirmPassphrase = $('confirm-passphrase');
       if (confirmPassphrase.value != customPassphrase.value) {
@@ skipping 23 matching lines @@
       var f = $('choose-data-types-form');
       if (!this.checkPassphraseMatch_())
         return;
 
       // Don't allow the user to tweak the settings once we send the
       // configuration to the backend.
       this.disableConfigureElements_();
 
       var syncAll =
         document.getElementById('sync-select-datatypes').selectedIndex == 0;
+      var usePassphrase = this.getPassphraseRadioCheckedValue_() == 'explicit';
+      var encryptAllData = this.getEncryptionRadioCheckedValue_() == 'all';
 
       // These values need to be kept in sync with where they are read in
       // SyncSetupFlow::GetDataTypeChoiceData().
       var result = JSON.stringify({
           "keepEverythingSynced": syncAll,
           "syncBookmarks": syncAll || $('bookmarks-checkbox').checked,
           "syncPreferences": syncAll || $('preferences-checkbox').checked,
           "syncThemes": syncAll || $('themes-checkbox').checked,
           "syncPasswords": syncAll || $('passwords-checkbox').checked,
           "syncAutofill": syncAll || $('autofill-checkbox').checked,
           "syncExtensions": syncAll || $('extensions-checkbox').checked,
           "syncTypedUrls": syncAll || $('typed-urls-checkbox').checked,
           "syncApps": syncAll || $('apps-checkbox').checked,
           "syncSessions": syncAll || $('sessions-checkbox').checked,
-          "usePassphrase": (this.getRadioCheckedValue_() == 'explicit'),
+          "encryptAllData": encryptAllData,
+          "usePassphrase": usePassphrase,
           "passphrase": $('custom-passphrase').value
       });
       chrome.send("Configure", [result]);
     },
 
     /**
      * Disables all input elements within the 'Customize Sync Preferences'
      * screen. This is used to prohibit the user from changing the inputs after
      * confirming the customized sync preferences.
      * @private
@@ skipping 52 matching lines @@
 
       this.setCheckboxesToKeepEverythingSynced_(args.keepEverythingSynced);
       if (args.sessionsRegistered) {
         $('sessions-checkbox').checked = args.syncSessions;
         $('sessions-item').className = "sync-item-show";
       } else {
         $('sessions-item').className = "sync-item-hide";
       }
     },
 
-    setEncryptionCheckboxes_: function(args) {
-      if (args["usePassphrase"]) {
+    setEncryptionRadios_: function(args) {
+      if (args['encryptAllData']) {
+        $('encrypt-all-option').checked = true;
+        this.disableEncryptionRadioGroup_();
+      } else {
+        $('encrypt-sensitive-option').checked = true;
+      }
+    },
+
+    setPassphraseRadios_: function(args) {
+      if (args['usePassphrase']) {
         $('explicit-option').checked = true;
 
         // The passphrase, once set, cannot be unset, but we show a reset link.
         $('explicit-option').disabled = true;
         $('google-option').disabled = true;
         $('sync-custom-passphrase').hidden = true;
       } else {
         $('google-option').checked = true;
       }
     },
 
     setErrorState_: function(args) {
       if (!args.was_aborted)
         return;
 
       $('aborted-text').className = "sync-error-show";
       $('choose-datatypes-ok').disabled = true;
     },
 
     setCheckboxesAndErrors_: function(args) {
       this.setChooseDataTypesCheckboxes_(args);
-      this.setEncryptionCheckboxes_(args);
+      this.setEncryptionRadios_(args);
+      this.setPassphraseRadios_(args);
       this.setErrorState_(args);
     },
 
     // Called once, when this html/js is loaded.
     showConfigure_: function(args) {
       var datatypeSelect = document.getElementById('sync-select-datatypes');
       var self = this;
       datatypeSelect.onchange = function() {
         var syncAll = this.selectedIndex == 0;
         self.setCheckboxesToKeepEverythingSynced_(syncAll);
       };
 
       $('sync-setup-configure').classList.remove('hidden');
 
       if (args) {
+        if (!args['encryptionEnabled'])
+          $('customize-sync-encryption').classList.add('hidden');
         this.setCheckboxesAndErrors_(args);
 
         // Whether to display the 'Sync everything' confirmation page or the
         // customize data types page.
         var showSyncEverythingPage = args['showSyncEverythingPage'];
         var keepEverythingSynced = args['keepEverythingSynced'];
         this.usePassphrase_ = args['usePassphrase'];
         if (showSyncEverythingPage == false ||
             keepEverythingSynced == false || this.usePassphrase_) {
           this.showCustomizePage_(keepEverythingSynced);
@@ skipping 289 matching lines @@
 
   SyncSetupOverlay.showSuccessAndSettingUp = function() {
     SyncSetupOverlay.getInstance().showSuccessAndSettingUp_();
   };
 
   // Export
   return {
     SyncSetupOverlay: SyncSetupOverlay
   };
 });