Adds a new checkbox for backup and restore in opt-in flow.

chrome/browser/resources/chromeos/arc_support/background.js

 // Copyright 2016 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.
 
 /**
  * UI Pages. Note the order must be in sync with the ArcAuthService::UIPage
  * enum.
  * @type {Array<string>}
  */
 var UI_PAGES = ['none',
@@ skipping 72 matching lines @@
  * @param {!Object} data Localized strings and relevant information.
  * @param {string} deviceId Current device id.
  */
 function initialize(data, deviceId) {
   currentDeviceId = deviceId;
   var doc = appWindow.contentWindow.document;
   var loadTimeData = appWindow.contentWindow.loadTimeData;
   loadTimeData.data = data;
   appWindow.contentWindow.i18nTemplate.process(doc, loadTimeData);
   var countryCode = data.countryCode.toLowerCase();
+  setBackupRestoreMode(data.textBackupRestore, data.backupRestoreEnabled);
 
   var scriptSetCountryCode = 'document.countryCode = \'' + countryCode + '\';';
   termsView.addContentScripts([
       { name: 'preProcess',
         matches: ['https://play.google.com/*'],
         js: { code: scriptSetCountryCode },
         run_at: 'document_start'
       },
       { name: 'postProcess',
         matches: ['https://play.google.com/*'],
         css: { files: ['playstore.css'] },
         js: { files: ['playstore.js'] },
         run_at: 'document_end'
       }]);
 
   // Applying localization changes page layout, update terms height.
   updateTermsHeight();
 }
 
 /**
+ * Handles the event when the user clicks on a learn more link. Opens the
+ * support page for the user.
+ * @param {Event} event
+ */
+var onLearnMore = function(event) {
+  var url = 'https://support.google.com/chromebook?p=playapps';
+  chrome.browser.openTab({'url': url}, function() {});
+  event.preventDefault();
+};
+
+/**
  * Sets current metrics mode.
  * @param {string} text Describes current metrics state.
  * @param {boolean} canEnable Defines if user is allowed to change this metrics
  *                            option.
  * @param {boolean} on Defines if metrics are active currently.
  */
 function setMetricsMode(text, canEnable, on) {
   var doc = appWindow.contentWindow.document;
   var enableMetrics = doc.getElementById('enable-metrics');
   enableMetrics.hidden = !canEnable;
   enableMetrics.checked = on;
 
   var onSettings = function(event) {
     chrome.browser.openTab({'url': 'chrome://settings'}, function() {});
     event.preventDefault();
   };
 
-  var onLearnMore = function(event) {
-    var url = 'https://support.google.com/chromebook?p=playapps';
-    chrome.browser.openTab({'url': url}, function() {});
-    event.preventDefault();
-  };
-
   doc.getElementById('text-metrics').innerHTML = text;
   doc.getElementById('settings-link').addEventListener('click', onSettings);
-  doc.getElementById('learn-more-link').addEventListener('click', onLearnMore);
+  doc.getElementById('learn-more-link-metrics').addEventListener('click',
+      onLearnMore);
 
   // Applying metrics mode changes page layout, update terms height.
   updateTermsHeight();
 }
 
 /**
+ * Sets current metrics mode.
+ * @param {string} text String used to display next to checkbox.
+ * @param {boolean} isChecked Defines if backup and restore option is active.
+ */
+function setBackupRestoreMode(text, isChecked) {

[elijahtaylor1, 2016/06/30 04:52:34]

nit: isChecked seems to indicate the current state of the checkbox.  maybe just
"checked" or "makeChecked"?

[malaykeshav, 2016/06/30 18:25:46]

Renaming to defaultCheckValue

+  var doc = appWindow.contentWindow.document;
+  var enableBackupRestoreEl = doc.getElementById('enable-backup-restore');
+  enableBackupRestoreEl.checked = isChecked;

[elijahtaylor1, 2016/06/30 04:52:34]

this could be a one-liner:

doc.getElementById('enable-backup-restore').checked = isChecked;

[malaykeshav, 2016/06/30 18:25:46]

Done

+
+  doc.getElementById('text-backup-restore').innerHTML = text;
+  doc.getElementById('learn-more-link-backup-restore').addEventListener('click',
+      onLearnMore);
+}
+
+/**
  * Updates terms view height manually because webview is not automatically
  * resized in case parent div element gets resized.
  */
 function updateTermsHeight() {
   var setTermsHeight = function() {
     var doc = appWindow.contentWindow.document;
     var termsContainer = doc.getElementById('terms-container');
     var style = window.getComputedStyle(termsContainer, null);
     var height = style.getPropertyValue('height');
     termsView.style.height = height;
@@ skipping 194 matching lines @@
 
     // webview is not allowed to open links in the new window. Hook these events
     // and open links in context of main page.
     termsView.addEventListener('newwindow', function(event) {
       event.preventDefault();
       chrome.browser.openTab({'url': event.targetUrl}, function() {});
     });
 
     var onAgree = function() {
       var enableMetrics = doc.getElementById('enable-metrics');
-      if (!enableMetrics.hidden && enableMetrics.checked) {
-        sendNativeMessage('enableMetrics');
+      if (!enableMetrics.hidden) {
+        sendNativeMessage('enableMetrics', {
+          'enabled': enableMetrics.checked
+        });
       }
+
+      var enableBackupRestore = doc.getElementById('enable-backup-restore');
+      sendNativeMessage('setBackupRestore', {
+        'enabled': enableBackupRestore.checked
+      });
+
       sendNativeMessage('startLso');
     };
 
     var onCancel = function() {
       if (appWindow) {
         windowClosedInternally = false;
         appWindow.close();
         appWindow = null;
       }
     };
@@ skipping 42 matching lines @@
       type: 'chrome',
       color: '#ffffff'
     },
     'innerBounds': {
       'width': 960,
       'height': 688
     }
   };
   chrome.app.window.create('main.html', options, onWindowCreated);
 });